.badge{letter-spacing:.05em;text-transform:uppercase;color:var(--dim);border:1px solid var(--border-strong);padding:1px var(--space-2);white-space:nowrap;background:0 0;border-radius:999px;font-size:10.5px;display:inline-block}.badge-muted{color:var(--faint);border-color:var(--border)}.btn{font:inherit;padding:var(--space-1) var(--space-3);border-radius:var(--r-sm);border:1px solid var(--border-strong);background:var(--paper);min-height:30px;color:var(--ink);cursor:pointer;font-size:13px;transition:background-color .12s,border-color .12s,color .12s}.btn:hover:not(:disabled){background:var(--sunken);border-color:var(--ink)}.btn:disabled{cursor:not-allowed;color:var(--faint);border-color:var(--border)}.btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--dim);border-color:var(--dim)}.btn-quiet{color:var(--dim);background:0 0;border-color:#0000}.btn-quiet:hover:not(:disabled){background:var(--sunken);color:var(--ink)}.btn-danger{color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.btn-sm{min-height:26px;padding:2px var(--space-2);font-size:12px}.dlg{border:1px solid var(--border-strong);border-radius:var(--r);background:var(--paper);color:var(--ink);padding:var(--space-5);max-width:420px;width:calc(100% - var(--space-6))}.dlg::backdrop{background:#00000059}.dlg-title{margin-bottom:var(--space-3);font-size:15px;font-weight:500}.dlg-body{gap:var(--space-2);color:var(--dim);flex-direction:column;font-size:13px;display:flex}.dlg-foot{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field-label{color:var(--dim);font-size:12px;font-weight:500}.field-msg{color:var(--faint);font-size:11.5px}.field-msg-error{color:var(--danger)}.inp{width:100%;font:inherit;padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-size:13px;transition:border-color .12s,background-color .12s}.inp:hover:not(:disabled):not([readonly]){border-color:var(--ink)}.inp:disabled,.inp[readonly]{background:var(--sunken);color:var(--dim)}.inp-mono{font-family:var(--mono);font-size:12.5px}.inp-invalid{border-color:var(--danger)}.hdr{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border);background:var(--paper);display:flex}.hdr-mark{color:var(--ink);font-weight:500;text-decoration:none}.hdr-slot{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.hdr-link{color:var(--dim);font-size:13px;text-decoration:none}.hdr-link:hover{color:var(--ink);text-decoration:underline}.empty{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center;flex-direction:column;display:flex}.empty-title{font-size:15px;font-weight:500}.empty-body{color:var(--dim);max-width:44ch;font-size:13px}.empty-action{margin-top:var(--space-2)}.sel{width:100%;font:inherit;padding:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-size:13px;transition:border-color .12s}.sel:hover{border-color:var(--ink)}.sel-invalid{border-color:var(--danger)}.nc-utm{border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--space-3);margin:0 0 var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.nc-utm-legend{padding:0 var(--space-2);color:var(--ink);font-size:12px;font-weight:500}.nc-utm-note{color:var(--dim);margin:0;font-size:11.5px}.nc-utm-row{align-items:center;gap:var(--space-2);grid-template-columns:92px minmax(0,1fr) auto;display:grid}.nc-utm-key{color:var(--dim);font-size:12.5px}.nc-utm-keyinput{font-size:12px}.nc-preview{font-family:var(--mono);word-break:break-all;padding:var(--space-2);background:var(--sunken);border-radius:var(--r-sm);color:var(--ink);margin:0;font-size:11.5px}.nc-preview-empty{color:var(--faint);font-family:inherit}.cl{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}.cl-title{color:var(--dim);font-size:13px}.cl-main{width:100%;max-width:720px;padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;margin:0 auto;display:flex}.cl-bar{align-items:center;gap:var(--space-3);display:flex}.cl-check{align-items:center;gap:var(--space-2);color:var(--dim);cursor:pointer;margin-right:auto;font-size:12.5px;display:flex}.cl-loading{min-height:120px}.cl-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cl-item{background:var(--paper);border:1px solid var(--border);border-radius:var(--r);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.cl-item-archived{opacity:.6}.cl-head{align-items:center;gap:var(--space-2);display:flex}.cl-name{font-size:14px;font-weight:500}.cl-dot{border:1px solid var(--border-strong);border-radius:3px;width:12px;height:12px}.cl-spacer{flex:1}.cl-none{color:var(--faint);font-size:12.5px}.cl-projects{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.cl-proj{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--r-sm);font-size:13px;display:flex}.cl-proj:hover{background:var(--sunken)}.cl-proj-name{flex:1}.cl-colour{align-items:center;gap:var(--space-2);display:flex}.cl-swatch{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--paper);cursor:pointer;flex:none;width:30px;height:30px;padding:0}.cl-swatch-unset{background-image:linear-gradient(45deg, transparent 45%, var(--border-strong) 45%, var(--border-strong) 55%, transparent 55%)}.qr-preview{place-items:center;display:grid}.qr-preview svg{width:100%;height:auto;display:block}.ep{gap:var(--space-3);padding:var(--space-4);background:var(--surface);flex-direction:column;display:flex}.ep-stage{border:1px solid var(--border);padding:var(--space-5);border-radius:12px;place-items:center;display:grid}.ep-preview svg{max-width:200px}.ep-link{align-items:center;gap:var(--space-2);background:var(--paper);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--space-1) var(--space-2);display:flex}.ep-link-url{font-family:var(--mono);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.ep-blocked{color:var(--danger);background:var(--danger-bg);border-radius:var(--r-sm);padding:var(--space-2);font-size:12px}.ep-actions{gap:var(--space-2);display:flex}.ep-actions .btn{flex:1}.ep-sizes{gap:var(--space-1);display:flex}.ep-size{font:inherit;padding:var(--space-1) 0;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--paper);color:var(--dim);cursor:pointer;font-variant-numeric:tabular-nums;flex:1;font-size:12px;transition:background-color .12s,border-color .12s,color .12s}.ep-size:hover{border-color:var(--ink);color:var(--ink)}.ep-size-on,.ep-size-on:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ep-custom{padding:var(--space-1) var(--space-2);flex:1.2;font-size:12px}.ep-check{align-items:center;gap:var(--space-2);color:var(--dim);cursor:pointer;font-size:12.5px;display:flex}.ep-filename{font-family:var(--mono);color:var(--faint);word-break:break-all;font-size:11px}.sf{gap:var(--space-4);padding:var(--space-4);border-right:1px solid var(--border);background:var(--paper);flex-direction:column;display:flex}.sf-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.sf-colour{align-items:center;gap:var(--space-2);display:flex}.sf-swatch{border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--paper);cursor:pointer;flex:none;width:30px;height:30px;padding:0}.sf-gate{gap:var(--space-3);background:var(--sunken);border-radius:var(--r-sm);padding:var(--space-2) var(--space-3);align-items:flex-start;display:flex}.sf-gate-blocked{background:var(--danger-bg)}.sf-ratio{font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none;font-size:12px;font-weight:500}.sf-gate-blocked .sf-ratio,.sf-gate-blocked .sf-gate-msg{color:var(--danger)}.sf-gate-msg{color:var(--dim);font-size:12px}.sf-mode{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);display:flex}.sf-mode-note{color:var(--faint);font-size:12px}@media (width<=820px){.sf{border-right:0;border-bottom:1px solid var(--border)}}.ed{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}.ed-back{color:var(--dim);font-size:13px;text-decoration:none}.ed-back:hover{color:var(--ink)}.ed-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.ed-loading{justify-content:center;align-items:center;gap:var(--space-3);color:var(--dim);flex:1;font-size:13px;display:flex}.ed-spinner{border:2px solid var(--border-strong);border-top-color:var(--ink);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite ed-spin}@media (prefers-reduced-motion:reduce){.ed-spinner{animation-duration:2.4s}}@keyframes ed-spin{to{transform:rotate(360deg)}}.ed-split{flex:1;grid-template-columns:minmax(0,1fr) 320px;display:grid}.ed-foot{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-top:1px solid var(--border);background:var(--paper);display:flex}.ed-dirty,.ed-clean{color:var(--dim);align-items:center;gap:var(--space-2);font-size:12.5px;display:flex}.ed-clean{color:var(--faint)}.ed-dot{background:var(--ink);border-radius:50%;width:6px;height:6px}.ed-error{color:var(--danger);font-size:12.5px}.ed-spacer{flex:1}.dlg-mono{font-family:var(--mono);word-break:break-all;font-size:11.5px}@media (width<=820px){.ed-split{grid-template-columns:1fr}}.card{background:var(--paper);border:1px solid var(--border);color:inherit;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .12s;display:flex;overflow:hidden}.card:hover{border-color:var(--border-strong)}.card-archived{opacity:.55}.card-qr{padding:var(--space-4);border-bottom:1px solid var(--border)}.card-qr .qr-preview svg{max-width:104px;margin:0 auto}.card-body{gap:var(--space-1);padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;display:flex}.card-top{align-items:center;gap:var(--space-2);display:flex}.card-name{text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:13.5px;font-weight:500;overflow:hidden}.card-dest{font-family:var(--mono);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.card-meta{color:var(--faint);font-variant-numeric:tabular-nums;font-size:11.5px}.side{padding:var(--space-3) var(--space-2);border-right:1px solid var(--border);background:var(--paper);flex-direction:column;gap:2px;display:flex}.side-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--faint);padding:var(--space-2) var(--space-2) var(--space-1);font-size:11px;font-weight:500}.side-group{flex-direction:column;gap:2px;display:flex}.row{align-items:center;gap:var(--space-2);width:100%;font:inherit;text-align:left;padding:var(--space-1) var(--space-2);border-radius:var(--r-sm);min-height:28px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;font-size:13px;transition:background-color .12s,color .12s;display:flex}.row:hover{background:var(--sunken)}.row-on,.row-on:hover{background:var(--ink);color:var(--paper)}.row-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.row-n{color:var(--dim);font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.row-on .row-n{color:var(--paper)}.row-sub{padding-left:var(--space-5);color:var(--dim);font-size:12.5px}.row-sub:hover{color:var(--ink)}.row-dim{opacity:.6}.side-toggle{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.side-check{align-items:center;gap:var(--space-2);color:var(--dim);cursor:pointer;font-size:12.5px;display:flex}.lib{background:var(--surface);flex-direction:column;min-height:100vh;display:flex}.lib-search{max-width:280px}.lib-split{flex:1;grid-template-columns:216px minmax(0,1fr);display:grid}.lib-main{padding:var(--space-4)}.lib-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(198px,1fr));display:grid}.lib-loading{min-height:200px}@media (width<=820px){.lib-split{grid-template-columns:1fr}}.login{min-height:100vh;padding:var(--space-4);place-items:center;display:grid}.login-card{gap:var(--space-4);background:var(--paper);border:1px solid var(--border);border-radius:var(--r);width:100%;max-width:300px;padding:var(--space-5);flex-direction:column;display:flex}.login-title{font-size:16px;font-weight:500}.booting{background:var(--surface);min-height:100vh}.placeholder{min-height:100vh;color:var(--dim);place-items:center;display:grid}:root{--paper:#fff;--surface:#fafaf9;--sunken:#f4f3f1;--border:#e7e5e3;--border-strong:#d2cfcb;--ink:#111110;--dim:#6b6a67;--faint:#9a9895;--danger:#8a1c1c;--danger-bg:#fbf1f1;--r:10px;--r-sm:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--sans:system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#121211;--surface:#1a1a19;--sunken:#202020;--border:#2e2d2b;--border-strong:#403f3c;--ink:#f2f1ef;--dim:#9a9895;--faint:#6b6a67;--danger:#e88b8b;--danger-bg:#2a1717}}:root[data-theme=dark]{--paper:#121211;--surface:#1a1a19;--sunken:#202020;--border:#2e2d2b;--border-strong:#403f3c;--ink:#f2f1ef;--dim:#9a9895;--faint:#6b6a67;--danger:#e88b8b;--danger-bg:#2a1717}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--surface);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}:where(h1,h2,h3,h4,p,figure){margin:0}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}