@import url('https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:ital,wght@0,500;0,600;0,700;0,800;0,900&display=swap');
:root{--bg:#06101a;--panel:#0c1a29;--panel2:#102238;--line:#213b55;--text:#eef6ff;--muted:#8da1b8;--teal:#22d3c5;--blue:#4d8fff;--green:#3bd38a;--danger:#ff6b75}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;height:100%}body{min-height:100vh}.hidden{display:none!important}.app{min-height:100vh}header{height:76px;padding:0 22px;display:flex;align-items:center;border-bottom:1px solid #173047;background:#07131f;gap:28px}.brand{display:flex;align-items:center;gap:12px;min-width:270px}.mark{width:44px;height:38px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal),var(--blue));clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);font-weight:900;font-size:24px}.brand b{font-size:22px;letter-spacing:1.5px}.brand span{display:block;font-size:10px;letter-spacing:4px;color:var(--muted)}nav{display:flex;gap:8px;flex:1}.nav,.ghost,.primary,.accent{border:1px solid transparent;background:transparent;color:var(--text);padding:11px 14px;border-radius:10px;font-weight:700;cursor:pointer}.nav.active{background:#0c2132;color:var(--teal);border-color:#153f50}.ghost{border-color:#27445f;color:#c7d5e4}.primary{background:linear-gradient(90deg,#16c5b7,#2bd8c7);color:#04131a}.accent{background:linear-gradient(90deg,#397cf4,#5a9dff);color:white}.full{width:100%;margin:5px 0}.panel{background:linear-gradient(180deg,#0c1a29,#0a1623);border:1px solid #1d354d;border-radius:14px}.panel-title{font-weight:800;font-size:15px;padding:16px 16px 12px;border-bottom:1px solid #182d42}.panel-title.row{display:flex;justify-content:space-between;align-items:center}.sub{font-size:11px;color:var(--muted);font-weight:600;margin-left:8px}main{display:grid;grid-template-columns:270px minmax(660px,1fr) 310px;gap:14px;padding:14px;min-height:calc(100vh - 76px)}.library,.details{padding-bottom:14px}.library>.primary,.library>.input,.details>label,.details>.grid2,.details>.summary,.details>button,.details>hr,.details>.hint{margin-left:14px;margin-right:14px}.input{width:calc(100% - 28px);margin:10px 14px;border:1px solid #29445f;background:#081522;color:var(--text);border-radius:9px;padding:11px 12px;font-size:14px}.details label{display:block;color:var(--muted);font-size:12px;margin-top:13px}.details label .input,.grid2 .input{width:100%;margin:6px 0 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.summary{background:#0a2130;border:1px solid #244b60;padding:10px;border-radius:9px;text-align:center;color:#cfe7f4;font-size:13px;margin-top:12px;margin-bottom:12px}.details hr{border:0;border-top:1px solid #1b3348;margin-top:16px;margin-bottom:16px}.hint{display:flex;flex-direction:column;gap:5px;background:#0b2131;padding:12px;border-radius:9px;color:var(--muted);font-size:12px}.hint b{color:var(--teal)}.workspace{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(290px,.85fr);gap:14px}.editor,.sheet{min-height:calc(100vh - 105px)}.canvas-wrap{position:relative;margin:18px auto;width:min(90%,520px);aspect-ratio:3/2;background:#07101a;box-shadow:0 0 0 1px #24435c,0 20px 50px #0008;overflow:hidden}.canvas-wrap canvas{width:100%;height:100%;display:block}.canvas-wrap #fieldOverlay{position:absolute;inset:0}.field-box{position:absolute;border:1px dashed #55d7ff;background:#2d92ff16;cursor:move;min-width:24px;min-height:18px}.field-box.selected{border:2px solid #58e0d5;background:#25d6c21f}.field-box span{position:absolute;left:3px;top:1px;font-size:10px;color:white;text-shadow:0 1px 2px #000}.field-box .handle{position:absolute;width:10px;height:10px;background:#58e0d5;right:-5px;bottom:-5px;border-radius:2px;cursor:nwse-resize}.empty{color:var(--muted);font-size:13px;text-align:center;padding:24px}.empty.large{position:absolute;inset:0;display:grid;place-items:center;align-content:center;line-height:1.6}.empty.large small{max-width:320px}.template-list{padding:4px 8px}.tpl{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid transparent;border-radius:10px;cursor:pointer;margin:5px 0}.tpl:hover,.tpl.active{background:#10263a;border-color:#2c5573}.tpl img{width:68px;height:45px;object-fit:cover;border-radius:5px;border:1px solid #29465f}.tpl strong{display:block;font-size:13px}.tpl small{color:var(--muted)}.sheet{display:flex;flex-direction:column}.sheet canvas{width:min(90%,430px);height:auto;margin:22px auto 8px;background:white;box-shadow:0 18px 45px #0007}.cut-note{text-align:center;color:var(--muted);font-size:11px;padding-bottom:14px}.tools{display:flex;gap:6px}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(420px,100%);background:#0c1a29;border:1px solid #24425d;padding:26px;border-radius:16px}.auth-card h1{margin:0 0 8px}.auth-card p{color:var(--muted)}.modal{position:fixed;inset:0;background:#02070dbb;display:grid;place-items:center;z-index:20}.modal-card{width:min(520px,92vw);background:#0c1a29;border:1px solid #284763;border-radius:14px;padding:20px}.modal-card h3{margin-top:0}.field-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px}.danger{color:#ff8991;border-color:#70333a}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}@media(max-width:1100px){main{grid-template-columns:220px 1fr}.details{grid-column:1/-1}.workspace{grid-template-columns:1fr 1fr}.editor,.sheet{min-height:600px}}@media(max-width:760px){header{height:auto;flex-wrap:wrap;padding:12px}.brand{min-width:0;flex:1}nav{order:3;width:100%}main{grid-template-columns:1fr}.library,.details{grid-column:auto}.workspace{grid-template-columns:1fr}.editor,.sheet{min-height:auto}.canvas-wrap{width:min(94%,430px)}}

.paintbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #1b3348;background:#091827}.paintbar>span{font-weight:800;color:var(--teal)}.paintbar label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.paintbar input[type=color]{width:38px;height:30px;border:1px solid #29445f;background:#081522;border-radius:7px;padding:2px}.paintbar input[type=range]{width:140px}.active-tool{border-color:var(--teal)!important;color:var(--teal)!important;background:#0b2930!important}.paint-active{pointer-events:none}.canvas-wrap.painting{cursor:crosshair}.modal-card.wide{width:min(760px,94vw)}.field-editor label{color:var(--muted);font-size:12px}.field-editor .input{width:100%;margin:5px 0 0}.checkrow{display:flex!important;align-items:center;gap:7px;color:var(--text)!important;padding-top:8px}.checkrow input{accent-color:var(--teal)}

.cmyk-status{display:flex;flex-direction:column;gap:3px;border-color:#2f735f;background:#0a241f}.cmyk-status b{font-size:12px;color:var(--green);letter-spacing:.7px}.cmyk-status span{font-size:11px;color:var(--muted)}.cmyk-status.working{border-color:#5b6c91}.cmyk-status.working b{color:#8db5ff}.cmyk-status.ok{border-color:#2f735f}.cmyk-status.error{border-color:#793a41}.cmyk-status.error b{color:#ff8991}button:disabled{opacity:.55;cursor:wait}

/* v1.3 workspace + QR library */
main{grid-template-columns:230px minmax(820px,1fr) 280px;gap:12px;padding:12px}
.workspace{grid-template-columns:minmax(620px,1.55fr) minmax(260px,.65fr);gap:12px}
.canvas-wrap{width:min(96%,820px);max-width:none;margin:22px auto}
.sheet canvas{width:min(92%,340px)}
.editor,.sheet{min-height:calc(100vh - 101px)}
.tools{flex-wrap:wrap;justify-content:flex-end}
.item-delete{position:absolute;right:-9px;top:-11px;width:22px;height:22px;border-radius:50%;border:1px solid #743a43;background:#29131a;color:#ff9ca4;font-weight:900;line-height:18px;cursor:pointer;z-index:3;padding:0}
.item-delete:hover{background:#5b2029;color:white}
.qr-box{border-color:#a786ff;background:#714cff1a}.qr-box.selected{border-color:#c3acff;background:#8c6bff22}.qr-box .handle{background:#b79fff}
.qr-modal{width:min(900px,94vw)}.row-between{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.row-between h3{margin:0 0 5px}.row-between p{margin:0;color:var(--muted)}
.qr-upload{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center;margin:18px 0}.qr-upload .input{width:100%;margin:0}.qr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;max-height:56vh;overflow:auto;padding-right:4px}.qr-card{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;border:1px solid #24425d;background:#081522;border-radius:12px;padding:10px}.qr-card img{width:72px;height:72px;object-fit:contain;background:white;border-radius:8px;padding:4px}.qr-card strong{display:block}.qr-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.qr-card-actions{grid-column:1/-1;display:flex;gap:8px}.qr-card-actions button{flex:1}
@media(max-width:1450px){main{grid-template-columns:210px minmax(700px,1fr) 260px}.workspace{grid-template-columns:minmax(520px,1.4fr) minmax(240px,.6fr)}.canvas-wrap{width:min(96%,720px)}}
@media(max-width:1150px){main{grid-template-columns:210px 1fr}.details{grid-column:1/-1}.workspace{grid-template-columns:1fr}.sheet canvas{width:min(70%,430px)}.canvas-wrap{width:min(96%,820px)}}
@media(max-width:760px){main{grid-template-columns:1fr}.workspace{grid-template-columns:1fr}.qr-upload{grid-template-columns:1fr}.canvas-wrap{width:96%}.tools{justify-content:flex-start}}

/* v1.4 mixed print run */
.print-queue{margin:10px 14px 2px;display:flex;flex-direction:column;gap:7px}.queue-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:800}.queue-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:9px 10px;border:1px solid #24425d;border-radius:9px;background:#081522}.queue-item strong{display:block;font-size:12px}.queue-item span{display:block;font-size:10px;color:var(--muted);margin-top:2px}.queue-remove{border:1px solid #70333a;background:#26141a;color:#ff9aa2;border-radius:7px;width:28px;height:28px;cursor:pointer;font-weight:900}.design-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;max-height:60vh;overflow:auto;margin-top:14px}.design-pick{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #24425d;background:#081522;color:var(--text);border-radius:10px;padding:10px;cursor:pointer}.design-pick:hover{border-color:var(--teal);background:#0c2630}.design-pick img{width:72px;height:48px;object-fit:cover;border-radius:5px;background:white}.design-pick small{display:block;color:var(--muted);margin-top:2px}

/* v1.4.2 compact add-another-design picker */
.modal-card.wide{width:min(620px,92vw);max-height:78vh;overflow:hidden}
.design-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:52vh;overflow:auto;margin-top:12px;padding-right:4px}
.design-pick{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:8px;min-height:78px;overflow:hidden}
.design-pick img{width:96px!important;height:64px!important;max-width:96px!important;max-height:64px!important;object-fit:contain!important;display:block;background:#fff;border-radius:5px}
.design-pick strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.design-pick small{font-size:10px;line-height:1.25}
@media(max-width:620px){.design-picker{grid-template-columns:1fr}.modal-card.wide{width:min(94vw,480px)}.design-pick{grid-template-columns:82px minmax(0,1fr)}.design-pick img{width:82px!important;height:55px!important;max-width:82px!important;max-height:55px!important}}


/* v1.5 production workflow */
.zoom-tools{display:flex;align-items:center;gap:4px;border:1px solid #29445f;background:#081522;border-radius:9px;padding:3px}.zoom-tools .tiny{padding:5px 9px;min-width:30px}.zoom-tools span{min-width:44px;text-align:center;font-size:11px;color:var(--muted);font-weight:800}
.editor{overflow:auto}.canvas-wrap{transition:width .15s ease}.snap-guide{position:absolute;z-index:4;pointer-events:none;background:#44e7d6;box-shadow:0 0 8px #44e7d688}.snap-guide.v{top:0;bottom:0;width:1px}.snap-guide.h{left:0;right:0;height:1px}.field-box.locked{border-style:solid;border-color:#8292a2;background:#27313b33}.field-box.locked .handle{display:none}
.quickrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 14px}.quickrow .ghost{padding:9px 7px;font-size:11px}.details>.quickrow{margin-left:14px;margin-right:14px}.details>.quickrow:nth-of-type(2){grid-template-columns:1fr 1fr}
.queue-item{grid-template-columns:minmax(0,1fr) 48px 30px 30px 30px 28px}.queue-main{min-width:0}.queue-qty{width:48px;border:1px solid #29445f;background:#06121d;color:var(--text);border-radius:6px;padding:6px 4px;text-align:center}.queue-action{border:1px solid #29445f;background:#0c1b29;color:#cfe7f4;border-radius:6px;width:30px;height:28px;cursor:pointer}.queue-action:hover{border-color:var(--teal);color:var(--teal)}
.runs-list{display:flex;flex-direction:column;gap:8px;max-height:54vh;overflow:auto;margin-top:14px}.run-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:10px;border:1px solid #24425d;background:#081522;border-radius:10px}.run-card strong{display:block}.run-card span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.preflight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}.preflight-grid>div{background:#081522;border:1px solid #24425d;border-radius:10px;padding:12px;text-align:center}.preflight-grid b{display:block;font-size:18px;color:#dff8ff}.preflight-grid span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.preflight-list{background:#071522;border:1px solid #24425d;border-radius:10px;padding:12px 12px 12px 30px;color:#ffbdc1;font-size:12px}.preflight-list .ok-text{color:var(--green)}.preflight-note{color:var(--muted);font-size:11px;line-height:1.45}
.library>#backupStudio{margin:8px 14px 0;width:calc(100% - 28px)}
@media(max-width:760px){.quickrow{grid-template-columns:1fr}.preflight-grid{grid-template-columns:1fr 1fr}.queue-item{grid-template-columns:minmax(0,1fr) 44px 28px 28px 28px 26px}.zoom-tools{order:10}}

/* v1.5.1 UFI + static text tools */
.ufi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px;max-height:58vh;overflow:auto;padding-right:3px}.ufi-pick{display:flex;align-items:center;gap:12px;text-align:left;background:#0b1a28;border:1px solid #24405b;color:var(--text);border-radius:10px;padding:12px 14px;cursor:pointer;min-height:54px}.ufi-pick:hover{border-color:#26d3c5;background:#0d2232}.ufi-pick b{min-width:48px;font-size:14px;color:#35e1d1}.ufi-pick span{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;letter-spacing:.02em;overflow-wrap:anywhere}@media(max-width:720px){.ufi-grid{grid-template-columns:1fr}}


/* v1.6 smart New Label builder */
.new-label-view{padding:18px;min-height:calc(100vh - 64px);background:radial-gradient(circle at 72% 16%,#17213f55,transparent 34%),#06111b}.builder-topbar{max-width:1680px;margin:0 auto 14px;display:flex;justify-content:space-between;gap:22px;align-items:flex-end}.builder-topbar h1{margin:3px 0 5px;font-size:27px;letter-spacing:-.03em}.builder-topbar p{margin:0;color:var(--muted);max-width:800px;line-height:1.5}.eyebrow{color:#8d64d5;font-size:10px;font-weight:900;letter-spacing:1.4px}.theme-lock{display:flex;align-items:center;gap:10px;border:1px solid #59347a;background:#170d21;border-radius:12px;padding:10px 13px;min-width:180px}.theme-lock>span{width:22px;height:22px;border-radius:7px;background:#782bb7;box-shadow:0 0 20px #782bb777}.theme-lock b,.theme-lock small{display:block}.theme-lock b{font-size:12px}.theme-lock small{color:#a997bd;font-size:10px;margin-top:2px}.builder-grid{max-width:1680px;margin:0 auto;display:grid;grid-template-columns:340px minmax(640px,1fr) 280px;gap:12px;align-items:start}.builder-form,.builder-save{position:sticky;top:76px;max-height:calc(100vh - 94px);overflow:hidden}.builder-scroll{max-height:calc(100vh - 145px);overflow:auto;padding:4px 14px 18px}.builder-section{padding:13px 0;border-bottom:1px solid #183149}.builder-section:last-child{border-bottom:0}.builder-section h3{margin:0 0 10px;font-size:12px;letter-spacing:.04em}.builder-section label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:10px;margin:8px 0}.builder-section .input{width:100%;margin:0}.area{min-height:86px;resize:vertical;line-height:1.45}.area.small{min-height:62px}.section-note{font-size:10px;color:var(--muted);margin:-4px 0 8px;line-height:1.4}.feature-editor{display:flex;flex-direction:column;gap:7px}.feature-line{display:grid;grid-template-columns:105px minmax(0,1fr);gap:6px}.switch-row{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important;border:1px solid #233f58;background:#081624;border-radius:9px;padding:9px!important}.switch-row input{margin-top:3px;accent-color:#24d7c7}.switch-row span,.switch-row b,.switch-row small{display:block}.switch-row b{font-size:11px;color:var(--text)}.switch-row small{font-size:9px;color:var(--muted);margin-top:2px}.builder-preview{min-height:760px}.builder-auto{font-size:9px;color:#a879e8;border:1px solid #5e3784;background:#180e23;padding:5px 8px;border-radius:999px;letter-spacing:.7px}.builder-canvas-wrap{padding:24px;display:flex;align-items:flex-start;justify-content:center;overflow:auto;background:linear-gradient(135deg,#07131f,#091a29)}#newLabelCanvas{display:block;width:min(100%,980px);height:auto;background:white;box-shadow:0 20px 55px #0009;border-radius:5px}.builder-warnings{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 14px}.builder-warnings span{font-size:10px;color:#ffcb7a;background:#2a1c0c;border:1px solid #5e4320;padding:6px 8px;border-radius:7px}.builder-save{padding-bottom:12px}.build-summary{padding:12px 14px}.summary-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #173049;padding:9px 0;font-size:11px}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted)}.summary-row b{color:#dcecff}.purple-text{color:#b980ec!important}.builder-readiness{margin:6px 14px 12px;border:1px solid #3a4858;background:#0b1621;border-radius:10px;padding:11px}.builder-readiness b,.builder-readiness span{display:block}.builder-readiness b{font-size:11px}.builder-readiness span{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.builder-readiness.ready{border-color:#23745f;background:#0b251f}.builder-readiness.ready b{color:#53e5ba}.big-action{margin:0 14px;width:calc(100% - 28px);min-height:46px}.builder-help{font-size:10px;line-height:1.5;color:var(--muted);margin:12px 14px}.builder-save>#backToStudio{margin:0 14px;width:calc(100% - 28px)}
@media(max-width:1350px){.builder-grid{grid-template-columns:310px minmax(560px,1fr)}.builder-save{position:static;grid-column:1/-1;max-height:none}.builder-form{top:70px}.builder-preview{min-height:650px}}
@media(max-width:950px){.builder-topbar{align-items:flex-start;flex-direction:column}.builder-grid{grid-template-columns:1fr}.builder-form{position:static;max-height:none}.builder-scroll{max-height:none}.builder-preview{min-height:auto}.builder-canvas-wrap{padding:12px}.builder-save{grid-column:auto}.feature-line{grid-template-columns:100px 1fr}}

/* v1.7 image layers + label library management */
.tools{flex-wrap:wrap;justify-content:flex-end}
.tpl{position:relative;padding-right:38px}
.tpl-copy{min-width:0;flex:1}
.tpl-copy strong,.tpl-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-delete{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:7px;border:1px solid #5b3440;background:#21131a;color:#ff9ca4;font-size:17px;line-height:20px;font-weight:900;cursor:pointer;padding:0;opacity:.72}
.tpl:hover .tpl-delete,.tpl.active .tpl-delete{opacity:1}
.tpl-delete:hover{background:#6b202d;border-color:#b04455;color:#fff}
.image-box{border-color:#f0b54b;background:#f0b54b18}
.image-box.selected{border-color:#ffd37c;background:#f0b54b28}
.image-box .handle{background:#ffd37c}
.image-box.locked{border-color:#7b6a45;background:#5b4b2a24}
@media(max-width:760px){.tools{justify-content:flex-start}.tpl-delete{opacity:1}}

/* v1.7.1 — sidebar library layout fix */
main{grid-template-columns:310px minmax(760px,1fr) 280px}
.library{min-width:0;max-height:calc(100vh - 100px);display:flex;flex-direction:column;overflow:hidden}
.library>.panel-title,.library>#addTemplate,.library>#backupStudio,.library>#search{flex:0 0 auto}
.template-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 8px 12px;scrollbar-gutter:stable}
.tpl{display:grid;grid-template-columns:72px minmax(0,1fr) 30px;align-items:center;gap:10px;min-height:64px;padding:8px 7px 8px 9px;margin:4px 0;position:relative}
.tpl img{width:72px;height:48px;min-width:72px;object-fit:cover;border-radius:6px}
.tpl-copy{min-width:0;overflow:hidden;align-self:center}
.tpl-copy strong{display:block;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.25;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tpl-delete{position:static;right:auto;top:auto;transform:none;width:28px;height:28px;min-width:28px;align-self:center;justify-self:end;display:grid;place-items:center;border-radius:8px;font-size:17px;line-height:1;padding:0;opacity:.82}
.tpl:hover .tpl-delete,.tpl.active .tpl-delete{opacity:1}
@media(max-width:1450px){main{grid-template-columns:280px minmax(650px,1fr) 255px}.tpl{grid-template-columns:66px minmax(0,1fr) 28px;gap:8px}.tpl img{width:66px;height:44px;min-width:66px}}
@media(max-width:1150px){main{grid-template-columns:270px 1fr}.library{max-height:650px}.details{grid-column:1/-1}}
@media(max-width:760px){main{grid-template-columns:1fr}.library{max-height:430px}.tpl{grid-template-columns:72px minmax(0,1fr) 32px}.tpl img{width:72px;height:48px;min-width:72px}}


/* v1.9 shape layers */
.shape-box{border-color:#49e5b7;background:#22d3c51c}
.shape-box.selected{border-color:#8effd9;background:#22d3c52c}
.shape-box .handle{background:#7effd2}
.shape-box.locked{border-color:#6f988a;background:#35584d2a}
#shapeOpacity{padding:0;height:42px}

/* v1.9.1 — consolidated assets + working nav */
.asset-modal{width:min(980px,95vw);max-height:88vh;overflow:auto}.asset-tabs{display:flex;gap:7px;margin:16px 0 10px;position:sticky;top:-20px;z-index:3;background:#0c1a29;padding:8px 0;border-bottom:1px solid #1d354d}.asset-tab{border:1px solid #29445f;background:#081522;color:#c7d5e4;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.asset-tab.active{border-color:var(--teal);color:var(--teal);background:#0a2930}.asset-section{margin:14px 0 20px}.asset-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-weight:900;margin:0 0 8px}.run-nav-list{display:flex;flex-direction:column;gap:7px;max-height:38vh;overflow:auto;margin:12px 0}.run-nav-row{border:1px solid #24425d;background:#081522;border-radius:10px;padding:11px}.run-nav-row strong,.run-nav-row span{display:block}.run-nav-row span{color:var(--muted);font-size:11px;margin-top:4px}.library-nav-modal{width:min(920px,94vw)}.library-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;max-height:58vh;overflow:auto}.library-nav-card{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1px solid #24425d;background:#081522;color:var(--text);border-radius:11px;padding:8px;cursor:pointer}.library-nav-card:hover{border-color:var(--teal);background:#0c2634}.library-nav-card img{width:92px;height:61px;object-fit:cover;border-radius:6px;border:1px solid #29465f}.library-nav-card b,.library-nav-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-nav-card small{color:var(--muted);font-size:10px;margin-top:4px}.field-box:has(span:first-child){touch-action:none}