*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f4f6f8;color:#172033}header{height:64px;background:#fff;border-bottom:1px solid #dfe3e8;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}header strong{font-size:20px}header span{font-size:11px;background:#111827;color:white;padding:3px 7px;border-radius:10px;margin-left:8px}button,.button{border:1px solid #ccd2da;background:#fff;border-radius:8px;padding:9px 13px;cursor:pointer;font-weight:600}header nav{display:flex;gap:8px}main{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 64px)}aside{background:#fff;border-right:1px solid #dfe3e8;padding:18px}h3{font-size:12px;letter-spacing:.08em;color:#697386}label{display:block;font-size:12px;color:#586174;margin:12px 0}input,select,textarea{width:100%;border:1px solid #cfd6df;border-radius:7px;padding:9px;background:#fff;color:#172033}.menu{display:grid;gap:5px;margin-top:20px}.menu button{text-align:left;border:0}.menu button.active,.tabs button.active{background:#e8f0ff;color:#1455c0}.workspace{display:grid;grid-template-columns:minmax(390px,1fr) 430px 250px;min-height:570px}.editor,.inspector,.previewArea{padding:22px}.editor,.previewArea{border-right:1px solid #dfe3e8}.previewArea{text-align:center;background:#eef1f5}.device{width:360px;min-height:470px;background:#111;border-radius:46px;padding:35px 13px 22px;margin:0 auto 12px;box-shadow:0 18px 50px #0002}.pass{min-height:390px;border-radius:18px;background:rgb(35,78,147);color:white;padding:18px;text-align:left;overflow:hidden;position:relative}.pass.poster{min-height:420px;background:#202124}.passLogo{font-weight:700;margin-bottom:30px}.hero{font-size:28px;font-weight:800;margin:12px 0 24px}.row{display:flex;gap:18px;margin:15px 0}.field{flex:1}.field b{display:block;font-size:10px;text-transform:uppercase;opacity:.7}.field span{font-size:16px}.barcode{margin:30px auto 0;background:white;color:#111;width:80%;padding:22px 8px;text-align:center;border-radius:8px;font-family:monospace}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.formgrid .wide{grid-column:1/-1}.fieldEditor{border:1px solid #dfe3e8;border-radius:10px;padding:12px;margin:10px 0;background:#fff}.fieldEditor header{height:auto;padding:0;border:0;position:static}.fieldEditor .remove{float:right;color:#b42318}.add{margin-top:8px}.bottom{grid-column:1/-1;background:#fff;border-top:1px solid #dfe3e8;padding:14px 22px}.tabs{display:flex;gap:5px;margin-bottom:10px}.tabs button{border:0}#jsonEditor,#bottomInfo{height:260px;font:13px ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.45}#validation .ok{color:#16803b}#validation .warn{color:#b54708}#validation .bad{color:#b42318}.hint{background:#f0f6ff;border:1px solid #cfe0ff;padding:12px;border-radius:9px;font-size:13px}.asset{border:1px dashed #b7c0cc;padding:14px;border-radius:9px;margin:9px 0}.asset input{border:0;padding:6px 0}@media(max-width:1100px){.workspace{grid-template-columns:1fr 390px}.inspector{grid-column:1/-1}.editor{border-right:1px solid #ddd}}@media(max-width:800px){main{grid-template-columns:1fr}aside{border-right:0}.workspace{grid-template-columns:1fr}.editor,.previewArea{border-right:0}.device{width:min(360px,95%)}}
.assetManager{display:grid;gap:14px}.assetCard{background:#fff;border:1px solid #d8dee8;border-radius:14px;padding:16px}.assetHead{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.assetHead h3{font-size:15px;letter-spacing:0;color:#172033;margin:0 0 4px}.assetHead p{font-size:12px;color:#697386;margin:0}.assetBadge{font-size:10px;font-weight:800;background:#eef4ff;color:#2458a6;border-radius:999px;padding:5px 8px;white-space:nowrap}.assetBody{display:grid;grid-template-columns:150px 1fr;gap:16px;margin-top:14px}.assetPreview{height:110px;border:1px dashed #c3ccd8;border-radius:10px;display:grid;place-items:center;overflow:hidden;background:#f7f9fb;color:#8a94a3;font-size:12px}.assetPreview img{max-width:100%;max-height:100%;object-fit:contain}.assetFiles{display:grid;gap:6px}.assetFile{display:grid;grid-template-columns:55px 1fr auto;gap:8px;font-size:12px;padding:6px 8px;background:#f7f9fb;border-radius:7px}.assetActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.assetActions label.button{margin:0}.assetActions .danger{color:#b42318}.assetStatus{font-size:12px;margin-top:8px}.assetStatus.ok{color:#16803b}.assetStatus.warn{color:#b54708}.assetStatus.bad{color:#b42318}.assetSource{font-size:11px;color:#697386}.assetDrop{border:2px dashed #c5ceda;border-radius:12px;padding:12px;text-align:center;background:#fafbfc}.assetDrop.drag{border-color:#4776c8;background:#eef4ff}.previewAsset{width:100%;max-height:130px;object-fit:cover;border-radius:10px;margin:0 0 14px}.previewLogo{max-width:150px;max-height:42px;object-fit:contain;display:block;margin-bottom:18px}

/* V2.2 - Fields editor */
.fieldsTitle{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.fieldsTitle h2{margin:0 0 5px}.fieldsTitle p{margin:0;color:#697386;font-size:13px}.fieldsTitle>span{background:#172033;color:#fff;border-radius:999px;padding:5px 9px;font-size:11px}.fieldGroup{margin:0 0 24px}.fieldGroupHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;border-bottom:1px solid #e4e8ee;padding-bottom:9px}.fieldGroupHead h3{margin:0;color:#172033;font-size:15px;letter-spacing:0}.fieldGroupHead p{margin:4px 0 0;color:#697386;font-size:12px}.fieldCount{font-size:11px;font-weight:700;background:#edf4ff;color:#2458a6;padding:5px 8px;border-radius:999px;white-space:nowrap}.fieldCount.warn{background:#fff4e5;color:#9a5200}.layoutWarning{margin:10px 0;padding:9px 11px;border-radius:8px;background:#fff8eb;border:1px solid #f3d49b;color:#8a4b08;font-size:12px}.fieldList{display:grid;gap:10px;margin-top:10px}.emptyFields{padding:16px;border:1px dashed #cbd3dd;border-radius:10px;text-align:center;color:#8993a1;font-size:12px;background:#fafbfc}.fieldEditor{margin:0;transition:border-color .15s,box-shadow .15s,opacity .15s}.fieldEditor.dragging{opacity:.45}.fieldEditor.dragOver{border-color:#4776c8;box-shadow:0 0 0 3px #4776c822}.fieldEditorTop{display:flex;align-items:center;gap:10px;margin-bottom:10px}.fieldEditorTop>div:nth-child(2){min-width:0;flex:1}.fieldEditorTop b{display:block;font-size:13px}.fieldEditorTop small{display:block;color:#7a8492;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dragHandle{cursor:grab;color:#8c96a4;font-size:20px;line-height:1;user-select:none}.fieldActions{display:flex;gap:6px}.fieldActions button{padding:6px 9px;font-size:11px}.fieldActions .remove{float:none}.fieldAdvanced{margin-top:10px;border-top:1px solid #edf0f4;padding-top:9px}.fieldAdvanced summary{cursor:pointer;font-size:12px;font-weight:700;color:#445066}.fieldCheck{display:flex;align-items:center;gap:7px}.fieldCheck input{width:auto}.microHint{font-size:11px;color:#7a8492;margin:4px 0}.fieldEditor select{background-color:#fff}