:root{--g-dark-dark:#3bfc92;--g-dark:#58fca2;--g-medium-dark:#84ebb2;--g:#abffd1;--g-light:#e0ffee;--g-lighter:#effdf6;--g-lightest:#f9fffb;--b-dark:#0d0530;--b:#0f0c3b;--b-light:#171f54;--a-darker:#01589b;--a-dark:#025fa7;--a:#026ec0;--a-light:#86cbff;--a-lighter:#bae1ff;--a-lightest:#d5ecfd}:root{--ground:#eef0f4;--rail:#f4f5f7;--panel:#ffffff;--sunk:#f1f1f5;--chip:#f3f4f6;--line:#e5e7eb;--line-strong:#dcdade;--ink:#1a1a2e;--ink-strong:var(--b-dark);--ink-invert:#ffffff;--ink-soft:#4b5163;--mut:#6b7280;--faint:#9aa1ad;--rail-ink:#5b6270;--action:var(--a);--action-dark:var(--a-darker);--action-soft:#e8f1fb;--action-softer:#eef6fd;--brand:var(--g-dark);--brand-soft:var(--g-light);--brand-line:var(--g-medium-dark);--good-ink:#08683b;--good-bg:#e8f7ef;--warn-ink:#8a5200;--warn-bg:#fff5e6;--warn-line:#f0d090;--bad-ink:#b91c1c;--bad-bg:#fdecec;--bad-line:#f0b4b4;--bad-dark:#a32d2d;--scrim:rgba(13,5,48,.72);--scrim-page:rgba(15,16,30,.38);--veil:rgba(255,255,255,.92);--veil-soft:rgba(255,255,255,.55);--sw-line:rgba(0,0,0,.15);--ink-invert-soft:#cfc9e6;--ink-disabled:#cbd5e1;--action-track:rgba(2, 110, 192, .18);--invert-track:rgba(255,255,255,.35);--dark-panel:#23262b;--preview-dark:#1a1a1f;--brand-wash:#f0fdf4;--brand-wash-line:#dcf5e6;--action-line:#60a5fa;--action-wash:rgba(2,110,192,.1);--pin-on:#f0a500;--checker-ink:#dcdade;--checker-ink-faint:#eceef2;--checker-size:12px;--s1:2px;--s2:4px;--s3:6px;--s4:8px;--s5:12px;--s6:16px;--s7:24px;--r1:4px;--r2:6px;--r3:8px;--r4:12px;--r5:16px;--pill:999px;--t-micro:10px;--t-cap:11px;--t-sm:12px;--t-base:13px;--t-md:15px;--t-lg:18px;--t-xl:24px;--t-brand:20px;--t-specimen:22px;--i-sm:11px;--i-md:15px;--i-lg:18px;--i-xl:23px;--e-raised:0 1px 4px rgba(15,12,59,.1);--e-bar:0 2px 10px rgba(15,12,59,.12);--e-popover:0 6px 24px rgba(15,12,59,.16);--e-modal:0 14px 50px rgba(15,12,59,.25);--e-drawer:-8px 0 28px rgba(15,12,59,.14);--e-sheet:0 -6px 26px rgba(15,12,59,.16);--shade-scroll:rgba(13,5,48,.16);--ring:0 0 0 2px var(--action);--ring-inset:inset 0 0 0 2px var(--action);--ring-hair:0 0 0 1px var(--line);--halo:0 0 0 1px rgba(255,255,255,.7);--gloss:inset 0 0 0 2px var(--veil-soft);--guide:#ff3d7f;--select-group:#7c5cff;--shadow-ink:#0f0c3b;--scrim-ink:#0b0b1a;--z-canvas:0;--z-mark:10;--z-sheet-close:20;--z-sticky:30;--z-cursor:40;--z-overlay:50;--z-canvas-bar:60;--z-panel:100;--z-rail:110;--z-bottom-sheet:120;--z-popover:200;--z-popover-nested:210;--z-scrim:300;--z-modal:310;--z-toast:320;--z-menu:400;--z-editor:410;--z-cut-toast:420;--z-zoom-info:430;--z-top:500;--panel-w: 288px;--order-drawer-w: 340px;--rail-w: 72px;--blue: var(--action);--green: var(--brand);--muted: var(--mut);--border: var(--line)}.checker,.iconbtn2,.catcard-thumb,.stage-wrap,.bench-svg,.bgview-checker{background-color:var(--panel);background-image:linear-gradient(45deg,var(--checker-ink) 25%,transparent 25%),linear-gradient(-45deg,var(--checker-ink) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-ink) 75%),linear-gradient(-45deg,transparent 75%,var(--checker-ink) 75%);background-size:var(--checker-size) var(--checker-size);background-position:0 0,0 calc(var(--checker-size) / 2),calc(var(--checker-size) / 2) calc(-1 * var(--checker-size) / 2),calc(-1 * var(--checker-size) / 2) 0}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.sheet-close{display:none}.topbar{display:flex;align-items:center;gap:12px;padding:8px 14px;min-height:56px;border-bottom:1px solid var(--brand-wash-line);background:var(--brand-wash)}.brand{color:var(--blue);font-size:var(--t-brand);line-height:1}.link{background:none;border:none;font-size:var(--t-base);color:var(--muted);cursor:pointer;padding:0}.iconbtn{background:none;border:none;font-size:var(--i-lg);line-height:1;color:var(--ink);cursor:pointer;padding:4px 6px;border-radius:var(--r2)}.iconbtn:hover{background:var(--sunk)}.iconbtn:disabled{color:var(--ink-disabled);cursor:default;background:none}.homebtn{display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:none;border:none;cursor:pointer;padding:5px 7px;border-radius:var(--r2);text-decoration:none}.homebtn:hover{background:var(--brand-wash-line);color:var(--blue)}.title{background:none;border:none;font-size:var(--t-base);font-weight:600;color:var(--ink);cursor:pointer;padding:4px 10px;border-radius:var(--r2);max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title:hover{background:var(--sunk)}.nameinput{border:1px solid var(--blue);border-radius:var(--r2);padding:5px 10px;font-size:var(--t-base);text-align:center;min-width:180px}.filemenu{min-width:160px}.dlmenu{left:auto;right:0;min-width:200px}.dlmenu button{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 10px;font-size:var(--t-base);color:var(--ink);cursor:pointer;border-radius:var(--r2)}.dlmenu button:hover{background:var(--sunk)}.filemenu button{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 10px;font-size:var(--t-base);color:var(--ink);cursor:pointer;border-radius:var(--r2)}.filemenu button:hover{background:var(--sunk)}.thumbs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.thumb-wrap{position:relative}.thumb{width:100%;padding:0;border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;cursor:pointer;aspect-ratio:1;background:var(--panel)}.thumb img{width:100%;height:100%;object-fit:contain;display:block}.thumb:hover{border-color:var(--blue)}.thumb-x{position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;border:none;background:var(--scrim);color:var(--ink-invert);font-size:var(--i-sm);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;transition-delay:.45s}.thumb-wrap:hover .thumb-x{opacity:1}.brushpreview{display:flex;align-items:center;justify-content:center;min-height:72px;margin-bottom:8px}.bp-dot{display:block}.spacer{flex:1}.credits{display:inline-flex;align-items:center;gap:5px;font-size:var(--t-base);font-weight:600;color:var(--ink-soft);background:var(--panel);border:1px solid var(--border);border-radius:var(--pill);padding:5px 11px;cursor:pointer;transition:border-color .12s,background .12s}.credits:hover{border-color:var(--blue);color:var(--blue)}.credits svg{display:block}.upgrade-pill{display:inline-flex;align-items:center;font-size:var(--t-base);font-weight:600;color:var(--ink-invert);background:var(--blue);border:1px solid var(--blue);border-radius:var(--pill);padding:5px 12px;margin-left:6px;cursor:pointer;white-space:nowrap;transition:filter .12s}.upgrade-pill:hover{filter:brightness(1.1)}.filemenu-version{padding:6px 10px 2px;font-size:var(--t-cap);color:var(--faint);text-align:right;-webkit-user-select:text;user-select:text}.acctmenu{left:auto;right:0;min-width:210px;padding:8px}.acctmenu .acct-email{font-size:var(--t-sm);font-weight:600;color:var(--ink);padding:4px 6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acctmenu .acct-credits{font-size:var(--t-sm);color:var(--muted);padding:2px 6px 6px}.acctmenu button{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 10px;font-size:var(--t-base);color:var(--ink);cursor:pointer;border-radius:var(--r2)}.acctmenu button:hover{background:var(--sunk)}.savestate{font-size:var(--t-sm);color:var(--muted);white-space:nowrap}.topsize{background:var(--sunk);border:1px solid transparent;border-radius:var(--pill);padding:3px 10px;font-size:var(--t-sm);color:var(--ink);cursor:pointer;white-space:nowrap}.topsize:hover{border-color:var(--blue);color:var(--blue)}.btn-primary{background:var(--blue);color:var(--ink-invert);border:none;border-radius:var(--r3);padding:7px 14px;font-size:var(--t-base);cursor:pointer}.btn-primary.block{display:block;width:100%;text-align:center;margin-bottom:12px}.body{flex:1;min-height:0;display:grid;grid-template-columns:var(--rail-w) var(--panel-w) 1fr}.body.proofing{grid-template-columns:calc(var(--rail-w) + var(--panel-w)) 1fr}.body.proofing.ordering{grid-template-columns:1fr;padding-right:var(--order-drawer-w)}.body.proofing.ordering .panel.proof-sumaside{display:none}.fmtgrid{display:flex;flex-direction:column;gap:var(--s2)}.fmtbtn{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:var(--s3);border:1px solid var(--line);border-radius:var(--r3);background:var(--panel);color:var(--ink);cursor:pointer}.fmtbtn:hover{border-color:var(--action-line);background:var(--action-wash)}.fmtbtn.active{border-color:var(--action);background:var(--action-wash)}.fmtbtn.off{opacity:.5;cursor:default}.fmtbtn.off:hover{border-color:var(--line);background:var(--panel)}.fmt-l{font-size:var(--t-base);font-weight:600}.fmt-h{font-size:var(--t-cap);color:var(--mut)}.body.reviewing{grid-template-columns:1fr}.about-modal.history{max-width:520px}.hist-list{display:flex;flex-direction:column;gap:var(--s1);max-height:46vh;overflow:auto;margin-bottom:var(--s3)}.hist-row{display:flex;align-items:baseline;gap:var(--s3);width:100%;text-align:left;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--r3);background:var(--panel);cursor:pointer;font-size:var(--t-sm);color:var(--ink)}.hist-row:hover{border-color:var(--action-line);background:var(--action-wash)}.hist-row.on{border-color:var(--action);background:var(--action-wash);cursor:default}.hist-row.order{border-left:3px solid var(--good-ink)}.hist-n{font-weight:600;white-space:nowrap}.hist-what{color:var(--mut);flex:1 1 auto;font-size:var(--t-cap)}.hist-go{color:var(--action);font-weight:600;font-size:var(--t-cap)}.hist-here{color:var(--mut);font-size:var(--t-cap)}.hist-empty{padding:var(--s3);color:var(--mut);font-size:var(--t-sm)}.hist-err{color:var(--bad-ink);font-size:var(--t-sm);margin:0 0 var(--s2)}.body.reviewing .rail,.body.reviewing .panel{display:none}.stage-wrap.read-only .konvajs-content{pointer-events:none}.reviewbar{display:flex;align-items:center;gap:var(--s3);flex-wrap:wrap;padding:var(--s2) var(--s4);background:var(--action-wash);border-bottom:1px solid var(--action-line);font-size:var(--t-sm);color:var(--ink)}.reviewbar .rb-what{font-weight:600}.reviewbar .rb-why{color:var(--mut)}.reviewbar .rb-spacer{flex:1 1 auto}.reviewbar .rb-ver{font-size:var(--t-cap);color:var(--mut);border:1px solid var(--line);border-radius:var(--pill);padding:2px var(--s2)}.panel.proof-sumaside{padding:0}.proof-summary{padding:14px;display:flex;flex-direction:column;gap:14px}.proof-sum-head{display:flex;align-items:baseline;justify-content:space-between}.proof-sum-title{font-size:var(--t-base);font-weight:600}.proof-sum-sub{font-size:var(--t-cap);color:var(--muted)}.cb-mode{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:var(--ink-invert);border:none;border-radius:var(--r3);padding:8px 15px;font-size:var(--t-base);font-weight:600;cursor:pointer;white-space:nowrap}.cb-mode:hover{filter:brightness(1.35)}.cb-mode svg{display:block}.pg-rows{display:flex;flex-direction:column;gap:8px;margin-top:10px}.pg-row{display:flex;align-items:center;gap:8px;background:var(--panel);border-radius:var(--r3);padding:7px 8px}.pg-sw{width:30px;height:30px;border-radius:var(--r2);border:1px solid var(--sw-line);flex:0 0 auto}.pg-sw-split{width:22px;height:22px;border-radius:var(--r2)}.pg-arrow{flex:0 0 auto}.pg-say{flex:1;min-width:0;font-size:var(--t-sm);line-height:1.3}.proof-note{display:flex;align-items:center;gap:10px;border-radius:var(--r3);padding:9px 12px;font-size:var(--t-sm);line-height:1.4;background:var(--warn-bg);color:var(--warn-ink)}.proof-sec{position:relative}.proof-sec-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.proof-sec-title{font-size:var(--t-cap);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted)}.proof-sec-note{font-size:var(--t-cap);color:var(--muted)}.proof-sec-foot{font-size:var(--t-cap);color:var(--muted);margin-top:7px}.proof-swgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.proof-swcell{position:relative;display:flex}.proof-swcell .effopt{padding:2px}.proof-swcell .effopt-lbl{font-size:var(--t-micro)}.proof-swcell.shifted .effopt-sw{border-color:var(--bad-line)}.proof-swflag{position:absolute;top:-5px;right:-5px;z-index:var(--z-mark);width:15px;height:15px;border-radius:50%;background:var(--bad-ink);color:var(--ink-invert);border:2px solid var(--panel);font-size:var(--i-sm);font-weight:700;line-height:11px;text-align:center;pointer-events:none}.proof-effpop{margin-top:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:10px;box-shadow:var(--e-popover)}.proof-effpop-row{display:flex;gap:4px}.proof-effpop-hint{font-size:var(--t-cap);color:var(--muted);line-height:1.4;margin-top:8px}.proof-facts{display:flex;flex-direction:column;gap:2px;font-size:var(--t-sm)}.proof-fact{display:flex;justify-content:space-between;gap:10px;padding:3px 0}.proof-fact span:first-child{color:var(--muted)}.proof-fact span:last-child{text-align:right}.proof-fact-btn{width:100%;background:none;border:1px solid transparent;border-radius:var(--r2);font:inherit;color:inherit;text-align:left;cursor:pointer;padding:3px 6px;margin:0 -6px;width:calc(100% + 12px)}.proof-fact-btn span:last-child{display:inline-flex;align-items:center;gap:4px}.proof-fact-btn svg{color:var(--muted);flex:0 0 auto}.proof-fact-btn:hover{background:var(--sunk)}.proof-fact-btn.on{background:var(--action-soft);border-color:var(--blue)}.proof-fact-btn.on span:first-child,.proof-fact-btn.on svg{color:var(--blue)}.proof-expand{margin-top:10px;border:1px solid var(--border);border-radius:var(--r3);padding:12px;background:var(--panel);box-shadow:var(--e-popover)}.proof-expand>div>.panel-title{display:none}.canvasbar{flex:none;display:flex;align-items:center;gap:10px;padding:0 12px;height:36px;border-bottom:1px solid var(--border);background:var(--panel);font-size:var(--t-sm);color:var(--muted)}.cb-views{display:flex;align-items:center;gap:6px}.canvasbar .cb-views{margin-left:auto}.cb-view{background:none;border:1px solid transparent;border-radius:var(--pill);padding:4px 10px;font-size:var(--t-sm);color:var(--muted);cursor:pointer}.cb-view:hover{background:var(--sunk);color:var(--ink)}.cb-view.on{background:var(--action-soft);border-color:var(--blue);color:var(--blue);font-weight:600}.cb-view.disabled{opacity:.4;cursor:default}.cb-view.disabled:hover{background:none;color:var(--muted)}.cb-status{display:flex;align-items:center;gap:7px;flex:0 0 auto;border:1px solid var(--warn-line);border-radius:var(--pill);padding:5px 11px;min-height:32px;font-family:inherit;font-size:var(--t-sm);font-weight:600;cursor:pointer;background:var(--warn-bg);color:var(--warn-ink)}.cb-status.st-bad,.cb-status.st-poor{background:var(--bad-bg);color:var(--bad-ink);border-color:var(--bad-line)}.cb-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.cb-status:hover{filter:brightness(.97)}@media(max-width:820px){.canvasbar{gap:6px;padding:0 8px}.cb-view{padding:4px 7px}.cb-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topsize{padding:3px 8px}}.rail{background:var(--rail);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:6px 0}.rail-item{background:none;border:none;color:var(--rail-ink);padding:9px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;position:relative}.rail-item:hover{color:var(--ink)}.rail-item.active{color:var(--blue)}.rail-icon{font-size:var(--i-lg);line-height:1}.rail-label{font-size:var(--t-micro)}.soon{font-size:var(--t-micro);color:var(--blue)}.rail-status,.rail-feedback{margin-top:auto}.rail-status~.rail-feedback{margin-top:0}.rail-feedback .rail-icon{font-size:var(--i-md)}.rail-status .rail-icon{position:relative;display:inline-flex}.rail-dot{position:absolute;top:-1px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--good-ink);border:1.5px solid var(--rail);box-sizing:content-box}.rail-status.st-note .rail-dot,.rail-status.st-warn .rail-dot{background:var(--warn-ink)}.rail-status.st-bad .rail-dot,.rail-status.st-poor .rail-dot{background:var(--bad-ink)}.rail-collapse{background:none;border:none;color:var(--rail-ink);padding:9px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;border-top:1px solid var(--border)}.rail-collapse:hover{color:var(--blue)}.body.rail-collapsed{grid-template-columns:1fr}.body.rail-collapsed .rail,.body.rail-collapsed .panel{display:none}.body.proofing.rail-collapsed{grid-template-columns:calc(var(--rail-w) + var(--panel-w)) 1fr}.body.proofing.rail-collapsed .panel{display:block}.body.proofing .rail-expand{display:none}.rail-expand{position:absolute;left:12px;top:12px;z-index:var(--z-overlay);width:30px;height:30px;border-radius:var(--r3);border:1px solid var(--border);background:var(--panel);color:var(--ink);font-size:var(--i-lg);cursor:pointer;box-shadow:var(--e-raised);display:flex;align-items:center;justify-content:center}.rail-expand:hover{background:var(--sunk)}.panel{border-right:1px solid var(--border);padding:14px;overflow-y:auto;background:var(--panel)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:var(--t-base);font-weight:600;margin-bottom:12px}.about-modal.prefs{min-width:340px;max-width:400px}.prefgroup{margin-top:var(--s5)}.prefgroup .sub{margin-bottom:var(--s3)}.prefrow{display:flex;align-items:center;gap:var(--s4);padding:var(--s3) 0;font-size:var(--t-base);cursor:pointer;min-height:32px}@media(max-width:820px){.prefrow{min-height:44px}}.hintbtn{background:none;border:none;color:var(--faint);cursor:pointer;padding:2px;border-radius:var(--r1);display:inline-flex;align-items:center;vertical-align:-3px;margin-left:var(--s2)}.hintrow{display:flex;align-items:center;gap:var(--s3)}.hintrow .btn{flex:1 1 auto}.hintbtn:hover,.hintbtn.on{color:var(--action)}.hintnote{margin-top:var(--s3)}@media(max-width:820px){.hintbtn{padding:var(--s3)}}.addhost>div>.panel-title{display:none}.addtabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-bottom:12px}.addtab{border:1.5px solid var(--border);background:var(--panel);border-radius:var(--r3);padding:9px 4px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:var(--t-micro);font-weight:600;color:var(--ink-soft);transition:border-color .12s,background .12s}.addtab:hover{border-color:var(--line-strong)}.addtab.on{border-color:var(--action);background:var(--action-soft);color:var(--action)}.addtab-icon{display:flex}@media(max-width:820px){.addtab{padding:12px 4px 10px;font-size:var(--t-cap)}}} .panel-head .panel-title{margin-bottom:12px}.xbtn{background:none;border:none;cursor:pointer;font-size:var(--t-base);color:var(--muted)}.muted{font-size:var(--t-sm);color:var(--muted);line-height:1.5;margin-top:12px}.sub{font-size:var(--t-sm);font-weight:600;color:var(--muted);margin:16px 0 8px}.tpreset{border:1px solid var(--border);border-radius:var(--r3);padding:12px 14px;margin-bottom:8px;cursor:pointer}.tpreset:hover{border-color:var(--blue)}.tpreset.h1{font-size:var(--t-xl);font-weight:700}.tpreset.h2{font-size:var(--t-lg);font-weight:700}.tpreset.h3{font-size:var(--t-base)}.mtabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.mtab{background:var(--panel);border:1px solid var(--border);border-radius:var(--pill);padding:5px 10px;font-size:var(--t-sm);color:var(--muted);cursor:pointer}.mtab.active{background:var(--blue);border-color:var(--blue);color:var(--ink-invert);font-weight:600}.lockbtn:disabled{opacity:.55;cursor:not-allowed}.ptabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px}.ptab{background:none;border:none;padding:8px 4px;margin-right:12px;font-size:var(--t-base);color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.ptab.active{color:var(--blue);border-bottom-color:var(--blue)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cell{display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:9px 8px;font-size:var(--t-base);color:var(--ink);cursor:pointer}.cell:hover{border-color:var(--blue);color:var(--blue)}.lbl{font-size:var(--t-cap);color:var(--muted);white-space:nowrap}.lbl.busy{color:var(--blue)}.adv{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.adv label{display:flex;flex-direction:column;gap:4px;font-size:var(--t-cap);color:var(--muted);min-width:0}.adv-lock{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;min-width:0;font-size:var(--t-cap);color:var(--muted)}.adv-lock .lockbtn{flex:0 0 auto}.adv input{width:100%;min-width:0;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r2);padding:6px 8px;font-size:var(--t-base);color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:8px 12px;font-size:var(--t-base);cursor:pointer;color:var(--ink)}.chip:hover{border-color:var(--blue)}.chip.active{background:var(--action-soft);border-color:var(--blue);color:var(--action-dark)}.shapegrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.shapebtn{border:1.5px solid var(--border);background:var(--panel);border-radius:var(--r3);padding:9px 4px 7px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:var(--t-micro);font-weight:600;color:var(--ink-soft);transition:border-color .12s,background .12s}.shapebtn svg{width:22px;height:22px}.shapebtn:hover{border-color:var(--line-strong)}.shapebtn.active{border-color:var(--blue);background:var(--action-soft);color:var(--action-dark)}.shapebtn:disabled{opacity:.45;cursor:not-allowed;background:var(--rail);color:var(--faint)}.shapebtn:disabled:hover{border-color:var(--border)}.shapebtn:disabled.active{border-color:var(--border);background:var(--rail);color:var(--faint)}.sizerow{display:flex;align-items:center;gap:6px}.dim{display:flex;align-items:center;gap:4px;border:1px solid var(--border);border-radius:var(--r3);padding:6px;flex:1;background:var(--panel);min-width:0}.dim span{font-size:var(--t-cap);font-weight:700;color:var(--muted)}.dim input{border:0;outline:0;width:100%;min-width:0;font-size:var(--t-base);font-weight:600;color:var(--ink);background:none;-moz-appearance:textfield}.dim input::-webkit-outer-spin-button,.dim input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.unitsel{border:1px solid var(--border);border-radius:var(--r3);padding:7px 5px;font-size:var(--t-base);background:var(--panel);flex:none}.unitrow{display:flex;align-items:center;gap:var(--s3);margin-bottom:var(--s4)}.unitrow-label{font-size:var(--t-cap);font-weight:700;color:var(--muted)}.unitrow .unitsel{padding:var(--s3) var(--s4);font-size:var(--t-md);font-weight:600;color:var(--ink)}.unitchips{display:flex;gap:2px;background:var(--sunk);border-radius:var(--r3);padding:3px}.unitchip{flex:1 1 auto;background:none;border:none;border-radius:var(--r2);padding:6px 12px;font-size:var(--t-base);font-weight:600;color:var(--ink-soft);cursor:pointer}.unitchip:hover{color:var(--ink)}.unitchip.active{background:var(--panel);color:var(--action);box-shadow:var(--e-raised)}.fmtchips{display:flex;flex-wrap:wrap;gap:var(--s1);background:var(--sunk);border-radius:var(--r3);padding:3px;margin-bottom:var(--s4)}.fmtchip{flex:1 1 auto;background:none;border:none;border-radius:var(--r2);padding:var(--s3) var(--s4);font-size:var(--t-sm);color:var(--ink-soft);cursor:pointer;white-space:nowrap}.fmtchip:hover{color:var(--ink)}.fmtchip.active{background:var(--panel);color:var(--action);font-weight:600;box-shadow:var(--e-raised)}.sheetcount{display:flex;flex-direction:column;gap:2px;background:var(--good-bg);border-radius:var(--r3);padding:var(--s4) var(--s5);margin-top:var(--s4)}.sheetcount b{font-size:var(--t-lg);color:var(--good-ink)}.sheetcount span{font-size:var(--t-cap);color:var(--good-ink)}@media(max-width:820px){.fmtchip{padding:var(--s4) var(--s5);font-size:var(--t-base);min-height:44px}}@media(max-width:820px){.unitchip{padding:11px 14px;min-height:44px}}.sizerow-lg{display:flex;align-items:center;gap:var(--s4)}.sizerow-lg .dim{flex:1 1 0;min-width:0;padding:var(--s3) var(--s5);border-radius:var(--r3);gap:var(--s3)}.sizerow-lg .dim span{font-size:var(--t-cap)}.sizerow-lg .dim input{font-size:var(--t-md);font-weight:700}.sizerow-lg .lockbtn{flex:none}.lockbtn{background:none;border:0;color:var(--faint);cursor:pointer;padding:5px;border-radius:var(--r2);flex:none;display:flex;align-items:center;justify-content:center}.lockbtn svg{width:18px;height:18px;display:block}.lockbtn.on{color:var(--blue)}.lockbtn:disabled{opacity:.5;cursor:not-allowed}.submini{font-weight:400;color:var(--muted)}.sizehead{display:flex;align-items:center;gap:6px}.infodot{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;font-size:var(--i-sm);color:var(--muted);cursor:help;border-radius:50%}.infodot:hover,.infodot:focus{color:var(--blue);outline:none}.tplsearch{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r3);padding:8px 10px;font:inherit;font-size:var(--t-base);margin-bottom:8px}.tplsearch:focus{outline:none;border-color:var(--blue)}.edgerow{display:flex;align-items:center;gap:10px}.edgeval{font-size:var(--t-sm);color:var(--muted);width:38px;text-align:right}.swatches{display:flex;flex-direction:column;gap:6px}.swatch{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:8px 10px;font-size:var(--t-base);cursor:pointer;color:var(--ink);text-align:left}.swatch:hover{border-color:var(--blue)}.swatch.active{background:var(--action-soft);border-color:var(--blue)}.swatch-dot{width:44px;height:44px;border-radius:var(--r3);border:1px solid var(--sw-line);flex-shrink:0}.panel input[type=range]{width:100%}.shapegrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.shapebtn{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--r3);background:var(--panel);cursor:pointer;display:flex;align-items:center;justify-content:center}.shapebtn:hover{border-color:var(--blue)}.shapeprev{width:34px;height:34px;background:var(--mut);display:block}.sp-rounded{border-radius:var(--r3)}.sp-ellipse{border-radius:50%}.sp-triangle{clip-path:polygon(50% 0,100% 100%,0 100%)}.sp-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.sp-star{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.drawrow{display:flex;align-items:center;gap:8px;margin-bottom:10px}.drawrow input[type=range]{flex:1}.icongrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0;max-height:300px;overflow-y:auto}.iconbtn2{aspect-ratio:1;min-width:0;border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden;--checker-ink: var(--checker-ink-faint)}.iconbtn2:hover{border-color:var(--blue)}.catcard-thumb{--checker-ink: var(--checker-ink-faint);border-radius:var(--r2)}.elimg-fail{color:var(--faint);font-size:var(--i-md);line-height:1}.fontitem-loading{opacity:.55}.dim.derived input{background:var(--rail);color:var(--mut);cursor:default}.rangeends{display:flex;justify-content:space-between;font-size:var(--t-cap);color:var(--faint);margin:-4px 0 10px}.acctbox{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r3);background:var(--panel);margin-bottom:12px}.acctbox-email{font-size:var(--t-base);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter{margin:0 0 10px}.meter-row{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--t-sm);color:var(--ink-soft);margin-bottom:5px}.meter-num{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.meter-bar{height:6px;border-radius:var(--pill);background:var(--sunk);overflow:hidden}.meter-bar i{display:block;height:100%;background:var(--blue);border-radius:var(--pill);transition:width .2s}.pinbtn{position:absolute;left:4px;top:4px;width:22px;height:22px;border:none;border-radius:50%;background:var(--veil);color:var(--faint);font-size:var(--t-base);line-height:1;cursor:pointer;box-shadow:var(--e-raised)}.pinbtn:hover,.pinbtn.on{color:var(--pin-on)}.pinbtn:disabled{cursor:default;opacity:.6}.iconbtn2[draggable=true]{cursor:grab}.iconbtn2[draggable=true]:active{cursor:grabbing}.stage-wrap.drop-active{box-shadow:var(--ring-inset);border-radius:var(--r3)}.iconwrap{position:relative;min-width:0}.iconwrap .iconbtn2{width:100%}.iconwrap:hover .tpl-x{display:block}.iconbtn2 img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.recentrow{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;margin:4px 0 8px}.recentrow .iconbtn2{flex:0 0 auto;width:46px;height:46px;aspect-ratio:auto}.fxgrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:6px 0 12px}.fxtile{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 4px;border:1px solid var(--border);border-radius:var(--r3);background:var(--panel);cursor:pointer}.fxtile:hover{border-color:var(--blue)}.fxtile.active{border-color:var(--blue);box-shadow:var(--ring-inset)}.fxprev{font-size:var(--t-specimen);font-weight:700;line-height:1.1;color:var(--ink)}.fxlbl{font-size:var(--t-cap);color:var(--muted)}.tplgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px}.tplcard{position:relative;display:flex;flex-direction:column;gap:4px}.tplthumb{aspect-ratio:4 / 3;border:1px solid var(--border);border-radius:var(--r3);background:var(--panel);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}.tplthumb:hover{border-color:var(--blue)}.tplthumb img{max-width:100%;max-height:100%;object-fit:contain}.tplph{font-size:var(--t-cap);color:var(--muted);text-align:center}.tplname{font-size:var(--t-cap);color:var(--muted)}.tplslug{font-family:ui-monospace,Menlo,monospace;font-size:var(--t-micro);color:var(--blue);background:var(--action-softer);border:1px solid var(--border);border-radius:var(--r1);padding:2px 5px;cursor:pointer;width:100%;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tplslug:hover{border-color:var(--blue)}.tpl-x{position:absolute;top:4px;right:4px;width:18px;height:18px;border:none;border-radius:50%;background:var(--scrim);color:var(--ink-invert);font-size:var(--i-sm);line-height:1;cursor:pointer;display:none}.tplcard:hover .tpl-x{display:block}.tplcard.current .tplthumb{border-color:var(--blue);box-shadow:var(--ring-inset)}.btn{background:var(--panel);color:var(--ink);border:1px solid var(--border);border-radius:var(--r3);padding:7px 14px;font-size:var(--t-base);cursor:pointer}.btn.block{display:block;width:100%;text-align:center;margin-bottom:12px}.btn:hover{border-color:var(--blue)}.cf-row{display:flex;gap:8px;align-items:center;margin-bottom:10px}.cf-row .tinput{flex:1}.cbig{width:48px;height:40px;border:1px solid var(--border);border-radius:var(--r3);padding:2px;background:var(--panel);cursor:pointer;flex:0 0 auto}.swatchgrid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:6px 0 14px}.sw{width:100%;aspect-ratio:1;border:1px solid var(--border);border-radius:50%;cursor:pointer;padding:0}.sw:hover{outline:2px solid var(--blue)}.sw.white{border-color:var(--faint)}.slabhead{display:flex;align-items:center;justify-content:space-between}.reset{background:none;border:none;color:var(--blue);font-size:var(--t-cap);cursor:pointer;padding:0}.reset:hover{text-decoration:underline}.cf{position:relative;display:inline-flex}.cf-swatch{width:30px;height:28px;border:1px solid var(--border);border-radius:var(--r2);cursor:pointer;padding:0;--checker-size: 8px}.cf-swatch:hover{border-color:var(--blue)}.cf-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--z-popover-nested);background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:10px;box-shadow:var(--e-popover);width:180px}.cf-tabs{display:flex;gap:4px;margin-bottom:8px}.cf-tabs button{flex:1;background:none;border:1px solid var(--border);border-radius:var(--r2);padding:5px;font-size:var(--t-cap);cursor:pointer;color:var(--muted)}.cf-tabs button.on{background:var(--action-soft);border-color:var(--blue);color:var(--action-dark)}.cf-cmyk{display:grid;grid-template-columns:1fr 1fr;gap:6px}.cf-cmyk label{display:flex;align-items:center;gap:6px;font-size:var(--t-sm);color:var(--muted)}.cf-cmyk input{width:100%;border:1px solid var(--border);border-radius:var(--r2);padding:5px 6px;font-size:var(--t-base)}.cf-hex{display:flex;align-items:center;gap:8px}.cf-hex input[type=color]{width:36px;height:30px;border:1px solid var(--border);border-radius:var(--r2);padding:2px;background:var(--panel)}.cf-hex input[type=text]{flex:1;border:1px solid var(--border);border-radius:var(--r2);padding:6px 8px;font-size:var(--t-base)}.cf-native{width:100%;height:40px;border:1px solid var(--border);border-radius:var(--r3);padding:2px;background:var(--panel);cursor:pointer;margin-bottom:10px}.cf-label{font-size:var(--t-cap);color:var(--muted);margin-bottom:6px}.cf-mini{font-size:var(--t-cap);color:var(--muted);min-width:52px}.grad-toggle{display:flex;gap:6px;margin-bottom:12px}.grad-toggle button{flex:1;border:1px solid var(--border);background:var(--panel);border-radius:var(--r3);padding:7px 0;font-size:var(--t-sm);font-weight:600;color:var(--muted);cursor:pointer}.grad-toggle button.on{border-color:var(--blue);color:var(--blue);background:var(--action-softer)}.grad-preview{height:28px;border-radius:var(--r3);border:1px solid var(--border);margin-bottom:8px}.grad-stops{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.grad-stop{width:26px;height:26px;border-radius:var(--r2);border:2px solid var(--panel);box-shadow:var(--ring-hair);cursor:pointer}.grad-stop.on{box-shadow:var(--ring)}.grad-add{width:26px;height:26px;border-radius:var(--r2);border:1px dashed var(--border);background:var(--panel);cursor:pointer;color:var(--muted);font-size:var(--t-md);line-height:1}.grad-del{font-size:var(--t-cap)}.cf-hexin{width:100%;border:1px solid var(--border);border-radius:var(--r2);padding:6px 8px;font-size:var(--t-base);margin-top:8px}.brushcursor{position:absolute;z-index:var(--z-cursor);border:1.5px solid var(--ink);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:var(--halo)}.proc{position:absolute;z-index:var(--z-overlay);background:var(--veil-soft);display:flex;align-items:center;justify-content:center;border-radius:var(--r2)}.proc-box{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--border);border-radius:var(--pill);padding:6px 12px;font-size:var(--t-sm);box-shadow:var(--e-raised)}.proc-box button{background:none;border:none;color:var(--bad-dark);font-size:var(--t-sm);cursor:pointer}.spinner{width:14px;height:14px;border:2px solid var(--line-strong);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.iconcats{margin:8px 0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.iconcats::-webkit-scrollbar{height:0}.iconcats .chip{flex:0 0 auto;white-space:nowrap;padding:5px 11px;font-size:var(--t-sm)}.combos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-bottom:4px}.combo{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;overflow:hidden;background:var(--color-background-secondary, var(--rail));border:1px solid var(--border);border-radius:var(--r3);padding:12px 8px;cursor:pointer}.combo:hover{border-color:var(--blue)}.combo span{font-size:var(--t-md);color:var(--ink);line-height:1.1}.combo .combo-sub{font-size:var(--t-sm);color:var(--muted)}.fontpanel{display:flex;flex-direction:column;height:100%;min-height:0}.fontpanel>*{flex:0 0 auto}.fontpanel .fontlist:not(.tall){max-height:180px}.fontpanel .fontlist.tall{flex:1 1 auto;min-height:80px;max-height:none}.elempanel{display:flex;flex-direction:column;height:100%;min-height:0}.elemscroll{flex:1 1 auto;min-height:0;overflow-y:auto}.elempanel .icongrid{max-height:none}.backbtn{background:none;border:none;color:var(--blue);font-size:var(--t-base);cursor:pointer;padding:4px 0 6px;align-self:flex-start}.catnow{margin-top:2px}.catcards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 4px}.catcard{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--r3);padding:9px 6px;background:var(--panel);cursor:pointer;min-width:0}.catcard:hover{border-color:var(--blue)}.catcard-thumb{width:100%;height:52px;display:flex;align-items:center;justify-content:center;overflow:hidden}.catcard-thumb img{max-width:88%;max-height:100%;object-fit:contain}.catcard-label{font-size:var(--t-cap);color:var(--ink);text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis}.combo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.fontlist.tall{max-height:calc(100vh - 230px)}.layer-row{display:flex;align-items:center;gap:6px;padding:7px 8px;border:1px solid transparent;border-radius:var(--r2);cursor:pointer;margin-bottom:4px;-webkit-user-select:none;user-select:none}.layer-grip{cursor:grab;color:var(--muted);font-size:var(--t-base)}.layer-name{flex:1}.layer-row:hover{background:var(--rail)}.layer-row.active{background:var(--action-soft);border-color:var(--blue)}.layer-name{font-size:var(--t-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-rename{flex:1;min-width:0;font-size:var(--t-base);border:1px solid var(--blue);border-radius:var(--r2);padding:3px 6px;outline:none;color:var(--ink)}.marquee{position:absolute;z-index:var(--z-overlay);border:1px solid var(--blue);background:var(--action-wash);pointer-events:none}.layer-actions{display:flex;gap:2px;flex-shrink:0}.layer-actions button{background:none;border:none;cursor:pointer;font-size:var(--t-base);color:var(--muted);width:22px;height:22px;border-radius:var(--r1)}.layer-actions button:hover{background:var(--action-soft);color:var(--blue)}.stage{position:relative;min-width:0}.stage-wrap .konvajs-content,.stage-wrap canvas{touch-action:none}.stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--ground);--checker-size: 20px}.tbar{position:absolute;top:14px;left:50%;transform:translate(-50%);z-index:var(--z-canvas-bar);display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 28px);background:var(--panel);border:1px solid var(--border);border-radius:var(--r4);padding:6px 8px;box-shadow:var(--e-bar)}.divider{width:1px;height:24px;background:var(--border);margin:0 4px}.tbtn{background:var(--panel);border:1px solid transparent;border-radius:var(--r2);padding:6px 10px;font-size:var(--t-base);color:var(--ink);cursor:pointer;white-space:nowrap}.tbtn:hover{background:var(--sunk)}.tbtn.danger{color:var(--bad-dark)}.tbtn-warn{background:var(--warn-bg);border-color:var(--warn-line);color:var(--warn-ink);font-weight:600;display:inline-flex;align-items:center;gap:6px}.tbtn-warn:hover{background:var(--warn-bg);filter:brightness(.97)}.tbtn-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:0 0 auto}.tbtn:disabled,.ticon:disabled{opacity:.4;cursor:default;pointer-events:none}.fontbtn{min-width:110px;text-align:left;border:1px solid var(--border)}.ticon{background:none;border:none;cursor:pointer;font-size:var(--i-md);width:30px;height:30px;border-radius:var(--r2);color:var(--ink);display:inline-flex;align-items:center;justify-content:center}.ticon:hover{background:var(--sunk)}.ticon.on{background:var(--action-soft);color:var(--blue)}.ticon.danger{color:var(--bad-dark)}.tnum{width:50px;border:1px solid var(--border);border-radius:var(--r2);padding:6px;font-size:var(--t-base);text-align:center;box-sizing:border-box}.pnum{width:72px}.cutline-toggle{display:flex;align-items:center;gap:8px;margin:4px 0 2px;font-size:var(--t-base);color:var(--ink);cursor:pointer}.cutline-toggle input{cursor:pointer}.tcolor{width:32px;height:30px;padding:2px;border:1px solid var(--border);border-radius:var(--r2);background:var(--panel);cursor:pointer}.tinput{border:1px solid var(--border);border-radius:var(--r2);padding:7px 9px;font-size:var(--t-base);width:100%}.menuwrap{position:relative;display:inline-flex}.popover{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--z-popover);min-width:200px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:10px;box-shadow:var(--e-popover)}.fontpop{width:240px}.fontlist{max-height:280px;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column}.fontitem{background:none;border:none;text-align:left;padding:8px;font-size:var(--t-md);color:var(--ink);cursor:pointer;border-radius:var(--r2)}.fontitem:hover{background:var(--sunk)}.fontitem.active{background:var(--action-soft);color:var(--blue)}.slab{display:flex;flex-direction:column;gap:6px;font-size:var(--t-sm);color:var(--muted);margin-bottom:10px}.slab:last-child{margin-bottom:0}.slab input[type=range]{width:200px}.mat-fx-btn{display:inline-flex;align-items:center;gap:6px}.mat-fx-ic{position:relative;display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);overflow:hidden;background-size:cover;background-position:center}.mat-fx-ic-half{position:absolute;left:0;top:0;width:50%;height:100%;opacity:.6}.effrow{display:flex;gap:8px;margin-bottom:8px}.effopt{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;padding:4px;cursor:pointer;border-radius:var(--r3)}.effopt:hover{background:var(--sunk)}.effopt.on{background:var(--action-soft)}.effopt-sw{width:100%;height:40px;border-radius:var(--r2);border:1px solid var(--border);background-size:cover;background-position:center}.effopt.on .effopt-sw{border-color:var(--blue);box-shadow:var(--ring-inset)}.effopt-lbl{font-size:var(--t-sm);color:var(--ink)}.effopt.on .effopt-lbl{color:var(--blue);font-weight:600}.cf-hint{font-size:var(--t-cap);color:var(--muted);line-height:1.4;margin-bottom:10px}.cf-swatch-lg{width:100%;height:40px;border-radius:var(--r3);border:1px solid var(--border);margin-bottom:10px}.text-edit{position:absolute;z-index:var(--z-overlay);margin:0;padding:0;border:1px solid var(--blue);background:var(--veil);outline:none;resize:none;overflow:hidden;box-sizing:border-box;min-height:1em}.filemenu-sep{height:1px;background:var(--border);margin:4px 0}.about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim-page);display:flex;align-items:center;justify-content:center;z-index:var(--z-top)}.about-modal{background:var(--panel);border-radius:var(--r4);padding:22px 24px;min-width:280px;box-shadow:var(--e-modal)}.cmyk-ba{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 11px;background:var(--sunk);border-radius:var(--r3)}.cmyk-ba-sw{width:40px;height:40px;border-radius:var(--r2);flex:0 0 auto;border:1px solid var(--sw-line);background-size:cover;background-position:center}.cmyk-ba-say{font-size:var(--t-cap);line-height:1.4;color:var(--muted);min-width:0}.cmyk-note{font-size:var(--t-cap);margin:0 0 12px}.import-toast{background:var(--panel);border-radius:var(--r4);padding:18px 22px;font-size:var(--t-base);color:var(--ink);display:flex;flex-direction:column;gap:12px;min-width:300px;box-shadow:var(--e-modal)}.import-row{display:flex;align-items:center;gap:12px;font-weight:600}.import-toast .btn{align-self:flex-end;padding:6px 16px}.cut-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:var(--z-cut-toast);display:flex;align-items:center;gap:12px;max-width:min(560px,92vw);background:var(--ink-strong);color:var(--ink-invert);border-radius:var(--r4);padding:12px 14px 12px 18px;font-size:var(--t-base);line-height:1.35;box-shadow:var(--e-modal)}.cut-toast .btn{padding:6px 14px;white-space:nowrap}.cut-toast-x{background:transparent;border:0;color:var(--ink-invert);opacity:.7;cursor:pointer;font-size:var(--i-md);padding:4px;line-height:1}.cut-toast-x:hover{opacity:1}.pbar{height:6px;background:var(--ground);border-radius:var(--pill);overflow:hidden}.pbar-fill{height:100%;width:0;background:var(--blue);border-radius:var(--pill);transition:width .3s ease}.pbar.indet .pbar-fill{width:40%;animation:pbar-slide 1.1s ease-in-out infinite}@keyframes pbar-slide{0%{margin-left:-40%}to{margin-left:100%}}.filetypes{font-size:var(--t-cap);margin-top:6px}.dl-btn,.order-btn{min-width:124px;text-align:center}.order-btn{margin-left:8px}.order-drawer{position:fixed;top:0;right:0;height:100%;width:var(--order-drawer-w);max-width:90vw;background:var(--panel);border-left:1px solid var(--border);box-shadow:var(--e-drawer);z-index:var(--z-modal);transform:translate(100%);transition:transform .22s ease;display:flex;flex-direction:column}.order-drawer.open{transform:translate(0)}.order-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border);flex:0 0 auto}.order-title{font-size:var(--t-md);font-weight:700}.order-close{background:none;border:none;font-size:var(--i-md);line-height:1;color:var(--muted);cursor:pointer;padding:4px 6px;border-radius:var(--r2)}.order-close:hover{background:var(--rail);color:var(--ink)}.order-body{padding:14px 18px 16px;overflow-y:auto;flex:1 1 auto}.ordersummary{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:var(--r3);padding:10px 12px;margin:6px 0 4px}.ordersummary>div{display:flex;justify-content:space-between;align-items:center;font-size:var(--t-base)}.ordersummary span{color:var(--muted)}.ordersummary b{font-weight:600}.ordersummary-mat b{display:inline-flex;align-items:center;gap:6px}.ordersummary .swatch-dot{width:14px;height:14px;border-radius:50%;border:1px solid var(--sw-line);display:inline-block}.ordfmt{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.fmtbtn{border:1.5px solid var(--border);background:var(--panel);border-radius:var(--r3);padding:8px 2px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--t-micro);font-weight:600;color:var(--ink-soft);transition:border-color .12s,background .12s}.fmtbtn .fmticon{width:22px;height:22px;display:block}.fmtbtn .fmticon svg{width:22px;height:22px;display:block}.fmtbtn .fmtlabel{line-height:1.15;text-align:center}.fmtbtn:hover:not(:disabled){border-color:var(--line-strong)}.fmtbtn.active{border-color:var(--blue);background:var(--action-soft);color:var(--action-dark)}.fmtbtn.disabled,.fmtbtn:disabled{opacity:.4;cursor:not-allowed}.qtychips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.qtychip{border:1px solid var(--border);background:var(--panel);border-radius:var(--r3);padding:8px 0;font-size:var(--t-base);font-weight:600;color:var(--ink);cursor:pointer}.qtychip.active{border-color:var(--blue);color:var(--blue);background:var(--action-softer)}.qtychip:disabled{opacity:.35;cursor:not-allowed}.orderprice{display:flex;justify-content:space-between;align-items:center;margin:16px 0 6px;font-size:var(--t-base);min-height:28px}.orderprice b{font-size:var(--t-lg)}.ordermeta{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.ordermeta>div{display:flex;justify-content:space-between;align-items:center;font-size:var(--t-sm);min-height:16px}.ordermeta span{color:var(--muted)}.ordermeta b{font-weight:600}.skel{display:inline-block;height:12px;width:64px;border-radius:var(--r1);background:linear-gradient(90deg,var(--ground) 25%,var(--line) 37%,var(--ground) 63%);background-size:400% 100%;animation:skel-shimmer 1.2s ease infinite}.skel-total{height:20px;width:88px}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.order-foot{flex:0 0 auto;border-top:1px solid var(--border);padding:12px 18px 16px;background:var(--panel);box-shadow:var(--e-sheet)}.order-foot .orderprice{margin:2px 0 6px}.order-comments{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--r3);padding:8px 10px;font:inherit;font-size:var(--t-base);resize:vertical;min-height:56px;margin-bottom:4px}.order-comments:focus{outline:none;border-color:var(--blue)}.order-cart,.order-added{margin-top:4px}.order-added-msg{color:var(--good-ink);font-weight:600;font-size:var(--t-base);text-align:center;margin-bottom:10px}.order-added a.btn-primary{text-decoration:none}.order-adderr{color:var(--bad-ink)}select.tinput{background:var(--panel);cursor:pointer}.tinput.block{width:100%;box-sizing:border-box;margin-bottom:10px}@media(max-width:720px){.order-drawer{width:100%;max-width:100%}}.about-title{font-size:var(--t-md);font-weight:700;margin-bottom:14px}.about-row{display:flex;justify-content:space-between;gap:24px;font-size:var(--t-base);color:var(--muted);padding:5px 0}.about-row b{color:var(--ink);font-weight:600}.about-modal .btn-primary.block{margin-top:16px}.about-modal.newdesign{min-width:340px}.nd-label{display:block;font-size:var(--t-sm);color:var(--muted)}.nd-label .tinput{margin-top:5px}.nd-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;flex-wrap:wrap}.fb-text{width:100%;min-height:96px;resize:vertical;border:1px solid var(--border);border-radius:var(--r3);padding:9px 10px;font:inherit;font-size:var(--t-base);box-sizing:border-box}.fb-check{display:flex;align-items:center;gap:8px;font-size:var(--t-sm);color:var(--muted);margin-top:10px}.crop-bar{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--pill);padding:6px 8px 6px 16px;box-shadow:var(--e-bar);z-index:var(--z-canvas-bar)}.crop-hint{font-size:var(--t-sm);color:var(--muted);white-space:nowrap}.crop-bar .btn,.crop-bar .btn-primary{padding:6px 14px}.stage:has(.crop-bar) .tbar{display:none}.wkey{position:absolute;left:14px;bottom:14px;z-index:var(--z-canvas-bar);max-width:240px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:10px 12px;box-shadow:var(--e-raised);font-size:var(--t-sm);color:var(--ink);line-height:1.35}.wkey-title{font-size:var(--t-cap);font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}.wkey-row{display:flex;align-items:center;gap:8px}.wkey-row+.wkey-row{margin-top:5px}.wkey-sw{width:18px;height:18px;border-radius:var(--r1);flex:0 0 auto;border:1px solid var(--sw-line)}.wkey-on{background:var(--panel)}.wkey-off{background:var(--dark-panel);border-color:var(--dark-panel)}.wkey-none{color:var(--muted)}.zoom{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:var(--pill);padding:3px 6px;box-shadow:var(--e-raised)}.zbtn{background:none;border:none;cursor:pointer;font-size:var(--i-md);color:var(--ink);width:30px;height:28px;border-radius:var(--pill)}.zbtn:hover{background:var(--sunk)}.zfit{font-size:var(--t-base)}.zfit.on{background:var(--action-soft);color:var(--blue)}.zpct{width:auto;padding:0 8px;font-size:var(--t-sm);color:var(--ink);font-variant-numeric:tabular-nums}.zslider{width:96px;accent-color:var(--blue);margin:0 2px}.zmenu-wrap{position:relative}.zmenu{position:absolute;right:0;bottom:calc(100% + 8px);min-width:180px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r4);padding:6px;box-shadow:var(--e-popover)}.zmenu button{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 12px;font-size:var(--t-base);color:var(--ink);cursor:pointer;border-radius:var(--r2)}.zmenu button:hover{background:var(--sunk)}.zmenu button.on{color:var(--blue);font-weight:600}.zmenu-sep{height:1px;background:var(--border);margin:5px 4px}.zmenu-note{padding:4px 12px 2px;font-size:var(--t-cap);font-style:italic;color:var(--rail-ink);line-height:1.3}.zoom-cap{position:absolute;right:2px;bottom:calc(100% + 7px);display:flex;align-items:center;gap:5px;background:var(--veil);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:2px 9px;border-radius:var(--pill);font-size:var(--t-cap);color:var(--muted);white-space:nowrap;box-shadow:var(--e-raised)}.zoom-cap .infodot{width:14px;height:14px}.zinfo-pop{position:absolute;right:0;bottom:calc(100% + 9px);width:260px;max-width:78vw;background:var(--ink-strong);color:var(--ink-invert);border-radius:var(--r3);padding:10px 12px;display:flex;flex-direction:column;gap:3px;font-size:var(--t-sm);line-height:1.4;box-shadow:var(--e-modal);z-index:var(--z-zoom-info);cursor:default;white-space:normal;text-align:left}.zinfo-pop strong{font-weight:700;font-size:var(--t-sm)}.zinfo-pop span{color:var(--ink-invert-soft)}.zinfo-pop:after{content:"";position:absolute;top:100%;right:10px;border:6px solid transparent;border-top-color:var(--ink-strong)}.ctxmenu{position:fixed;z-index:var(--z-menu);min-width:168px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:6px;box-shadow:var(--e-popover)}.ctxmenu button{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 10px;font-size:var(--t-base);color:var(--ink);cursor:pointer;border-radius:var(--r2)}.ctxmenu button:hover{background:var(--sunk)}.ctxmenu button.danger{color:var(--bad-dark)}.ctxsep{height:1px;background:var(--border);margin:4px 0}.ctxmenu button{display:flex;align-items:center;gap:9px}.ctxmenu .cxi{width:17px;height:17px;flex:none;color:var(--ink-soft)}.ctxsubwrap{position:relative}.ctxparent{width:100%}.ctxchev{margin-left:auto;color:var(--muted);font-size:var(--i-md);line-height:1}.ctxsub{display:none;position:absolute;top:-6px;left:100%;min-width:184px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:6px;box-shadow:var(--e-popover)}.ctxsubwrap:hover>.ctxsub{display:block}.ctxsub button{display:flex;width:100%;text-align:left;align-items:center;gap:9px;background:none;border:none;padding:8px 10px;font-size:var(--t-base);color:var(--ink);cursor:pointer;border-radius:var(--r2)}.ctxsub button:hover{background:var(--sunk)}.adminbar{display:flex;flex-direction:column;gap:6px;margin:10px 0;padding:10px;border:1px dashed var(--border);border-radius:var(--r3);background:var(--panel)}.designs-actions{position:sticky;top:-14px;z-index:var(--z-sticky);background:var(--panel);margin:-14px -14px 10px;padding:14px 14px 8px;border-bottom:1px solid var(--border)}.designs-actions .btn-primary.block,.designs-actions .btn.block{margin-bottom:8px}.designs-actions .btn.block:last-child,.designs-actions .link{margin-bottom:0}.adminlink{display:inline-block;margin-top:12px;font-size:var(--t-cap);color:var(--muted)}@media(max-width:820px){.body{display:block;position:relative;overflow:hidden}.stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-canvas)}.stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.rail{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-rail);flex-direction:row;border-right:0;border-top:1px solid var(--border);background:var(--panel);padding:4px 0 calc(4px + env(safe-area-inset-bottom));overflow-x:auto;-webkit-overflow-scrolling:touch}.rail::-webkit-scrollbar{display:none}.rail-item{flex:1 0 auto;min-width:48px;padding:6px 2px}.rail-icon{font-size:var(--i-lg)}.rail-label{font-size:var(--t-micro)}.rail-feedback{display:none}.panel{position:absolute;left:0;right:0;bottom:0;width:100vw;max-width:100vw;z-index:var(--z-panel);max-height:62%;overflow-x:hidden;border-right:0;border-top:1px solid var(--border);border-radius:var(--r5) var(--r5) 0 0;box-shadow:var(--e-sheet);transform:translateY(110%);transition:transform .22s ease;padding-bottom:calc(74px + env(safe-area-inset-bottom))}.panel.sheet-open{transform:translateY(0)}.body.proofing .panel.proof-sumaside{transform:translateY(0);height:58%;max-height:58%;overflow-y:auto;border-radius:var(--r5) var(--r5) 0 0;padding-bottom:env(safe-area-inset-bottom)}.body.proofing .stage{bottom:58%}.body.proofing .zoom{bottom:calc(58% + 10px)}.body.proofing .tbar{display:none}.body.proofing.ordering{padding-right:0}.sheet-close{display:block;position:absolute;top:8px;right:10px;z-index:var(--z-sheet-close);background:var(--sunk);border:none;border-radius:var(--pill);width:28px;height:28px;font-size:var(--i-md);color:var(--ink);cursor:pointer}.tbar{top:8px;left:8px;right:8px;transform:none;max-width:none;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,var(--panel) 40%,transparent) left center / 28px 100% no-repeat local,linear-gradient(to left,var(--panel) 40%,transparent) right center / 28px 100% no-repeat local,linear-gradient(to right,var(--shade-scroll),transparent) left center / 12px 100% no-repeat scroll,linear-gradient(to left,var(--shade-scroll),transparent) right center / 12px 100% no-repeat scroll,var(--panel)}.tbar::-webkit-scrollbar{display:none}.popover{position:fixed;left:10px;right:10px;top:auto;bottom:calc(74px + env(safe-area-inset-bottom));min-width:0;width:auto;max-height:56vh;overflow-y:auto;z-index:var(--z-bottom-sheet);border-radius:var(--r4);box-shadow:var(--e-sheet)}.mob-swatches{display:flex;flex-wrap:wrap;gap:12px;padding:4px 0 2px}.mob-swatches .cf-swatch{width:46px;height:46px;border-radius:var(--r3)}.zoom{right:8px;bottom:calc(70px + env(safe-area-inset-bottom))}.wkey{left:8px;bottom:calc(70px + env(safe-area-inset-bottom));max-width:190px;font-size:var(--t-cap);padding:8px 10px}.zoom .zslider,.zoom-cap{display:none}.topbar{gap:4px;padding:8px 6px}.title,.savestate,.homebtn,.credits,.upgrade-pill{display:none}.dl-btn,.order-btn{min-width:0;padding:7px 10px}.order-btn{margin-left:4px}}.dlmenu-acct{padding:4px 4px 0}.dlmenu-acct-row{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:var(--t-base);color:var(--ink)}.dlmenu-acct-row svg{display:block;flex:0 0 auto}.dlmenu-acct-actions{display:flex;gap:6px;padding:2px 6px 6px}.dlmenu-acct-actions button{flex:1;background:var(--sunk);border:none;border-radius:var(--r2);padding:7px 8px;font-size:var(--t-sm);color:var(--ink);cursor:pointer}.dlmenu-acct-actions button:hover{background:var(--line)}.dlmenu-signin{display:flex;align-items:center;gap:6px;width:100%;text-align:left;background:none;border:none;padding:8px 10px;font-size:var(--t-base);color:var(--blue);cursor:pointer;border-radius:var(--r2)}.dlmenu-signin:hover{background:var(--sunk)}.vpswatches{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 10px}.vpsw{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}.vpsw.on{border-color:var(--action);box-shadow:var(--ring)}.shapegrid .shapebtn{position:relative;overflow:visible}.sugpill{position:absolute;top:-6px;right:-4px;background:var(--brand);color:var(--ink-strong);font-size:var(--t-micro);font-weight:700;line-height:1;padding:3px 5px;border-radius:var(--pill);box-shadow:var(--e-raised);pointer-events:none}.showmore{display:block;margin:4px 0 12px;font-size:var(--t-sm)}.vpswatches{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px}.vpsw-wrap{position:relative}.vpsw-wrap .cf-swatch{width:46px;height:46px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--sw-line),var(--e-raised);cursor:grab;position:relative}.vpsw-wrap .cf-swatch:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;box-shadow:var(--gloss);pointer-events:none}.vpsw-wrap.dragover .cf-swatch{box-shadow:var(--ring)}.vpsw-wrap .vpsw-x{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:none;background:var(--scrim);color:var(--ink-invert);font-size:var(--i-sm);line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;transition-delay:.45s}.vpsw-wrap:hover .vpsw-x{opacity:1}.vpsw-wrap .cf-swatch{border:0}.vpsw-wrap .cf-swatch:after{display:none}.dlmenu-check{display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:var(--t-base);color:var(--ink);cursor:pointer;border-top:1px solid var(--border);margin-top:4px}.dlmenu button.dlmenu-link{font-size:var(--t-sm);color:var(--muted);padding:7px 10px 8px}.dlmenu button.dlmenu-link:hover{background:var(--sunk);color:var(--ink)}.rail-admin{background:none;border:none;color:var(--rail-ink);padding:9px 0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;border-top:1px solid var(--border);opacity:.75}.rail-admin:hover,.rail-admin.is-admin{color:var(--blue);opacity:1}.share-row{display:flex;gap:8px;align-items:center;margin:4px 0 6px}.share-row .tinput{flex:1;min-width:0}.about-modal.admindesigns{min-width:min(760px,92vw);max-width:92vw;max-height:84vh;overflow:auto}.admin-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.admin-gallery-actions{display:flex;gap:8px}.admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.admin-card{display:flex;flex-direction:column;gap:4px}.admin-thumb{aspect-ratio:1 / 1;border:1px solid var(--border);border-radius:var(--r3);background:var(--panel);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;overflow:hidden}.admin-thumb:hover{border-color:var(--blue)}.admin-thumb img{max-width:100%;max-height:100%;object-fit:contain}.admin-name{font-size:var(--t-sm);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:var(--t-cap);color:var(--rail-ink)}.admin-tier{padding:1px 7px;border-radius:var(--pill);background:var(--ground);color:var(--ink-soft);font-weight:600}.admin-tier.tier-order{background:var(--good-bg);color:var(--good-ink)}.admin-tier.tier-user{background:var(--action-soft);color:var(--blue)}.conflict-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:var(--z-toast);background:var(--dark-panel);color:var(--ink-invert);padding:10px 38px 10px 14px;border-radius:var(--r3);font-size:var(--t-base);max-width:90vw;box-shadow:var(--e-modal)}.conflict-x{position:absolute;top:6px;right:8px;background:none;border:none;color:var(--ink-invert);cursor:pointer;font-size:var(--t-base);opacity:.8}.conflict-x:hover{opacity:1}.inspector{position:absolute;right:var(--s5);top:64px;max-height:calc(100% - 120px);width:248px;z-index:var(--z-overlay);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-strong);border-radius:var(--r5);box-shadow:var(--e-sheet);overflow:hidden}.inspector-head{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s4) var(--s4) var(--s5);border-bottom:1px solid var(--line);flex:none}.inspector-title{font-size:var(--t-base);font-weight:600;flex:1 1 auto}.inspector-x{background:none;border:none;color:var(--mut);cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--r2)}.inspector-x:hover{background:var(--sunk);color:var(--ink)}.inspector-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--s5)}.emptystate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s7);pointer-events:none}.emptystate-target{pointer-events:auto;width:min(58%,300px);aspect-ratio:1 / 1.06;border:2.5px dashed currentColor;color:var(--faint);background:var(--veil-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3);padding:var(--s7);box-sizing:border-box;text-align:center;transition:color .12s,background .12s}.emptystate-target.hot{color:var(--action);background:var(--action-softer)}.emptystate-target b{font-size:var(--t-md);color:var(--ink)}.emptystate-types{font-size:var(--t-sm);color:var(--mut)}.emptystate-promise{font-size:var(--t-sm);color:var(--good-ink);background:var(--good-bg);border-radius:var(--pill);padding:var(--s1) var(--s5)}.emptystate-starts{pointer-events:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s4)}.emptystate-x{pointer-events:auto;position:absolute;top:var(--s5);right:var(--s5);width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--e-raised);color:var(--ink);cursor:pointer}.emptystate-x:hover{background:var(--sunk);color:var(--ink)}.emptystate-pick{cursor:pointer}@media(max-width:820px){.emptystate{justify-content:flex-start;padding-top:var(--s7);gap:var(--s6)}.emptystate-target{width:min(72%,260px);padding:var(--s6)}.emptystate-starts{flex-direction:column;width:min(80%,300px)}.emptystate-starts>*{width:100%;min-height:44px}}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-scrim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:var(--veil);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:progress}.canvas-loading-spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--action-track);border-top-color:var(--blue);animation:canvas-spin .8s linear infinite}.canvas-loading-text{font-size:var(--t-base);color:var(--ink);font-weight:500}@keyframes canvas-spin{to{transform:rotate(360deg)}}.bench-page,.bench-page body,.bench-page #root{height:auto;overflow:visible}.bench-page body{background:var(--panel)}.bench{padding:22px 24px 60px;max-width:none}.bench h1{font-size:var(--t-lg);margin:0 0 6px}.bench h2{font-size:var(--t-md);font-weight:600;margin:0 0 10px}.bench pre{background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:10px 12px;font-size:var(--t-sm);overflow-x:auto}.bench code{background:var(--ground);border-radius:var(--r1);padding:1px 5px;font-size:var(--t-sm)}.bench-note{color:var(--muted);font-size:var(--t-sm);font-weight:400;margin:0}.bench-design{margin:26px 0 0;padding-top:18px;border-top:1px solid var(--border)}.bench-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.bench-tile{flex:0 0 268px;background:var(--panel);border:1px solid var(--border);border-radius:var(--r3);padding:12px}.bench-best{border-color:var(--blue);box-shadow:var(--ring)}.bench-head{font-size:var(--t-base);font-weight:600;margin-bottom:2px}.bench-svg{width:100%;height:232px;display:block;margin:10px 0;--checker-ink: var(--checker-ink-faint);border-radius:var(--r2)}.bench-stats{width:100%;border-collapse:collapse;font-size:var(--t-sm)}.bench-stats td{padding:3px 0;color:var(--muted)}.bench-stats td:last-child{text-align:right;color:var(--ink);font-variant-numeric:tabular-nums}.bench-bad{margin-top:8px;font-size:var(--t-cap);font-weight:600;color:var(--bad-ink);background:var(--bad-bg);border-radius:var(--r2);padding:5px 7px}.bench-off{color:var(--bad-ink)!important;font-weight:600}.proof-app .body{grid-template-columns:1fr var(--proof-panel-w, 372px)}.proof-app .stage{order:0}.proof-app .panel{order:1;border-right:0;border-left:1px solid var(--border)}.proof-aside{display:flex;flex-direction:column;padding:0;overflow:hidden}.proof-panel{flex:1 1 auto;overflow-y:auto;padding:14px}.proof-sec{padding-bottom:4px;margin-bottom:14px;border-bottom:1px solid var(--border)}.proof-sec:last-child{border-bottom:0;margin-bottom:0}.proof-shapes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.proof-shapes .shapebtn{position:relative;overflow:visible;aspect-ratio:auto;flex-direction:column;padding:9px 4px 7px}.proof-qtys{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px}.proof-health{display:flex;gap:10px;border-radius:var(--r3);padding:11px 12px;font-size:var(--t-base);line-height:1.4;margin-bottom:14px}.proof-health .proof-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;margin-top:4px;background:currentColor}.proof-health-body{flex:1;min-width:0}.proof-health b{display:block;font-size:var(--t-base);margin-bottom:2px}.proof-health.h-ok{background:var(--good-bg);color:var(--good-ink)}.proof-health.h-info{background:var(--action-softer);color:var(--action-dark)}.proof-health.h-warn{background:var(--warn-bg);color:var(--warn-ink)}.proof-health.h-bad{background:var(--bad-bg);color:var(--bad-ink)}.proof-fixes{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.proof-fix{border:1.5px solid currentColor;background:var(--panel);border-radius:var(--pill);padding:6px 11px;font-size:var(--t-sm);font-weight:600;color:inherit;cursor:pointer}.proof-fix:disabled{opacity:.5;cursor:not-allowed}.proof-ack{display:flex;gap:7px;align-items:flex-start;margin-top:9px;font-size:var(--t-sm);cursor:pointer}.status-count{font-size:var(--t-sm);font-weight:600;color:var(--warn-ink);background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:var(--pill);padding:3px 9px;display:inline-block;margin-bottom:12px}.status-count.st-bad,.status-count.st-poor{color:var(--bad-ink);background:var(--bad-bg);border-color:var(--bad-line)}.status-allgood{font-size:var(--t-sm);font-weight:600;color:var(--good-ink);background:var(--good-bg);border-radius:var(--pill);padding:3px 9px;display:inline-block;margin-bottom:12px}.status-sec{margin-bottom:14px}.status-thumb{width:34px;height:34px;border-radius:var(--r2);flex:0 0 auto;margin-top:1px;border:1px solid var(--sw-line);background:var(--sunk) center / cover no-repeat}.status-foot{font-size:var(--t-cap);margin:16px 0 0}.proof-notetoggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:var(--blue);font-size:var(--t-base);font-weight:600;cursor:pointer}.proof-bub{width:26px;height:26px;border-radius:var(--r2);border:1.5px solid var(--border);display:grid;place-items:center;font-size:var(--t-base);background:var(--panel);position:relative}.proof-bub.has:after{content:"";position:absolute;top:-3px;right:-3px;width:8px;height:8px;border-radius:50%;background:var(--green);border:1.5px solid var(--panel)}textarea.proof-note{width:100%;margin-top:9px;border:1.5px solid var(--border);border-radius:var(--r3);padding:10px 11px;font:inherit;font-size:var(--t-base);resize:vertical;color:var(--ink);background:var(--panel)}textarea.proof-note:focus{outline:0;border-color:var(--blue)}.proof-foot{flex:0 0 auto;border-top:1px solid var(--border);background:var(--panel);padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom))}.proof-price{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.proof-price span{font-size:var(--t-base);color:var(--muted)}.proof-price b{font-size:var(--t-xl);letter-spacing:-.01em}.proof-delta{font-size:var(--t-sm);font-weight:600;color:var(--warn-ink);margin:0 0 10px}.proof-delta.down{color:var(--good-ink)}.proof-samep{margin:0 0 10px}.proof-approve{font-size:var(--t-md);font-weight:800;padding:14px;border-radius:var(--r4)}.proof-reject{display:block;width:100%;margin-top:9px;padding:11px 12px;border:1.5px solid var(--border);border-radius:var(--r4);background:var(--panel);color:var(--ink);font:inherit;font-size:var(--t-base);font-weight:600;line-height:1.35;cursor:pointer}.proof-reject small{display:block;font-weight:400;color:var(--muted);font-size:var(--t-sm);margin-top:2px}.proof-reject:hover{border-color:var(--blue);color:var(--blue)}.proof-reject:disabled{opacity:.5;cursor:not-allowed}.proof-secondary{display:block;width:100%;margin-top:9px;background:none;border:0;color:var(--muted);font:inherit;font-size:var(--t-base);text-decoration:underline;cursor:pointer}.proof-err{color:var(--bad-ink)}.proof-done{text-align:center}.proof-tick{width:44px;height:44px;border-radius:50%;background:var(--green);color:var(--ink-strong);display:grid;place-items:center;font-size:var(--i-xl);font-weight:800;margin:0 auto 8px}.proof-tick.manual{background:var(--warn-bg);color:var(--warn-ink)}.proof-done h4{margin:0 0 3px;font-size:var(--t-md)}.proof-done p{margin:0 0 11px}.proof-noteecho{background:var(--rail);border-left:3px solid var(--blue);border-radius:0 var(--r3) var(--r3) 0;padding:8px 11px;font-size:var(--t-sm);color:var(--muted);text-align:left;margin-bottom:11px}.proof-gonow{display:flex;align-items:center;justify-content:center;gap:8px;font-size:var(--t-md);font-weight:700;padding:13px;border-radius:var(--r4)}.proof-ring{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:conic-gradient(var(--panel) var(--deg, 0deg),var(--invert-track) 0);flex:0 0 auto}.proof-ring i{width:16px;height:16px;border-radius:50%;background:var(--blue);color:var(--ink-invert);font-style:normal;font-size:var(--t-cap);font-weight:700;line-height:16px;text-align:center}.proof-loaderr{padding:24px 16px;text-align:center}.proof-loaderr b{display:block;margin-bottom:6px}.proof-loaderr .btn-primary{margin-top:14px;text-decoration:none}@media(max-width:820px){.proof-app .body{display:flex;flex-direction:column}.proof-app .stage{position:relative;inset:auto;flex:0 0 42%;min-height:0}.proof-app .panel{position:relative;inset:auto;flex:1 1 auto;min-height:0;width:100%;max-width:100%;max-height:none;transform:none;border-radius:var(--r5) var(--r5) 0 0;border-top:1px solid var(--border);padding-bottom:0;box-shadow:var(--e-sheet)}.proof-app .sheet-close{display:none}.proof-shapes{grid-template-columns:repeat(4,1fr)}}.proof-errcode{font-size:var(--t-cap);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--faint);margin-top:8px;word-break:break-all}.proof-panel .swatches{display:grid;grid-template-columns:1fr 1fr;gap:6px}.proof-panel .swatch{font-size:var(--t-sm);padding:6px 8px;gap:7px}.proof-panel .swatch-dot{width:26px;height:26px;border-radius:var(--r2)}.proof-borders{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.proof-saving{margin-top:10px;background:var(--good-bg);color:var(--good-ink);border-radius:var(--r3);padding:10px 12px;font-size:var(--t-sm);line-height:1.4}.proof-saving b{display:block;margin-bottom:2px;font-size:var(--t-base)}.proof-saving em{display:block;margin-top:6px;font-style:normal;font-weight:700;font-size:var(--t-base)}.about-modal.upgrade{max-width:420px}.upgrade-list{margin:0 0 4px;padding:0 0 0 18px;font-size:var(--t-base);line-height:1.55;color:var(--ink, var(--ink))}.upgrade-list li{margin:0 0 5px}.acct-upgrade{display:block;width:100%;text-align:center;margin-top:10px}.filemenu-acct{padding:7px 10px 8px}.filemenu-acct-email{font-size:var(--t-sm);font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filemenu-acct-line{font-size:var(--t-cap);color:var(--faint);margin-top:2px}.gamut{margin:10px 0 4px;padding:9px 10px;border-radius:var(--r3);border:1px solid}.gamut-note{background:var(--warn-bg);border-color:var(--warn-line)}.gamut-warn{background:var(--bad-bg);border-color:var(--bad-line)}.gamut-title{font-weight:600;font-size:var(--t-base);margin-bottom:2px}.gamut .sub{margin:0 0 7px}.gamut-swatches{display:flex;flex-wrap:wrap;gap:7px}.gamut-pair{display:inline-flex;border-radius:var(--r1);overflow:hidden;border:1px solid var(--sw-line)}.gamut-pair i{display:block;width:15px;height:15px}.warn-line{margin:2px 0 0;font-size:var(--t-sm);line-height:1.4;color:var(--warn-ink);background:var(--warn-bg);border-radius:var(--r3);padding:7px 9px}.stage-wrap.bg-light{background-color:var(--panel);background-image:none}.stage-wrap.bg-dark{background-color:var(--preview-dark);background-image:none}.bgview{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:5px;background:var(--panel);border:1px solid var(--border);border-radius:var(--pill);padding:5px 8px;box-shadow:var(--e-raised);z-index:var(--z-sticky)}.bgview-t{font-size:var(--t-cap);color:var(--muted);margin-right:1px}.bgview-sw{width:18px;height:18px;padding:0;border:1px solid var(--line-strong);border-radius:var(--r1);cursor:pointer}.bgview-sw.on{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.bgview-light{background:var(--panel)}.bgview-dark{background:var(--preview-dark)}.bgview-checker{--checker-size: 8px}@media(max-width:820px){.bgview{left:8px;bottom:8px;padding:4px 7px}}.suppliedcut{margin:10px 0 4px;padding:10px 12px;border-radius:var(--r3);background:var(--sunk);border:1px solid var(--sw-line)}.suppliedcut .sub{margin-top:0}.suppliedcut .submini{display:block;margin:2px 0 8px;line-height:1.35}.suppliedcut .btn{width:100%}.picklist{display:flex;flex-direction:column;gap:4px;margin:8px 0 0}.pickrow{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--panel);border:1px solid var(--border);border-radius:var(--r2);padding:6px 8px;font:inherit;font-size:var(--t-sm);color:var(--ink);cursor:pointer}.pickrow:hover{border-color:var(--blue)}.pickrow.sel{border-color:var(--blue);box-shadow:var(--ring-inset)}.pickrow .pickdot{width:10px;height:10px;border-radius:var(--r1);flex:none;border:1.5px solid var(--muted)}.pickrow .picklab{min-width:0}.pickrow .picklab b{display:block;font-weight:600}.pickrow .dims{font-size:var(--t-cap);color:var(--muted);font-variant-numeric:tabular-nums}.suppliedcut .toggle{display:flex;align-items:flex-start;gap:8px;font-size:var(--t-sm);color:var(--ink)}.suppliedcut .toggle input{margin:2px 0 0;accent-color:var(--blue);flex:none}.suppliedcut .toggle .submini{display:block;margin-top:2px}.labelsheet{margin-top:12px;padding-top:12px;border-top:1px solid var(--line, var(--line))}.labelsheet .row{display:flex;gap:8px}.labelsheet .row .tinput{flex:1;min-width:0}.sheetdiag{display:block;margin:8px auto 0;max-width:100%;height:auto}.sd-page{fill:var(--panel);stroke:var(--line, var(--line-strong));stroke-width:1}.sd-label{fill:var(--action-soft);stroke:var(--action-line);stroke-width:.8}.proof-view-toggle{display:flex;gap:6px;margin:10px 0 2px}.proof-view-toggle button{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line, var(--line-strong));background:var(--panel);border-radius:var(--r3);cursor:pointer;text-align:left;font-size:var(--t-base);line-height:1.25;color:inherit}.proof-view-toggle button .sub{display:block;font-size:var(--t-cap);opacity:.6}.proof-view-toggle button.active{border-color:var(--action);box-shadow:var(--ring-inset)}.opt-row{display:flex;align-items:flex-start;gap:9px;margin:12px 2px 2px;font-size:var(--t-base);line-height:1.3;cursor:pointer}.opt-row input{margin:1px 0 0;flex:none;cursor:pointer}.opt-row small{display:block;font-size:var(--t-cap);opacity:.62;margin-top:1px}