:root{--bg:#f1f5f9;--bg-glow-a:#ea580c1f;--bg-glow-b:#f59e0b14;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='1.5' cy='1.5' r='1.1' fill='%23EA580C' fill-opacity='.10'/%3E%3C/svg%3E");--surface:#fff;--surface-glass:#ffffffc2;--sunk:#eef2f6;--raised:#f8fafc;--ink:#0f172a;--ink-2:#334155;--muted:#64748b;--faint:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:#ea580c;--accent-hover:#c2410c;--accent-ink:#fff;--accent-soft:#ea580c14;--accent-line:#ea580c52;--focus:#ea580c42;--gold:#b45309;--gold-soft:#b453091a;--ok:#067647;--ok-soft:#ecfdf3;--warn:#b54708;--warn-soft:#fff6e6;--danger:#c4321f;--danger-soft:#fef3f2;--scrim:#0f172a66;--shadow-sm:0 1px 2px #0f172a0f;--shadow-card:0 1px 2px #0f172a0d, 0 8px 24px -16px #0f172a2e;--shadow:0 24px 56px -18px #0f172a4d, 0 6px 14px -6px #0f172a1a;--side-bg:#ffffffd1;--side-raised:#f1f5f9;--side-ink:#1e293b;--side-ink-strong:#0f172a;--side-muted:#64748b;--side-line:#e2e8f0;--side-hover:#ea580c0f;--side-active:#ea580c1a;--side-active-ink:#9a3412;--side-accent:#ea580c;--side-tag:#ea580c1a;--side-field:#0f172a0a;--side-glow:#ea580c0f;--hero-bg:#0f172a;--hero-glow-a:#f9731661;--hero-glow-b:#f59e0b33;--hero-ink:#fff;--hero-ink-2:#cbd5e1;--hero-accent:#fdba74;--hero-art:#fb923c;--font-ui:"Inter", "Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius:14px;--radius-sm:9px;--sidebar-w:260px;--sidebar-w-collapsed:72px;--topbar-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1120;--bg-glow-a:#f9731629;--bg-glow-b:#f59e0b12;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='1.5' cy='1.5' r='1.1' fill='%23FFFFFF' fill-opacity='.06'/%3E%3C/svg%3E");--surface:#111b2e;--surface-glass:#111b2ec2;--sunk:#0a1120;--raised:#16213a;--ink:#f1f5f9;--ink-2:#cbd5e1;--muted:#94a3b8;--faint:#64748b;--line:#1e2a40;--line-strong:#2b3852;--accent:#fb923c;--accent-hover:#fdba74;--accent-ink:#1c0a00;--accent-soft:#fb923c21;--accent-line:#fb923c66;--focus:#fb923c59;--gold:#f2c46d;--gold-soft:#f2c46d21;--ok:#5cc28e;--ok-soft:#5cc28e1f;--warn:#e6b35a;--warn-soft:#e6b35a1f;--danger:#f08c78;--danger-soft:#f08c781f;--scrim:#0206179e;--shadow-sm:0 1px 2px #0006;--shadow-card:inset 0 1px 0 #ffffff09, 0 12px 32px -20px #000000e6;--shadow:0 24px 60px -16px #000c, 0 6px 14px -6px #00000080;--side-bg:#0b1120e0;--side-raised:#15203a;--side-ink:#e2e8f0;--side-ink-strong:#fff;--side-muted:#94a3b8;--side-line:#ffffff12;--side-hover:#ffffff0d;--side-active:#fb923c26;--side-active-ink:#fff;--side-accent:#fdba74;--side-tag:#fdba7424;--side-field:#ffffff0d;--side-glow:#fb923c14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1120;--bg-glow-a:#f9731629;--bg-glow-b:#f59e0b12;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='1.5' cy='1.5' r='1.1' fill='%23FFFFFF' fill-opacity='.06'/%3E%3C/svg%3E");--surface:#111b2e;--surface-glass:#111b2ec2;--sunk:#0a1120;--raised:#16213a;--ink:#f1f5f9;--ink-2:#cbd5e1;--muted:#94a3b8;--faint:#64748b;--line:#1e2a40;--line-strong:#2b3852;--accent:#fb923c;--accent-hover:#fdba74;--accent-ink:#1c0a00;--accent-soft:#fb923c21;--accent-line:#fb923c66;--focus:#fb923c59;--gold:#f2c46d;--gold-soft:#f2c46d21;--ok:#5cc28e;--ok-soft:#5cc28e1f;--warn:#e6b35a;--warn-soft:#e6b35a1f;--danger:#f08c78;--danger-soft:#f08c781f;--scrim:#0206179e;--shadow-sm:0 1px 2px #0006;--shadow-card:inset 0 1px 0 #ffffff09, 0 12px 32px -20px #000000e6;--shadow:0 24px 60px -16px #000c, 0 6px 14px -6px #00000080;--side-bg:#0b1120e0;--side-raised:#15203a;--side-ink:#e2e8f0;--side-ink-strong:#fff;--side-muted:#94a3b8;--side-line:#ffffff12;--side-hover:#ffffff0d;--side-active:#fb923c26;--side-active-ink:#fff;--side-accent:#fdba74;--side-tag:#fdba7424;--side-field:#ffffff0d;--side-glow:#fb923c14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font:400 14.5px/1.55 var(--font-ui);font-feature-settings:"cv11", "ss01";-webkit-font-smoothing:antialiased}h1,h2,h3,h4{text-wrap:balance;color:var(--ink);margin:0;line-height:1.25}h1{letter-spacing:-.018em;font-size:1.5rem;font-weight:650}h2{letter-spacing:-.01em;font-size:1.06rem;font-weight:620}h3{font-size:.95rem;font-weight:620}p{margin:0}a{color:var(--accent)}code,.mono{font-family:var(--font-mono);font-size:.86em}code{background:var(--sunk);border-radius:4px;padding:1px 5px}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:.85rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:600}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.shell{isolation:isolate;min-height:100vh;display:flex;position:relative}.sidebar{height:100vh;width:var(--sidebar-w);z-index:40;background:var(--side-bg);color:var(--side-ink);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);border-right:1px solid var(--side-line);flex-direction:column;flex:none;transition:width .2s;display:flex;position:sticky;top:0}.sidebar.is-collapsed{width:var(--sidebar-w-collapsed)}.sidebar a{color:inherit}.sidebar-head{justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:16px 14px 12px 16px;display:flex}.sidebar.is-collapsed .sidebar-head{justify-content:center;padding-inline:8px}.sidebar-brand{min-width:0;text-decoration:none;display:flex}.sidebar .brandmark.is-inverse .brandmark-text strong{color:var(--side-ink-strong)}.sidebar .brandmark.is-inverse .brandmark-text small{color:var(--side-muted)}.sidebar .brandmark-initials{background:var(--side-active);color:var(--side-active-ink)}.sidebar-add-logo{border:1px dashed var(--side-line);border-radius:999px;flex:none;align-items:center;gap:5px;padding:3px 9px;font-size:.74rem;text-decoration:none;display:inline-flex;color:var(--side-muted)!important}.sidebar-add-logo:hover{border-color:var(--side-accent);color:var(--side-ink)!important}.sidebar .sidebar-close{display:none}.brandmark{align-items:center;gap:10px;min-width:0;display:inline-flex}.brandmark-logo{object-fit:cover;border-radius:50%;flex:none}.brandmark-text{min-width:0;line-height:1.2;display:grid}.brandmark-text strong{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.98rem;font-weight:650;overflow:hidden}.brandmark-text small{color:var(--muted);font-size:.76rem}.brandmark.is-inverse .brandmark-text strong{color:#fff}.brandmark.is-inverse .brandmark-text small{color:var(--side-muted)}.brandmark-initials{color:#fff;letter-spacing:.02em;background:#ffffff1a;border-radius:8px;place-items:center;font-size:.78rem;font-weight:700;display:grid}.nav-search{align-items:center;margin:0 12px 6px;display:flex;position:relative}.nav-search>svg{color:var(--side-muted);pointer-events:none;position:absolute;left:10px}.nav-search input{background:var(--side-field);width:100%;color:var(--side-ink);border:1px solid #0000;border-radius:10px;padding:7px 34px 7px 32px;font-size:.86rem;transition:border-color .15s,background .15s}.nav-search input::placeholder{color:var(--side-muted)}.nav-search input:focus{border-color:var(--side-accent);background:var(--side-raised);outline:none}.nav-search kbd{border:1px solid var(--side-line);color:var(--side-muted);font:500 .72rem var(--font-mono);pointer-events:none;border-radius:5px;padding:0 6px;line-height:18px;position:absolute;right:8px}.nav-search-clear{width:22px;height:22px;color:var(--side-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;display:inline-grid;position:absolute;right:6px}.nav-search-clear:hover{background:var(--side-hover);color:var(--side-ink)}.nav-empty{color:var(--side-muted);padding:10px 12px;font-size:.84rem}.sidebar-nav{scrollbar-width:thin;flex:1;align-content:start;gap:8px;padding:6px 12px 14px;display:grid;overflow-y:auto}.sidebar.is-collapsed .sidebar-nav{gap:2px;padding-inline:10px}.nav-group{gap:1px;display:grid}.nav-group-name{letter-spacing:.09em;text-transform:uppercase;width:100%;color:var(--side-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px 5px;font-size:.68rem;font-weight:650;display:flex}.nav-group-name:hover{color:var(--side-ink)}.nav-group-name svg{opacity:.7;transition:transform .18s}.nav-group.is-closed .nav-group-name svg{transform:rotate(-90deg)}.nav-group-items{gap:1px;display:grid}.nav-group.is-closed .nav-group-items{display:none}.nav-group-count{font:500 .66rem var(--font-mono);letter-spacing:0;opacity:.8;margin-left:auto;margin-right:4px}.nav-group-rule{background:var(--side-line);height:1px;margin:6px 8px;display:block}.nav-link{border-radius:9px;align-items:center;gap:11px;padding:7px 10px;font-size:.89rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative;color:var(--side-ink)!important}.nav-link svg{color:var(--side-muted);flex:none;transition:color .12s}.nav-link:hover{background:var(--side-hover);color:var(--side-ink-strong)!important}.nav-link:hover svg{color:var(--side-ink)}.nav-link.is-active{background:var(--side-active);font-weight:600;color:var(--side-active-ink)!important}.nav-link.is-active:before{content:"";background:var(--side-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:-12px}.nav-link.is-active svg{color:var(--side-accent)}.sidebar.is-collapsed .nav-link{justify-content:center;padding:9px}.sidebar.is-collapsed .nav-link.is-active:before{left:-10px}.nav-link mark{color:var(--side-accent);background:0 0;font-weight:700}.nav-tag{letter-spacing:.05em;text-transform:uppercase;background:var(--side-tag);color:var(--side-accent);border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.62rem;font-weight:650}.nav-badge{background:var(--gold);color:#fff;min-width:20px;font:700 .7rem/18px var(--font-ui);text-align:center;border-radius:999px;margin-left:auto;padding:0 6px}.sidebar.is-collapsed .nav-badge{min-width:8px;height:8px;padding:0;font-size:0;position:absolute;top:3px;right:4px}.sidebar-foot{border-top:1px solid var(--side-line);align-items:center;gap:6px;padding:10px 12px;display:flex}.sidebar.is-collapsed .sidebar-foot{flex-direction:column;padding-inline:8px}.user-menu{flex:1;min-width:0;position:relative}.user-btn{width:100%;color:var(--side-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;display:flex}.user-btn:hover{background:var(--side-hover)}.sidebar.is-collapsed .user-btn{justify-content:center;padding:4px}.user-btn>svg{color:var(--side-muted);flex:none}.user-text{flex:1;min-width:0;line-height:1.25;display:grid}.user-text strong{color:var(--side-ink-strong);white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.user-text small{color:var(--side-muted);font-size:.74rem}.collapse-btn{width:30px;height:30px;color:var(--side-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;display:inline-grid}.collapse-btn:hover{background:var(--side-hover);color:var(--side-ink)}.user-pop{width:272px;bottom:calc(100% + 8px);left:0}.avatar{object-fit:cover;border-radius:50%;flex:none}.avatar-initials{letter-spacing:.02em;background:var(--accent);color:#fff;place-items:center;font-size:.74rem;font-weight:700;display:inline-grid}.popover{z-index:70;background:var(--surface);min-width:220px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;gap:1px;padding:6px;animation:.12s ease-out pop-in;display:grid;position:absolute}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.popover-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:6px 8px 4px;font-size:.7rem;font-weight:600}.popover-item{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;text-decoration:none;display:flex;color:var(--ink)!important}.popover-item:hover{background:var(--sunk)}.popover-item.is-current{background:var(--accent-soft)}.popover-item>svg{color:var(--accent);flex:none}.popover-item.is-danger strong,.popover-item.is-danger .popover-icon{color:var(--danger)}.popover-item-text{flex:1;min-width:0;line-height:1.25;display:grid}.popover-item-text strong{font-size:.88rem;font-weight:550}.popover-item-text small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.popover-icon{background:var(--sunk);width:26px;height:26px;color:var(--ink-2);border-radius:7px;flex:none;place-items:center;display:inline-grid}.popover-sep{background:var(--line);height:1px;margin:4px 2px}.popover-row{justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;font-size:.88rem;display:flex}.user-pop-head{align-items:center;gap:10px;padding:8px;display:flex}.user-pop-head span{min-width:0;line-height:1.3;display:grid}.user-pop-head strong{font-size:.9rem}.user-pop-head small{color:var(--muted);text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.segmented{background:var(--sunk);border:1px solid var(--line);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:5px 11px;font-size:.84rem;font-weight:550;display:inline-flex}.segmented button:hover{color:var(--ink)}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.segmented-sm button{padding:4px 8px}.sidebar-scrim{display:none}.main-col{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:20;min-height:var(--topbar-h);background:var(--surface-glass);-webkit-backdrop-filter:saturate(1.5)blur(14px);backdrop-filter:saturate(1.5)blur(14px);border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:8px 28px;display:flex;position:sticky;top:0}.topbar .menu-btn{display:inline-flex}.crumbs{min-width:0;color:var(--muted);flex:1;align-items:center;gap:6px;font-size:.88rem;display:flex}.crumbs svg{color:var(--faint);flex:none}.crumbs strong{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.crumbs span{white-space:nowrap}.crumb-app{color:var(--ink-2);font-weight:550}.topbar-status{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.content{padding-block:28px 72px;padding-left:max(28px, env(safe-area-inset-left,0px));padding-right:max(28px, env(safe-area-inset-right,0px));grid-template-columns:minmax(0,1fr);align-content:start;gap:22px;width:100%;max-width:1200px;margin:0 auto;display:grid}.content-full{gap:0;max-width:none;margin:0;padding:0}.demo-banner{background:var(--gold-soft);color:var(--ink);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;gap:8px;padding:7px 24px;font-size:.84rem;display:flex}.demo-banner svg,.demo-banner strong{color:var(--gold)}@media (max-width:900px){.sidebar,.sidebar.is-collapsed{visibility:hidden;width:min(304px,86vw);height:100dvh;box-shadow:var(--shadow);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0 18px 18px 0;transition:transform .26s cubic-bezier(.22,1,.36,1),visibility 0s linear .26s;position:fixed;top:0;bottom:0;left:0;transform:translate(-104%)}.sidebar.is-open{visibility:visible;transition:transform .26s cubic-bezier(.22,1,.36,1);transform:none}.sidebar .sidebar-close{color:var(--side-muted);display:inline-flex}.sidebar-scrim{z-index:30;background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;animation:.2s ease-out fade-in;display:block;position:fixed;inset:0}.collapse-btn,.nav-search kbd{display:none}.nav-link{padding-block:9px}.topbar{flex-wrap:wrap;row-gap:6px;padding:8px 16px}.topbar-status{flex-basis:100%;justify-content:flex-start}.topbar-status .pill{white-space:normal}.content{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));padding-top:20px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-header-text{gap:6px;max-width:72ch;display:grid}.page-header-text p{color:var(--muted)}.page-header-actions{flex-wrap:wrap;gap:8px;display:flex}.btn{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:.88rem;font-weight:600;line-height:1.3;text-decoration:none;transition:background .12s,border-color .12s,box-shadow .12s;display:inline-flex}.btn:hover:not(:disabled){background:var(--sunk)}.btn:focus-visible{box-shadow:0 0 0 3px var(--focus);outline:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 1px 2px #00000014, 0 6px 14px -8px var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--ink-2);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--sunk)}.btn-danger{border-color:var(--danger);color:var(--danger);box-shadow:none;background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft)}.btn-sm{padding:5px 10px;font-size:.82rem}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){background:var(--sunk);color:var(--ink)}.icon-btn:disabled{opacity:.35;cursor:default}.field{gap:6px;min-width:0;display:grid}.field label{color:var(--ink-2);font-size:.82rem;font-weight:600}.field small{color:var(--muted);font-size:.79rem}.field input[type=text],.field input[type=search],.field input[type=number],.field input[type=date],.field input[type=time],.field input[type=url],.field input[type=email],.field input[type=password],.field select,.field textarea,.search-box input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);padding:8px 11px;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus,.field textarea:focus,.search-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.field textarea{resize:vertical}.num-row{align-items:center;gap:8px;display:flex}.num-row input{max-width:110px}.num-inline{border:1px solid var(--line-strong);background:var(--surface);width:4.2em;font:500 .9rem var(--font-mono);text-align:center;border-radius:6px;margin:0 4px;padding:2px 6px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.switch{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:var(--line-strong);border-radius:999px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.switch-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.switch input:checked+.switch-track{background:var(--accent)}.switch input:checked+.switch-track .switch-thumb{left:18px}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.switch.is-disabled{opacity:.5;cursor:not-allowed}.switch-label{font-size:.9rem}.check{cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:inline-flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-card)}.panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.panel-head p{color:var(--muted);font-size:.86rem}.panel-body{gap:16px;padding:18px;display:grid}.section-title{gap:4px;display:grid}.section-title p{color:var(--muted);max-width:70ch;font-size:.88rem}.pill{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-size:.76rem;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb, var(--ok) 18%, transparent)}.pill-warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb, var(--warn) 22%, transparent)}.pill-muted{background:var(--sunk);color:var(--muted);border-color:var(--line)}.pill-accent{background:var(--accent-soft);color:var(--accent)}.pill-danger{background:var(--danger-soft);color:var(--danger)}.error-note{background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);padding:10px 14px;font-size:.88rem}.info-note{background:var(--accent-soft);color:var(--ink);border-radius:var(--radius-sm);padding:10px 14px;font-size:.88rem}.loader{color:var(--muted);align-items:center;gap:10px;padding:24px 0;display:flex}.loader-full{justify-content:center;min-height:100vh}.loader-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite alternate pulse}@keyframes pulse{0%{opacity:.25}to{opacity:1}}.empty{text-align:center;color:var(--muted);justify-items:center;gap:8px;padding:44px 16px;display:grid}.empty strong{color:var(--ink)}.empty p{max-width:50ch}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:640px;font-size:.89rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 16px}.table th{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:var(--raised);font-size:.71rem;font-weight:600}.table thead tr:first-child th:first-child{border-top-left-radius:var(--radius)}.table thead tr:first-child th:last-child{border-top-right-radius:var(--radius)}.table tbody tr:last-child td{border-bottom:0}.table tbody tr.is-clickable{cursor:pointer}.table tbody tr.is-clickable:hover td{background:var(--raised)}.cell-title{font-weight:600}.link-btn{color:var(--ink);text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-weight:600;display:inline}.link-btn:hover{color:var(--accent);text-decoration:underline}.cell-sub{color:var(--muted);margin-top:2px;font-size:.8rem;display:block}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar .search-box{flex:260px}.search-box{align-items:center;display:flex;position:relative}.search-box svg{color:var(--muted);position:absolute;left:10px}.search-box input{padding-left:32px}.toolbar select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);padding:8px 10px}.drawer-root,.modal-root{z-index:60;position:fixed;inset:0}.drawer-backdrop{background:var(--scrim);cursor:default;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;animation:.2s ease-out fade-in;position:absolute;inset:0}.drawer{background:var(--surface);border:1px solid var(--line);width:min(560px,100% - 20px);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;animation:.28s cubic-bezier(.22,1,.36,1) drawer-in;display:flex;position:absolute;top:10px;bottom:10px;right:10px;overflow:hidden}.drawer-wide{width:min(760px,100% - 20px)}.drawer-xwide{width:min(1120px,100% - 20px)}@keyframes drawer-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.drawer-head{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 20px;display:flex}.drawer-head h2{font-size:1.08rem}.drawer-head .icon-btn{border:1px solid var(--line);background:var(--surface)}.drawer-body{flex:1;align-content:start;gap:16px;padding:20px;display:grid;overflow-y:auto}.drawer-foot{border-top:1px solid var(--line);background:var(--raised);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}.drawer-foot .spacer{flex:1}@media (max-width:640px){.drawer,.drawer-wide{border-radius:20px 20px 0 0;width:100%;max-height:94dvh;animation-name:sheet-in;inset:auto 0 0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.modal{background:var(--surface);width:min(480px,100% - 32px);max-height:80vh;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:18px;gap:14px;margin:10vh auto 0;padding:22px;animation:.22s cubic-bezier(.22,1,.36,1) modal-in;display:grid;position:relative;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.modal-body{color:var(--muted)}.modal-foot{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.ordered{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ordered-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);align-items:center;gap:10px;padding:8px 10px;display:flex}.ordered-num{font:500 .8rem var(--font-mono);color:var(--faint);text-align:right;flex:none;width:1.6em}.ordered-text{flex:1;min-width:0;display:grid}.ordered-title{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.ordered-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.ordered-actions{flex:none;align-items:center;gap:2px;display:flex}.picker{gap:8px;display:grid}.picker-results{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);max-height:280px;margin:0;padding:4px;list-style:none;display:grid;overflow-y:auto}.picker-results button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.picker-results button:hover{background:var(--sunk)}.picker-results span{min-width:0;display:grid}.picker-results small{color:var(--muted)}.toasts{right:max(16px, env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:80;gap:8px;display:grid;position:fixed}.toast{background:var(--ink);color:var(--bg);box-shadow:var(--shadow);border-radius:10px;max-width:380px;padding:11px 15px;font-size:.88rem}.toast-error{background:var(--danger);color:#fff}.toast{align-items:center;gap:14px;display:flex}.toast>span{flex:1}.toast-action{color:inherit;font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;flex:none;padding:2px 4px;font-weight:700;text-decoration:underline}.stat-row{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:inherit;box-shadow:var(--shadow-sm);gap:4px;padding:15px 17px;text-decoration:none;transition:border-color .12s,transform .12s;display:grid}.stat:hover{border-color:var(--accent-line)}.stat .label{color:var(--muted);font-size:.8rem;font-weight:500}.stat .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:650}.stat .sub{color:var(--muted);font-size:.79rem}.two-col{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:960px){.two-col{grid-template-columns:minmax(0,1fr)}}.history{margin:0;padding:0;list-style:none;display:grid}.history li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;font-size:.88rem;display:grid}.history li:last-child{border-bottom:0}.history .when{color:var(--muted);white-space:nowrap;font-size:.79rem}.history .by{color:var(--muted);grid-column:1/-1;font-size:.79rem}.callout{border-radius:var(--radius);border:1px solid var(--accent-line);background:var(--accent-soft);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 18px;display:flex}.callout-icon{background:var(--accent);width:40px;height:40px;color:var(--accent-ink);border-radius:10px;flex:none;place-items:center;display:inline-grid}.callout-text{flex:280px;gap:2px;display:grid}.callout-danger{border-color:color-mix(in srgb, var(--danger) 40%, transparent);background:var(--danger-soft)}.callout-text ul{gap:3px;margin:6px 0 0;padding-left:18px;display:grid}.field textarea.mono{font-family:var(--font-mono);white-space:pre;tab-size:2;font-size:.82rem;line-height:1.5;overflow:auto}.callout-text p{color:var(--muted);font-size:.88rem}.sticky-save{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:10;background:var(--surface-glass);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:saturate(1.5)blur(14px);backdrop-filter:saturate(1.5)blur(14px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex;position:sticky}.form-section{gap:12px;padding-top:6px;display:grid}.form-section+.form-section{border-top:1px solid var(--line);padding-top:16px}.inline-list{gap:8px;display:grid}.inline-item{align-items:flex-start;gap:8px;display:flex}.inline-item .field{flex:1}.auth{background:0 0;grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr);min-height:100vh;display:grid}.auth-brand{color:var(--hero-ink-2);border-right:1px solid var(--line);background:var(--hero-bg);flex-direction:column;justify-content:space-between;gap:32px;padding:40px 48px;display:flex;position:relative;overflow:hidden}.auth-brand .brandmark.is-inverse .brandmark-text strong{color:var(--hero-ink)}.auth-brand .brandmark.is-inverse .brandmark-text small{color:var(--hero-ink-2)}.auth-brand-body{z-index:1;gap:22px;max-width:460px;display:grid;position:relative}.auth-brand-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--hero-accent);font-size:.72rem;font-weight:600}.auth-brand h2{color:var(--hero-ink);letter-spacing:-.025em;font-size:clamp(1.6rem,2.4vw,2.15rem);font-weight:650;line-height:1.15}.auth-brand ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.auth-brand li{color:var(--hero-ink-2);align-items:flex-start;gap:12px;font-size:.93rem;display:flex}.auth-brand li svg{color:var(--hero-accent);flex:none;margin-top:2px}.auth-brand-top{z-index:1;position:relative}.auth-brand-art{opacity:.16;fill:none;width:520px;height:520px;stroke:var(--hero-art);stroke-width:1.4px;pointer-events:none;position:absolute;bottom:-120px;right:-120px}.auth-main{align-content:center;place-items:center;gap:18px;padding:40px 24px;display:grid}.auth-card{gap:20px;width:min(420px,100%);display:grid}.auth-card-brand{display:none}.auth-head{gap:6px;display:grid}.auth-head h1{letter-spacing:-.025em;font-size:1.65rem}.auth-head p{color:var(--muted);font-size:.93rem}.auth-google{border:1px solid var(--line-strong);background:var(--surface);width:100%;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 14px;font-size:.92rem;font-weight:600;transition:background .12s;display:inline-flex}.auth-google:hover:not(:disabled){background:var(--sunk)}.auth-google:disabled{opacity:.6;cursor:wait}.auth-divider{color:var(--faint);align-items:center;gap:12px;font-size:.78rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{gap:14px;display:grid}.auth-field{gap:6px;display:grid}.auth-field label{color:var(--ink-2);font-size:.84rem;font-weight:600}.auth-field small{color:var(--muted);font-size:.79rem}.auth-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.auth-input{border:1px solid var(--line-strong);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;transition:border-color .12s,box-shadow .12s;display:flex;position:relative}.auth-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.auth-input>svg{color:var(--faint);pointer-events:none;position:absolute;left:12px}.auth-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 12px 10px 38px;font-size:.94rem}.auth-eye{width:38px;height:38px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:inline-grid}.auth-eye:hover{color:var(--ink)}.auth-submit{border-radius:10px;width:100%;padding:10px 14px;font-size:.93rem}.auth-link{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.86rem;font-weight:600;display:inline-flex}.auth-link:hover{text-decoration:underline}.auth-link:disabled{opacity:.5;cursor:default}.auth-switch{text-align:center;color:var(--muted);font-size:.88rem}.auth-notice{border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:.86rem;display:flex}.auth-notice svg{flex:none;margin-top:2px}.auth-notice-error{background:var(--danger-soft);color:var(--danger)}.auth-notice-ok{background:var(--ok-soft);color:var(--ok)}.auth-demo{color:var(--muted);background:var(--gold-soft);border-radius:10px;padding:10px 12px;font-size:.82rem}.auth-demo strong{color:var(--gold)}.auth-foot{color:var(--faint);text-align:center;max-width:420px;font-size:.78rem}.auth-gate{gap:18px;display:grid}.auth-gate-icon{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;display:inline-grid}.auth-row-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.auth-uid{border:1px dashed var(--line-strong);background:var(--raised);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.auth-uid span{flex:1;gap:2px;min-width:0;display:grid}.auth-uid small{color:var(--muted);font-size:.76rem}.auth-uid code{overflow-wrap:anywhere;background:0 0;padding:0;font-size:.82rem}@media (max-width:880px){.auth{grid-template-columns:minmax(0,1fr)}.auth-brand{display:none}.auth-card-brand{display:flex}.auth-main{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}}.account{color:var(--ink);gap:14px;display:grid}.account-who span{gap:2px;display:grid}.account-who small{color:var(--muted)}.methods{border:1px solid var(--line);border-radius:var(--radius);margin:0;padding:0;list-style:none}.methods li{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.methods li:last-child{border-bottom:0}.methods li>svg{color:var(--ink-2);flex:none}.methods-text{flex:1;gap:1px;min-width:0;display:grid}.methods-text strong{font-size:.9rem}.methods-text small{color:var(--muted);font-size:.79rem}.logo-drop{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--raised);flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.logo-drop.is-over{border-color:var(--accent);background:var(--accent-soft)}.logo-preview{background:var(--side-bg);border-radius:14px;flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%}.logo-preview.is-empty{background:var(--sunk);color:var(--faint)}.logo-drop-text{flex:200px;gap:4px;display:grid}.logo-drop-text small{color:var(--muted)}.brand-previews{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.brand-preview{border-radius:var(--radius);border:1px solid var(--line);gap:8px;padding:14px;display:grid}.brand-preview-side{background:var(--side-bg);border-color:var(--side-line)}.brand-preview-label{letter-spacing:.08em;text-transform:uppercase;color:var(--faint);font-size:.7rem;font-weight:600}.import-list{color:var(--ink);gap:8px;margin:0;padding:0;list-style:none;display:grid}.import-list li{align-items:center;gap:10px;font-size:.9rem;display:flex}.import-list li svg{color:var(--accent);flex:none}.import-list li span:last-child{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.choice{gap:8px;display:grid}.choice label{border:1px solid var(--line);cursor:pointer;color:var(--ink);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.choice label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.choice input{accent-color:var(--accent);margin-top:3px}.choice span{gap:2px;display:grid}.choice small{color:var(--muted)}.request-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.request-row:last-child{border-bottom:0}.request-row .who{flex:220px;gap:1px;min-width:0;display:grid}.request-row .who small{color:var(--muted);font-size:.8rem}.request-row .actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.request-row select{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);padding:6px 8px}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:2px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:9px 13px;font-size:.88rem;font-weight:600;display:inline-flex;position:relative}.tab:hover{color:var(--ink)}.tab.is-active{color:var(--accent);border-bottom-color:var(--accent)}.tab-count{background:var(--sunk);min-width:20px;color:var(--muted);font:600 .7rem/18px var(--font-ui);text-align:center;border-radius:999px;padding:0 6px}.tab.is-active .tab-count{background:var(--accent-soft);color:var(--accent)}.cell-with-thumb{align-items:center;gap:12px;min-width:0;display:flex}.cell-with-thumb>span{min-width:0}.thumb{object-fit:cover;background:var(--sunk);border:1px solid var(--line);border-radius:10px;flex:none;width:40px;height:40px}.thumb.is-round{border-radius:50%}.thumb.is-contain{object-fit:contain;background:var(--surface);padding:4px}.thumb-text{color:#fff;letter-spacing:.02em;border:0;place-items:center;font-size:.78rem;font-weight:700;display:inline-grid}.status-cell{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.order-cell{white-space:nowrap;text-align:right;width:1%}.cell-clamp{-webkit-line-clamp:2;max-width:52ch;color:var(--ink-2);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cell-sub{text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:60ch;display:-webkit-box;overflow:hidden}.icon-chip{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:9px;place-items:center;display:inline-grid}.table tbody tr.is-unread td{background:color-mix(in srgb, var(--warn-soft) 55%, transparent)}.table tbody tr.is-unread .cell-title{font-weight:700}.pill-link{text-decoration:none}.pill-link:hover{filter:brightness(.96)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.form-cell{grid-column:1/-1;min-width:0}.form-cell.is-half{grid-column:auto}@media (max-width:640px){.form-cell.is-half{grid-column:1/-1}}.form-cell.is-heading:not(:first-child){border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.form-heading{gap:2px;display:grid}.form-heading h3{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:.8rem;font-weight:650}.form-heading p{color:var(--muted);font-size:.84rem}.field-switch{gap:4px}.field-switch small{padding-left:46px}.req{color:var(--danger)}.inline-item input[type=text]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);flex:1;min-width:0;padding:7px 10px}.inline-item input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.add-row{justify-self:start}.checks{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 14px;padding:10px 12px;display:grid}.color-input{align-items:center;gap:8px;display:flex}.color-input input[type=color]{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;flex:none;width:42px;height:38px;padding:2px}.color-input input[type=text]{font-family:var(--font-mono);flex:1}.image-input{border:1px dashed var(--line-strong);border-radius:var(--radius);background:var(--raised);flex-wrap:wrap;align-items:center;gap:14px;padding:12px;transition:border-color .12s,background .12s;display:flex}.image-input.is-over{border-color:var(--accent);background:var(--accent-soft)}.image-input-preview{background:var(--surface);border:1px solid var(--line);width:112px;height:72px;color:var(--faint);border-radius:10px;flex:none;place-items:center;display:grid;overflow:hidden}.image-input-preview img{object-fit:cover;width:100%;height:100%}.image-input-preview.is-contain img{object-fit:contain;padding:6px}.image-input-preview.is-round{border-radius:50%;width:72px}.image-input-preview.is-video{background:#0b1220;width:168px;height:96px}.image-input-preview video{object-fit:cover;width:100%;height:100%}.image-input-body{flex:220px;gap:6px;min-width:0;display:grid}.image-input-body small{color:var(--muted);font-size:.79rem}.image-input-url{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);width:100%;padding:7px 10px;font-size:.86rem}.gallery-input{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.gallery-thumb{aspect-ratio:4/3;border:1px solid var(--line);background:var(--sunk);border-radius:10px;margin:0;position:relative;overflow:hidden}.gallery-thumb img,.gallery-thumb video{object-fit:cover;width:100%;height:100%;display:block}.gallery-thumb-badge{color:#fff;background:#0f172ac7;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;font-weight:600;display:inline-flex;position:absolute;top:6px;left:6px}.gallery-thumb-actions{opacity:0;justify-content:space-between;transition:opacity .12s;display:flex;position:absolute;inset:auto 6px 6px}.gallery-thumb:hover .gallery-thumb-actions,.gallery-thumb:focus-within .gallery-thumb-actions{opacity:1}.gallery-thumb-actions .icon-btn{background:var(--surface);border-color:var(--line);width:28px;height:28px;color:var(--ink)}.gallery-add{aspect-ratio:4/3;border:1px dashed var(--line-strong);background:var(--raised);color:var(--muted);cursor:pointer;border-radius:10px;align-content:center;place-items:center;gap:6px;font-size:.84rem;font-weight:600;display:grid}.gallery-add:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chip{background:var(--accent-soft);color:var(--ink);border:1px solid var(--accent-line);border-radius:999px;align-items:center;gap:4px;padding:2px 4px 2px 9px;font-size:.8rem;font-weight:550;display:inline-flex}.chip button{width:18px;height:18px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.chip button:hover{background:var(--surface);color:var(--danger)}.tags-input{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);min-height:40px;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.tags-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.tags-input input{background:0 0;border:0;outline:none;flex:120px;min-width:80px;padding:3px 2px}.md-input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.md-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.md-input-bar{background:var(--raised);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 11px;display:flex}.md-input-bar .muted{font-size:.76rem}.md-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--ink-2);border-radius:7px;align-items:center;gap:5px;padding:3px 9px;font-size:.78rem;font-weight:600;display:inline-flex}.md-toggle.is-on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.field .md-input textarea{box-shadow:none;font-family:var(--font-mono);border:0;border-radius:0;font-size:.84rem;line-height:1.6}.field .md-input textarea:focus{box-shadow:none}.md-preview{max-height:480px;padding:12px 16px;overflow-y:auto}.prose{color:var(--ink-2);line-height:1.7}.prose>*+*{margin-top:.8em}.prose h2,.prose h3,.prose h4{color:var(--ink);margin-top:1.2em}.prose ul,.prose ol{margin-bottom:0;padding-left:1.3em}.prose blockquote{border-left:3px solid var(--accent);color:var(--ink);margin-left:0;padding:4px 14px}.prose pre{background:var(--sunk);border-radius:8px;padding:12px;overflow-x:auto}.icon-picker{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;padding:8px;display:grid}.icon-picker button{height:38px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:grid}.icon-picker button:hover{background:var(--surface);border-color:var(--line)}.icon-picker button.is-on{background:var(--accent);color:var(--accent-ink)}.repeater{gap:8px;display:grid}.repeater-row{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--raised)}.repeater-row.is-open{background:var(--surface);box-shadow:var(--shadow-sm)}.repeater-head{align-items:center;gap:6px;padding:4px 6px 4px 4px;display:flex}.repeater-title{text-align:left;cursor:pointer;min-width:0;color:var(--ink);background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px;display:flex}.repeater-title>svg{color:var(--faint);flex:none;transition:transform .15s}.repeater-row.is-open .repeater-title>svg{transform:rotate(90deg)}.repeater-label{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.repeater-body{border-top:1px solid var(--line);padding:14px}.status-picker{flex-wrap:wrap;gap:6px;display:flex}.status-picker button{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.82rem;font-weight:600}.status-picker button:hover{border-color:var(--accent)}.status-picker button.is-on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.facts{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0;padding:14px;display:grid}.facts div{gap:1px;min-width:0;display:grid}.facts dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.76rem;font-weight:600}.facts dd{overflow-wrap:anywhere;margin:0;font-size:.9rem}.message-box{border-radius:var(--radius);border:1px solid var(--accent-line);background:var(--accent-soft);gap:6px;padding:14px 16px;display:grid}.message-box p{white-space:pre-wrap;line-height:1.65}.stat-row-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1100px){.stat-row-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-top{color:var(--faint);justify-content:space-between;align-items:center;gap:8px;display:flex}.stat.is-hot{border-color:color-mix(in srgb, var(--warn) 45%, transparent);background:var(--warn-soft)}.stat.is-hot .value{color:var(--warn)}.inbox-list{margin:0;padding:0;list-style:none}.inbox-list a{border-bottom:1px solid var(--line);color:var(--ink);grid-template-columns:minmax(0,150px) minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 18px;text-decoration:none;display:grid}.inbox-list li:last-child a{border-bottom:0}.inbox-list a:hover{background:var(--raised)}.inbox-list a.is-unread .inbox-who strong:before{content:"";background:var(--warn);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.inbox-who{min-width:0;display:grid}.inbox-who strong,.inbox-who small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inbox-who small{color:var(--muted);font-size:.78rem}.inbox-msg{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.inbox-meta{justify-items:end;gap:2px;display:grid}.inbox-meta small{color:var(--muted);white-space:nowrap;font-size:.74rem}@media (max-width:640px){.inbox-list a{grid-template-columns:minmax(0,1fr) auto}.inbox-msg{display:none}}.activity{margin:0;padding:4px 18px;list-style:none}.activity-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:10px 0;font-size:.88rem;display:flex}.activity-row:last-child{border-bottom:0}.activity-icon{background:var(--sunk);width:26px;height:26px;color:var(--ink-2);border-radius:8px;flex:none;place-items:center;display:inline-grid}.activity-icon.is-added,.activity-icon.is-imported,.activity-icon.is-created{background:var(--ok-soft);color:var(--ok)}.activity-icon.is-deleted{background:var(--danger-soft);color:var(--danger)}.activity-icon.is-edited,.activity-icon.is-saved{background:var(--accent-soft);color:var(--accent)}.activity-text{gap:1px;min-width:0;display:grid}.activity-text small{color:var(--muted);font-size:.76rem}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;padding:14px;display:grid}.quick-action{border:1px solid var(--line);color:var(--ink);background:var(--raised);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:border-color .12s,transform .12s;display:flex}.quick-action:hover{border-color:var(--accent-line);transform:translateY(-1px)}.quick-action>span:nth-child(2){flex:1;min-width:0;display:grid}.quick-action small{color:var(--muted);font-size:.8rem}.quick-action>svg{color:var(--faint)}.quick-action-icon{background:var(--accent-soft);width:38px;height:38px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:inline-grid}.demo-banner .auth-link{margin-left:6px}.pv{flex-direction:column;min-width:0;display:flex}.pv-bar{border-bottom:1px solid var(--line);background:var(--surface);box-sizing:border-box;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:flex}.pv-gap{flex:1}.pv-bar .segmented span{display:none}.pv-status{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;font-size:.8rem;font-weight:600;display:inline-flex}.pv-status i{background:var(--ok,#16a34a);border-radius:50%;flex:none;width:7px;height:7px}.pv-status.is-draft{color:var(--warn)}.pv-status.is-draft i{background:var(--warn)}.pv-status.is-busy i{background:var(--accent);animation:.9s ease-in-out infinite alternate pv-pulse}@keyframes pv-pulse{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pv-status.is-busy i{animation:none}}.pv-lock{border:1px dashed var(--line-strong);height:30px;color:var(--muted);font:600 .78rem var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.pv-lock:hover{color:var(--ink);border-color:var(--accent)}.pv-lock.is-on{border-style:solid;border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.pv-divider{background:var(--line);width:1px;height:22px}.pv-stage{background:var(--sunk);height:calc(100vh - 262px);min-height:300px;display:flex;position:relative;overflow:hidden}.pv-frame{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.pv-screen{border:1px solid var(--line-strong);background:#fff;border-radius:10px;flex:none;position:relative;overflow:hidden;box-shadow:0 18px 50px -24px #0f172a73}.pv-frame.is-mobile .pv-screen{border-radius:22px}.pv-frame.is-tablet .pv-screen{border-radius:16px}.pv-screen iframe{transform-origin:0 0;background:#fff;border:0;display:block}.pv-size{color:var(--faint,var(--muted));font-variant-numeric:tabular-nums;font-size:.72rem}.pv-loading{background:var(--sunk);place-items:center;display:grid;position:absolute;inset:0}.pv-frame.is-fill{padding:0}.pv-frame.is-fill .pv-screen{width:100%;height:100%;box-shadow:none;border:0;border-radius:0}.pv-frame.is-fill iframe{width:100%;height:100%}.pv-splitview{grid-template-columns:var(--pv-form-w,420px) 8px minmax(0, 1fr);display:grid}.pv-splitview-form{box-sizing:border-box;overscroll-behavior:contain;height:calc(100vh - 214px);min-height:348px;padding:18px 20px 28px;position:relative;overflow-y:auto}.pv-handle{cursor:col-resize;background:var(--line);touch-action:none;justify-self:center;width:1px;position:relative}.pv-handle:before{content:"";position:absolute;inset:0 -4px}.pv-handle:after{content:"";background:var(--surface);border:1px solid var(--line-strong);border-radius:3px;width:6px;height:36px;transition:background .12s,border-color .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pv-handle:hover:after,.pv-handle:focus-visible:after,.is-dragging .pv-handle:after{background:var(--accent);border-color:var(--accent)}.pv-handle:focus-visible{outline:none}.pv-splitview.is-dragging{-webkit-user-select:none;user-select:none;cursor:col-resize}.pv-splitview.is-dragging iframe{pointer-events:none}@media (max-width:1000px){.pv-splitview{grid-template-columns:minmax(0,1fr)}.pv-handle{display:none}.pv-splitview-form{border-bottom:1px solid var(--line);height:auto}}.pv-full{z-index:1000;background:var(--sunk);flex-direction:column;animation:.16s ease-out pv-in;display:flex;position:fixed;inset:0}@keyframes pv-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pv-full{animation:none}}.pv-full-bar{background:var(--surface);border-bottom:1px solid var(--line);box-shadow:0 1px 0 var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;padding:8px 12px;display:grid}.pv-full-left,.pv-full-center,.pv-full-right{align-items:center;gap:8px;min-width:0;display:flex}.pv-full-right{justify-content:flex-end}.pv-title{gap:1px;min-width:0;line-height:1.2;display:grid}.pv-title strong{white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;overflow:hidden}.pv-title .pv-status{font-size:.74rem;font-weight:500}.pv-full .pv-stage{flex:1;height:auto;min-height:0}.pv-full .pv-stage:not(.is-fill) .pv-frame{padding:8px 0}@media (max-width:900px){.pv-full-bar{grid-template-columns:minmax(0,1fr) auto}.pv-full-center{grid-area:2/1/auto/-1;justify-content:center}.pv-full-right .pv-lock span{display:none}}