:root{--brand:#f4791f;--brand-dark:#e0540e;--brand-soft:#ffe9d4;--ink:#2b2a30;--ink-soft:#56535e;--muted:#918e99;--bg:#fff8f0;--bg-glow:#fff1df;--surface:#fff;--border:#f1e4d3;--cream:#fdf3df;--danger:#d6492f;--ok-bg:#e7f6ec;--ok-fg:#1f7a44;--warn-bg:#fdeccd;--warn-fg:#9a5b12;--off-bg:#fce4df;--off-fg:#b23b25;--radius:14px;--shadow:0 1px 2px #2b2a300a, 0 8px 24px #e0540e0f;--font:"Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg);background-image:radial-gradient(1100px 380px at 50% -140px, var(--bg-glow) 0%, var(--bg) 62%);color:var(--ink);font-family:var(--font);background-attachment:fixed;margin:0}a{color:var(--brand-dark);text-decoration:none}a:hover{text-decoration:underline}h1{letter-spacing:-.01em;margin:0;font-size:1.5rem}h2{margin:0 0 1rem;font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.8rem}.appbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;position:sticky;top:0;box-shadow:0 1px #2b2a3008,0 8px 22px #e0540e0d}.appbar-inner{align-items:center;gap:.7rem;width:100%;max-width:1200px;margin:0 auto;padding:.65rem 1.25rem;display:flex}.appbar .mark{border-radius:11px;width:40px;height:40px;display:block;box-shadow:0 1px 3px #2b2a301f}.appbar .wordmark{letter-spacing:-.02em;white-space:nowrap;font-size:1.4rem;font-weight:800;line-height:1;display:inline-flex}.appbar .wordmark .wm-qr{color:var(--brand)}.appbar .wordmark .wm-rest{color:var(--ink)}.appbar .tagline{border-left:1px solid var(--border);color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-left:.5rem;padding-left:.8rem;font-size:.66rem;font-weight:700}@media (max-width:560px){.appbar .tagline{display:none}}.error{color:#b23b25;background:#fdece8;border:1px solid #f3b4a6;border-radius:10px;margin:0 0 1rem;padding:.6rem .8rem}.page{max-width:1200px;margin:0 auto;padding:1.75rem 1.25rem 4rem}.table-wrap{overflow-x:auto}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.stats{gap:1rem;margin-bottom:1.5rem;display:flex}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;flex:1;gap:.25rem;padding:1rem 1.25rem;display:flex}.stat-value{color:var(--brand-dark);font-size:1.75rem;font-weight:800}.stat-label{color:var(--muted);font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem;padding:1.4rem}.create-form{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.field{flex-direction:column;gap:.35rem;margin-bottom:.9rem;display:flex}.field.grow{flex:1;min-width:240px}label{color:var(--ink-soft);font-size:.85rem;font-weight:600}input,select,textarea{background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:10px;outline:none;width:100%;padding:.6rem .7rem;font-family:inherit;font-size:.95rem}textarea{resize:vertical;min-height:84px}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}button{background:var(--brand);border:1px solid var(--brand);color:#fff;cursor:pointer;border-radius:10px;padding:.55rem 1.05rem;font-family:inherit;font-size:.92rem;font-weight:700;transition:filter .12s,transform 20ms,background .12s,border-color .12s}button:hover{filter:brightness(1.05)}button:active{transform:translateY(1px)}.ghost,button.ghost{background:var(--surface);border:1px solid var(--border);color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:.35rem;padding:.5rem .9rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.ghost:hover,button.ghost:hover{background:var(--cream);border-color:var(--border);filter:none;text-decoration:none}.ghost:active,button.ghost:active{transform:translateY(1px)}.danger,button.danger{background:var(--surface);color:var(--danger);cursor:pointer;border:1px solid #f0b9ad;border-radius:10px;align-items:center;gap:.35rem;padding:.5rem .9rem;font-family:inherit;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .12s,border-color .12s;display:inline-flex}.danger:hover,button.danger:hover{filter:none;background:#fdece8;border-color:#e79e8d;text-decoration:none}button.small,.ghost.small,a.small,.danger.small{padding:.34rem .66rem;font-size:.8rem}.button{background:var(--brand);border:1px solid var(--brand);color:#fff;border-radius:10px;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:filter .12s;display:inline-flex}.button:hover{filter:brightness(1.05);text-decoration:none}.links{border-collapse:collapse;width:100%}.links th,.links td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:.7rem .5rem}.links th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.links th a{color:var(--muted)}.links tbody tr:hover td{background:#fffaf3}.links .num{text-align:right}.code{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.target{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:280px;overflow:hidden}img.qr{border:1px solid var(--border);background:#fff;border-radius:8px;width:52px;height:52px;padding:3px;display:block}.centered{justify-content:center;align-items:center;min-height:76vh;padding:1.25rem;display:flex}.login{flex-direction:column;gap:.6rem;width:340px;display:flex}.login h1{text-align:center;margin-bottom:0}.login p{text-align:center;margin-top:0}.login button{margin-top:.5rem}.field input:required,.field select:required,.field textarea:required{border-left:3px solid var(--brand)}.studio{grid-template-columns:210px 1fr;align-items:start;gap:1.25rem;display:grid}.type-rail{flex-direction:column;gap:.25rem;display:flex}.type-btn{background:var(--surface);color:var(--ink-soft);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:10px;align-items:center;gap:.6rem;width:100%;padding:.5rem .7rem;font-size:.9rem;font-weight:600;display:flex}.type-btn:hover{background:var(--cream)}.type-btn.selected{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.type-btn svg{flex-shrink:0}.studio-panel{grid-template-columns:1fr 240px;align-items:start;gap:1.25rem;display:grid}.studio-fields{min-width:0}.studio-preview{background:var(--cream);text-align:center;border-radius:12px;padding:.8rem;position:sticky;top:5rem}.preview-img{border:1px solid var(--border);image-rendering:auto;background:#fff;border-radius:12px;width:200px;height:200px;padding:8px}.studio-download{flex-wrap:wrap;justify-content:center;align-items:center;gap:.3rem;margin-top:.6rem;display:flex}.studio-download select{width:auto;padding:.25rem .4rem}.style-details{margin-top:.4rem}.style-details summary{color:var(--ink-soft);cursor:pointer;margin-bottom:.5rem;font-weight:600}.style-row{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:.75rem .9rem;display:flex}.style-row legend{color:var(--ink-soft);padding:0 .4rem;font-size:.85rem;font-weight:600}.style-row label{color:var(--ink-soft);align-items:center;gap:.35rem;display:inline-flex}.style-row select,.style-row input{width:auto}.style-row input[type=color]{width:44px;height:32px;padding:2px}.studio-save{margin-top:1rem}@media (max-width:900px){.studio{grid-template-columns:1fr}.type-rail{flex-flow:wrap}.type-btn{width:auto}}@media (max-width:640px){.studio-panel{grid-template-columns:1fr}.studio-preview{order:-1;position:static}}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.search{gap:.5rem;margin-bottom:1rem;display:flex}.search input{flex:1}.badge{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:700;display:inline-block}.badge.on{background:var(--ok-bg);color:var(--ok-fg)}.badge.off{background:var(--off-bg);color:var(--off-fg)}.badge.expired{background:var(--warn-bg);color:var(--warn-fg)}.row-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.checkbox{color:var(--ink-soft);align-items:center;gap:.4rem;display:flex}.checkbox input{width:auto}.pager{gap:.3rem;margin-top:1rem;display:flex}.pager a{border:1px solid var(--border);color:var(--ink-soft);border-radius:8px;padding:.25rem .65rem;text-decoration:none}.pager a:hover{background:var(--cream);text-decoration:none}.pager a.current{background:var(--brand);border-color:var(--brand);color:#fff}.dl{align-items:center;gap:.3rem;display:inline-flex}.dl select{width:auto;padding:.25rem .4rem}.login-logo{border-radius:50%;align-self:center;width:96px;height:96px;margin-bottom:.25rem}.bars{align-items:flex-end;gap:2px;height:120px;margin:.5rem 0;display:flex}.bar-col{flex:1;align-items:flex-end;height:100%;display:flex}.bar{background:var(--brand);border-radius:3px 3px 0 0;width:100%;min-height:2px}.splits{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.split-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.split-list li{grid-template-columns:1fr 80px auto;align-items:center;gap:.5rem;display:grid}.split-key{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.split-bar{background:var(--cream);border-radius:999px;height:8px;overflow:hidden}.split-bar span{background:var(--brand);height:100%;display:block}.split-count{color:var(--muted);font-variant-numeric:tabular-nums}.token-banner{background:var(--cream);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.4rem;margin-bottom:1rem;padding:.75rem .9rem;display:flex}.token{-webkit-user-select:all;user-select:all;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.ok{color:#05603a;background:#ecfdf3;border:1px solid #12b76a;border-radius:10px;margin-bottom:1rem;padding:.7rem .9rem}.style-controls{flex-direction:column;gap:.6rem;display:flex}.preset-row{flex-wrap:wrap;gap:.35rem;margin-bottom:.25rem;display:flex}.warn{background:var(--warn-bg);color:var(--warn-fg);border:1px solid #e8c07a;border-radius:10px;margin:0 0 .5rem;padding:.6rem .8rem}.style-advanced summary{color:var(--ink-soft);cursor:pointer;margin-bottom:.4rem;font-size:.85rem;font-weight:600}.menu{display:inline-flex;position:relative}.menu-panel{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:12px;flex-direction:column;gap:2px;min-width:172px;padding:6px;display:flex;box-shadow:0 12px 34px #2b2a302e}.menu-panel form{margin:0}.menu-item{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;padding:.5rem .6rem;font-size:.88rem;font-weight:600;text-decoration:none;display:block}.menu-item:hover{background:var(--cream);filter:none;text-decoration:none}.menu-item.danger-item{color:var(--danger)}.menu-item.danger-item:hover{background:var(--off-bg)}.menu-field{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .6rem;font-size:.82rem;font-weight:600;display:flex}.menu-field select{width:auto}.empty{text-align:center;flex-direction:column;align-items:center;gap:.4rem;padding:2.75rem 1rem;display:flex}.empty-mark{font-size:2.6rem;line-height:1}.empty-title{margin:0;font-size:1.1rem;font-weight:700}.empty .button{margin-top:.6rem}.theme-toggle{justify-content:center;align-items:center;margin-left:auto;padding:.4rem .5rem}@media (max-width:760px){.links thead{display:none}.links,.links tbody{display:block}.links tr{border:1px solid var(--border);border-radius:12px;margin-bottom:.75rem;padding:.35rem .5rem;display:block}.links td{text-align:right;border:0;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem .5rem;display:flex}.links td:before{color:var(--muted);content:attr(data-label);letter-spacing:.03em;text-align:left;text-transform:uppercase;font-size:.72rem;font-weight:700}.links td.row-actions{flex-wrap:wrap;justify-content:flex-start}.links td.row-actions:before{width:100%}}[data-theme=dark]{--brand:#ff8a3d;--brand-dark:#ffab6e;--brand-soft:#3a2616;--ink:#f1edf6;--ink-soft:#c3bdce;--muted:#8f8a99;--bg:#15131b;--bg-glow:#241a12;--surface:#211e29;--border:#322e3b;--cream:#2a2633;--danger:#ff7059;--ok-bg:#16301f;--ok-fg:#7fdca0;--warn-bg:#382a12;--warn-fg:#e6b566;--off-bg:#3a1f1a;--off-fg:#f0a08f;--shadow:0 1px 2px #00000059, 0 10px 28px #0006}[data-theme=dark] .error{color:#f3a596;background:#3a1f1a;border-color:#5a2e26}[data-theme=dark] .ok{color:#84dca3;background:#16301f;border-color:#2c5a3e}[data-theme=dark] .warn{color:#e6b566;background:#382a12;border-color:#58441f}[data-theme=dark] .links tbody tr:hover td{background:#26222f}[data-theme=dark] .danger,[data-theme=dark] button.danger{border-color:#5a2e26}[data-theme=dark] .danger:hover,[data-theme=dark] button.danger:hover{background:#3a1f1a;border-color:#6e3a31}[data-theme=dark] .menu-panel{box-shadow:0 14px 34px #0000008c}[data-theme=dark] .appbar{box-shadow:0 1px #0000004d,0 8px 22px #00000059}.site-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin-top:48px;padding:16px 24px;font-size:.8rem}.site-footer a{color:var(--muted);text-decoration:underline}.site-footer a:hover{color:var(--brand)}