:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-color:#f7f7f7;--bg:#f7f7f7;--surface:#fff;--surface-raised:#fff;--surface-soft:#fcfbfc;--surface-inset:#f2f4f5;--surface-hover:#f4f6f8;--border:#e8eaed;--border-strong:#d0d5db;--border-subtle:#f0f1f3;--text:#1a1a1a;--muted:#5f6368;--text-tertiary:#6b7280;--icon-muted:var(--text-tertiary);--accent:#0067d9;--accent-hover:#0057bd;--accent-fill:#0067d9;--accent-fill-hover:#0057bd;--accent-bright:#037dff;--accent-soft:#e8f2ff;--accent-soft-strong:#d4e7ff;--on-accent:#fff;--accent-2:#0067d9;--accent-2-soft:#e8f2ff;--accent-highlight:inset 0 1px 0 #fff3;--success:#0b6b3a;--success-soft:#e9f7ef;--success-ink:#0b6b3a;--success-border:#c9ebd8;--warning:#a35200;--warning-soft:#fff4e6;--warning-ink:#a35200;--warning-border:#f2d6ab;--danger:#b3261e;--danger-soft:#fdf0f2;--danger-ink:#b3261e;--danger-border:#f3c7cd;--info:#0067d9;--info-soft:#e8f2ff;--info-ink:#0067d9;--info-border:#cfe4ff;--neutral-soft:#f2f4f5;--neutral-ink:#5f6368;--neutral-border:#e8eaed;--avatar-bg:#e8f2ff;--avatar-ink:#0067d9;--scrim:#0f172a6b;--selection-bg:color-mix(in srgb, var(--accent) 20%, transparent);--scrollbar-thumb:#d0d5db;--scrollbar-thumb-hover:#b6bcc4;--glass-bg:#ffffffdb;--glass-bg-strong:#fffffff2;--glass-border:#1a1a1a14;--glass-highlight:inset 0 1px 0 #fffc;--glass-blur:blur(16px) saturate(1.4);--focus-ring-color:var(--accent);--focus-ring:2px solid var(--focus-ring-color);--focus-ring-offset:2px;--focus-glow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);--focus-glow-danger:0 0 0 3px color-mix(in srgb, var(--danger) 20%, transparent);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:40px;--space-10:48px;--space-12:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--control-sm:32px;--control-md:36px;--control-lg:40px;--control-xl:44px;--shadow-sm:0 1px 2px #1118270a;--shadow-md:0 2px 6px #1118270d, 0 8px 20px #1118270d;--shadow-lg:0 6px 18px #1118270f;--shadow-hover:0 6px 18px #1118270f;--shadow-overlay:0 12px 32px #1118271f;--font-sans:"HarmonyOS Sans SC", "HarmonyOS Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono:ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:16px;--text-xl:20px;--text-2xl:24px;--text-3xl:28px;--text-h1:22px;--leading-tight:1.4;--leading-normal:1.6;--leading-relaxed:1.7;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--tracking-wide:.08em;--font-feature-digits:"tnum" 1, "lnum" 1;--sidebar-w:224px;--sidebar-w-collapsed:72px;--nav-w:var(--sidebar-w);--topbar-h:64px;--gutter:24px;--content-max:1600px;--z-sticky:10;--z-nav:40;--z-overlay:60;--z-drawer:70;--z-popover:80;--z-toast:100;--motion-fast:.12s;--motion-base:.2s;--motion-slow:.32s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.55, 0, 1, .45);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--story-bg:#eef4f8;--story-ink:#14212e;--story-soft:#52657a;--story-mark:var(--accent-fill);--story-mark-ink:#fff;--story-orbit:#d8e3ec;--story-center-border:#d9e3ec;--story-center-a:#fff;--story-center-b:#eaf1f7;--story-center-shadow:#0f2d411f;--story-center-ink:var(--accent);--story-label-bg:#ffffffeb;--story-label-border:#d9e3ec;--story-label-ink:#3d5368}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-color:#0f1216;--bg:#0f1216;--surface:#161a1f;--surface-raised:#20262d;--surface-soft:#1b2026;--surface-inset:#11151a;--surface-hover:#1e242b;--border:#2a313a;--border-strong:#3b4450;--border-subtle:#222831;--text:#f0f3f7;--muted:#a6afbb;--text-tertiary:#8d97a4;--icon-muted:var(--text-tertiary);--accent:#7ab6ff;--accent-hover:#a6cdff;--accent-fill:#2563eb;--accent-fill-hover:#1d4ed8;--accent-bright:#4da3ff;--accent-soft:#15263c;--accent-soft-strong:#1d3554;--on-accent:#fff;--accent-2:#7ab6ff;--accent-2-soft:#15263c;--accent-highlight:inset 0 1px 0 #ffffff1f;--success:#6ee7b7;--success-soft:#11291f;--success-ink:#6ee7b7;--success-border:#1d4936;--warning:#fbbf24;--warning-soft:#33250c;--warning-ink:#fbbf24;--warning-border:#5c4415;--danger:#fda4af;--danger-soft:#35151c;--danger-ink:#fda4af;--danger-border:#5e2430;--info:#93c5fd;--info-soft:#13263d;--info-ink:#93c5fd;--info-border:#234469;--neutral-soft:#1b2026;--neutral-ink:#a6afbb;--neutral-border:#2a313a;--avatar-bg:#16324c;--avatar-ink:#8cc5ff;--scrim:#02060cb8;--selection-bg:color-mix(in srgb, var(--accent) 28%, transparent);--scrollbar-thumb:#2a313a;--scrollbar-thumb-hover:#3b4450;--glass-bg:#161a1fd1;--glass-bg-strong:#20262df0;--glass-border:#ffffff1a;--glass-highlight:inset 0 1px 0 #ffffff0a;--glass-blur:blur(18px) saturate(1.3);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 6px #00000059, 0 10px 28px #0000004d;--shadow-lg:0 6px 18px #00000059;--shadow-hover:0 6px 18px #00000059;--shadow-overlay:0 12px 32px #00000073;--story-bg:#0b141d;--story-ink:#eef4fa;--story-soft:#9fb0c3;--story-mark:var(--accent-fill);--story-mark-ink:#fff;--story-orbit:#1b2b3a;--story-center-border:#24323f;--story-center-a:#16232f;--story-center-b:#0e1822;--story-center-shadow:#0006;--story-center-ink:#8cc5ff;--story-label-bg:#141d27e6;--story-label-border:#24323f;--story-label-ink:#a9bdd0}@media (width>=761px){:root[data-nav=collapsed]{--nav-w:var(--sidebar-w-collapsed)}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root,:root[data-theme=dark]{--glass-bg:var(--surface);--glass-bg-strong:var(--surface-raised);--glass-blur:none}}@media (width<=1200px){:root{--sidebar-w:216px;--gutter:20px}}@media (width<=760px){:root{--sidebar-w:272px;--topbar-h:56px;--text-h1:20px;--text-2xl:22px;--gutter:16px;--space-9:32px;--space-10:40px}}:root{font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);min-width:320px;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}::selection{background:var(--selection-bg);color:var(--text)}html{scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full);background-clip:content-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}:where(button,.button){justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;padding:7px 14px;line-height:1.4;text-decoration:none;display:inline-flex}@media (hover:hover){:where(button,.button):where(:hover:not(:disabled)){background:var(--surface-hover);border-color:var(--border-strong)}}:where(button):disabled{opacity:.45;cursor:not-allowed}:where(button):focus-visible .spin,:where(a):focus-visible{outline:none}.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.primary:focus-visible{outline-color:var(--on-accent)}@media (hover:hover){.primary:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover);color:var(--on-accent)}}.danger{color:var(--danger-ink);border-color:color-mix(in srgb, var(--danger-ink) 40%, transparent)}@media (hover:hover){.danger:hover:not(:disabled){color:var(--danger-ink);background:var(--danger-soft);border-color:var(--danger-border)}}.danger-text,.error-text{color:var(--danger-ink)!important}.icon-button{min-width:var(--control-md);min-height:var(--control-md);border-radius:var(--radius-sm);color:var(--muted);background:0 0;border-color:#0000;padding:0}@media (hover:hover){.icon-button:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}}.compact{font-size:var(--text-sm);min-height:var(--control-sm);padding:4px 10px}.ui-button{grid-template-areas:"stack";place-items:center;display:inline-grid}.ui-button-label,.ui-button-spinner{transition:opacity var(--motion-fast) var(--ease-out);grid-area:stack}.ui-button-label{align-items:center;gap:var(--space-2);display:inline-flex}.ui-button-spinner{opacity:0}.ui-button[aria-busy=true]{opacity:1;cursor:progress}.ui-button[aria-busy=true] .ui-button-label{opacity:0}.ui-button[aria-busy=true] .ui-button-spinner{opacity:1;animation:1.2s linear infinite spin}:where(input,select,textarea){width:100%;min-height:var(--control-md);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-md);min-width:0;transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);outline:none;padding:8px 11px}:where(input,select,textarea)::placeholder{color:var(--text-tertiary)}@media (hover:hover){:where(input,select,textarea):where(:hover:not(:disabled,:focus)){border-color:var(--border-strong)}}:where(input,select,textarea):focus-visible{border-color:var(--accent);background:var(--surface);box-shadow:var(--focus-glow)}:where(input[readonly]){background:var(--surface-soft)}:where(textarea){resize:vertical;line-height:var(--leading-relaxed)}:where(select){padding-right:28px}:where(a){color:inherit;text-decoration:none}@media (hover:hover){:where(a:not(.button):hover){color:var(--accent)}}:where(button,a,summary,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}[tabindex="-1"]:focus{outline:none}h1,h2,h3,h4,p{margin-top:0}h1{font-size:var(--text-h1);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.2px;text-wrap:balance;margin-bottom:8px}h2{font-size:var(--text-lg);line-height:1.4;font-weight:var(--weight-semibold);letter-spacing:0;margin-bottom:8px}h3{font-size:var(--text-md);font-weight:var(--weight-semibold)}p{line-height:var(--leading-normal);color:var(--muted)}small{font-size:var(--text-sm);line-height:1.6}.muted{color:var(--muted)}.tertiary{color:var(--text-tertiary)}.mono,code,kbd{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.num{font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-tertiary);margin-bottom:var(--space-3)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.brand{align-items:center;gap:11px;min-width:0;display:flex;position:relative}.brand-mark{background:var(--accent-fill);width:38px;height:38px;color:var(--on-accent);box-shadow:var(--accent-highlight), var(--shadow-sm);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.brand strong{font-size:var(--text-xl);letter-spacing:1.6px;white-space:nowrap}.brand em{font-size:var(--text-xs);letter-spacing:1.6px;font-style:normal;font-weight:var(--weight-medium);color:var(--muted);margin-top:3px;display:block}.brand-console{flex:none;gap:10px}.brand-console .brand-mark{border-radius:var(--radius-md);width:32px;height:32px}.brand-console strong{font-size:15px;font-weight:var(--weight-semibold);letter-spacing:.2px}.content-panel,.settings-card,.editor-toolbar,.editor-content,.document-aside,.skeleton-card,.skeleton-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.workspace{flex-direction:column;min-height:100dvh;display:flex}.console-header{z-index:var(--z-nav);align-items:center;gap:var(--space-6);height:var(--topbar-h);padding:0 var(--gutter);background:var(--surface);border-bottom:1px solid var(--border);flex:none;display:flex;position:sticky;top:0}.console-tabs{background:var(--surface-inset);border-radius:var(--radius-md);align-items:center;gap:2px;min-width:0;padding:3px;display:flex}.console-tab{border-radius:var(--radius-sm);height:30px;color:var(--muted);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;border:1px solid #0000;align-items:center;padding:0 14px;display:inline-flex}@media (hover:hover){.console-tab:hover{color:var(--text)}}.console-tab[aria-current=page]{background:var(--surface);border-color:var(--border);color:var(--accent);font-weight:var(--weight-semibold);box-shadow:var(--shadow-sm)}.console-header-actions{align-items:center;gap:var(--space-1);flex:none;margin-left:auto;display:flex}.workspace-body{min-height:calc(100vh - var(--topbar-h));min-height:calc(100dvh - var(--topbar-h));margin-left:var(--nav-w);transition:margin-left var(--motion-base) var(--ease-out);flex-direction:column;flex:1;display:flex}.sidebar{top:var(--topbar-h);z-index:var(--z-nav);width:var(--nav-w);padding:var(--space-3);overscroll-behavior:contain;background:var(--surface);border-right:1px solid var(--border);transition:width var(--motion-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto}.drawer-brand{display:none}.nav-tools{justify-content:space-between;align-items:center;gap:var(--space-2);padding:0 var(--space-1) var(--space-3);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);flex:none;display:flex}.nav-collapse-all{border-radius:var(--radius-sm);min-height:30px;color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);background:0 0;border:0;padding:4px 8px}@media (hover:hover){.nav-collapse-all:hover{background:var(--surface-hover);color:var(--text);border-color:#0000}}.nav-collapse-toggle{flex:none;width:30px;min-width:30px;min-height:30px}.nav-root{flex-direction:column;gap:2px;display:flex}.nav-overview{align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--text);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;display:flex}.nav-overview svg{color:var(--icon-muted);flex:none}@media (hover:hover){.nav-overview:hover:not(.active){background:var(--surface-hover)}}.nav-overview.active{background:var(--accent-fill);color:var(--on-accent);font-weight:var(--weight-semibold)}.nav-overview.active:focus-visible{outline-color:var(--on-accent)}.nav-overview.active svg{color:var(--on-accent)}.nav-group{margin-top:var(--space-2)}.nav-group-toggle{justify-content:space-between;gap:var(--space-2);width:100%;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-md);font-weight:var(--weight-semibold);background:0 0;border:0}@media (hover:hover){.nav-group-toggle:hover{background:var(--surface-hover);color:var(--text);border-color:#0000}}.nav-group-toggle .nav-group-chevron{color:var(--icon-muted);transition:transform var(--motion-fast) var(--ease-out);flex:none}.nav-group-toggle[aria-expanded=false] .nav-group-chevron{transform:rotate(-90deg)}.nav-group-links{padding:2px 0 var(--space-1);flex-direction:column;gap:2px;display:flex}.nav-group-links[hidden]{display:none}.nav-link{align-items:center;gap:var(--space-3);min-height:42px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-md);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);display:flex}.nav-link svg{color:var(--icon-muted);transition:color var(--motion-fast) var(--ease-out);flex:none}.nav-link .nav-text{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (hover:hover){.nav-link:hover:not(.active){background:var(--surface-hover);color:var(--text)}.nav-link:hover:not(.active) svg{color:var(--text)}}.nav-link.active{background:var(--accent-soft);color:var(--accent);font-weight:var(--weight-semibold)}.nav-link.active svg{color:var(--accent)}.main-content{width:100%;max-width:var(--content-max);padding:var(--space-6) var(--gutter) var(--space-9);flex:1;margin-inline:auto}.page-heading{align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-heading-leading{flex:none;place-items:center;width:48px;height:48px;display:grid}.page-heading-main{flex:1;min-width:0}.page-heading h1{margin-bottom:var(--space-1)}.page-heading p{max-width:72ch;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--muted);margin:0}.heading-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:none;display:flex}.heading-actions:empty{display:none}.workspace-footer{width:100%;max-width:var(--content-max);padding:var(--space-4) var(--gutter);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;margin-inline:auto}.back-link{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--muted);display:inline-flex}@media (hover:hover){.back-link:hover{color:var(--accent)}}.utility-rail{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-sticky);gap:var(--space-1);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);box-shadow:var(--shadow-overlay);flex-direction:column;padding:6px;display:flex;position:fixed}.utility-button{width:var(--control-md);height:var(--control-md);min-width:var(--control-md);min-height:var(--control-md);border-radius:var(--radius-full);color:var(--muted);background:0 0;border:0;place-items:center;padding:0;display:grid}@media (hover:hover){.utility-button:hover{background:var(--accent-soft);color:var(--accent);border-color:#0000}}.help-sections{gap:var(--space-5);display:grid}.help-sections h3{margin:0 0 var(--space-2);font-size:var(--text-md)}.help-sections ol,.help-sections ul{color:var(--muted);font-size:var(--text-md);line-height:var(--leading-normal);gap:6px;margin:0;padding-left:1.2em;display:grid}.help-sections p{font-size:var(--text-md);margin:0}.help-sections kbd{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-inset);color:var(--text);font-size:var(--text-sm);padding:1px 6px}.sidebar-backdrop,.drawer-close,.mobile-menu{display:none}.skip-link{z-index:calc(var(--z-toast) + 1);border-radius:var(--radius-md);background:var(--accent-fill);color:var(--on-accent);font-size:var(--text-md);font-weight:var(--weight-medium);opacity:0;transition:transform var(--motion-base) var(--ease-out), opacity var(--motion-base) var(--ease-out);padding:9px 14px;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-48px)}.skip-link:focus{opacity:1;transform:none}@media (width>=761px){html[data-nav=collapsed] .sidebar{padding-inline:var(--space-2)}html[data-nav=collapsed] .nav-tools{justify-content:center;padding-inline:0}html[data-nav=collapsed] .nav-collapse-all{display:none}html[data-nav=collapsed] .nav-group{margin-top:2px}html[data-nav=collapsed] .nav-group-toggle{display:none}html[data-nav=collapsed] .nav-group-links,html[data-nav=collapsed] .nav-group-links[hidden]{padding:0;display:flex}html[data-nav=collapsed] .nav-overview,html[data-nav=collapsed] .nav-link{justify-content:center;gap:0;padding-inline:0}html[data-nav=collapsed] .nav-text{display:none}}@media (width<=1100px){.console-tabs{display:none}.console-header{gap:var(--space-4)}}@media (width<=1200px){.main-content{padding-block:var(--space-5) var(--space-8)}.page-heading{flex-wrap:wrap}.page-heading-main{flex-basis:60%}.heading-actions{flex:auto;justify-content:flex-end}.utility-rail{display:none}}@media (width<=1024px){.page-heading{gap:var(--space-3);flex-direction:column}.page-heading-main{flex-basis:auto;width:100%}.heading-actions{justify-content:flex-start;width:100%}}@media (width<=760px){.console-header{padding:0 var(--space-4);gap:var(--space-2)}.sidebar{z-index:var(--z-drawer);width:var(--sidebar-w);padding:var(--space-4);background:var(--glass-bg-strong);border-right:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);top:0;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-overlay);transform:translate(0)}.drawer-brand{margin:0 48px var(--space-4) 0;align-items:center;display:flex}.drawer-close{top:var(--space-4);right:var(--space-4);z-index:1;color:var(--muted);display:flex;position:absolute}.nav-tools{display:none}.workspace-body{margin-left:0}.mobile-menu{display:flex}.main-content{padding-block:var(--space-5) var(--space-8)}.page-heading{margin-bottom:var(--space-4)}.heading-actions :where(button,.button){min-height:var(--control-lg)}.workspace-footer{padding-block:var(--space-3)}.sidebar-backdrop{z-index:var(--z-overlay);background:var(--scrim);cursor:default;opacity:0;visibility:hidden;min-height:0;transition:opacity var(--motion-base) var(--ease-out), visibility 0s var(--motion-base);border:0;border-radius:0;padding:0;display:block;position:fixed;inset:0;transform:none}.sidebar-backdrop.visible{opacity:1;visibility:visible;transition:opacity var(--motion-base) var(--ease-out), visibility 0s 0s}}@media (width<=560px){.console-header{padding-inline:var(--space-3)}.brand-console strong{font-size:var(--text-md)}.main-content{padding-top:var(--space-4)}.page-heading{gap:var(--space-2)}.heading-actions{gap:6px}}.field{gap:var(--space-2);min-width:0;margin-bottom:var(--space-4);font-size:var(--text-md);flex-direction:column;display:flex}.field>label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text)}.field small{color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.field :where(input,select):not([type=checkbox],[type=radio]){height:var(--control-md);min-height:var(--control-md);padding-block:0}.field textarea{min-height:96px}.field-control{gap:var(--space-2);align-items:stretch;min-width:0;display:flex}.field-control>:first-child{flex:1;min-width:0}.field-control>button{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}.form-grid{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.form-grid>.field{margin-bottom:0}.field.invalid>label{color:var(--danger-ink)}.field.invalid :where(input,select,textarea){border-color:var(--danger-ink)}.field.invalid :where(input,select,textarea):focus-visible{box-shadow:var(--focus-glow-danger)}.field-error{color:var(--danger-ink);font-size:var(--text-sm);animation:field-error-in var(--motion-fast) var(--ease-out) both}@keyframes field-error-in{0%{opacity:0;transform:translateY(-3px)}}.password-field{align-items:center;width:100%;min-width:0;display:flex;position:relative}.password-field>.password-input{width:100%;min-height:var(--control-md);padding-right:44px}.password-toggle{width:var(--control-sm);height:var(--control-sm);min-width:var(--control-sm);min-height:var(--control-sm);border-radius:var(--radius-sm);color:var(--text-tertiary);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:3px;transform:translateY(-50%)}@media (hover:hover){.password-toggle:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}}.password-toggle[aria-pressed=true]{color:var(--accent)}.password-toggle svg{pointer-events:none}.switch{border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface-inset);width:44px;min-width:44px;height:26px;min-height:26px;transition:background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), opacity var(--motion-fast) var(--ease-out);flex:none;padding:0;position:relative}.switch[aria-checked=true]{background:var(--accent-fill);border-color:var(--accent-fill);box-shadow:var(--accent-highlight)}.switch-thumb{border-radius:var(--radius-full);background:var(--on-accent);width:20px;height:20px;box-shadow:var(--shadow-sm);position:absolute;top:2px;left:2px}.switch[aria-checked=true] .switch-thumb{transform:translate(18px)}.switch[aria-busy=true]{opacity:.7;cursor:progress}@media (hover:hover){.switch:hover:not(:disabled){border-color:var(--accent)}.switch[aria-checked=true]:hover:not(:disabled){background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}}@media (width<=760px){.form-grid{gap:var(--space-4);grid-template-columns:1fr}.field{margin-bottom:var(--space-4)}.field :where(input,select):not([type=checkbox],[type=radio]),.password-field>.password-input{height:var(--control-lg);min-height:var(--control-lg)}.password-toggle{width:36px;min-width:36px;height:36px;min-height:36px;right:2px}}.list-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;min-width:0;display:flex}.list-toolbar h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text);margin:0}.tab-group{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:2px;min-width:0;max-width:100%;padding:3px;display:inline-flex}.tab-group button{z-index:1;min-height:var(--control-md);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--motion-fast) var(--ease-out);background:0 0;border:0;position:relative}@media (hover:hover){.tab-group button:hover:not(.active){color:var(--text);background:0 0}}.tab-group button.active{color:var(--accent);font-weight:var(--weight-semibold)}.search-field{align-items:center;gap:var(--space-2);width:100%;max-width:260px;height:var(--control-md);padding:0 var(--space-3);color:var(--muted);background:var(--surface-inset);border-radius:var(--radius-sm);transition:background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);border:1px solid #0000;display:flex}.search-field>svg{flex:none}@media (hover:hover){.search-field:hover:not(:focus-within){border-color:var(--border)}}.search-field:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:var(--focus-glow)}.search-field input{width:100%;min-width:0;min-height:0;color:var(--text);font-size:var(--text-base);background:0 0;border:0;padding:0}.search-field input:focus-visible{box-shadow:none}.list-body{transition:opacity var(--motion-base) var(--ease-out)}.list-body[data-fetching]{opacity:.55;cursor:progress;transition-delay:.12s}.table-scroll{max-width:100%;overflow-x:auto}.table-scroll table{border-collapse:collapse;text-align:left;width:100%;min-width:720px;font-size:var(--text-base)}.table-scroll th{height:40px;padding:0 var(--space-5);color:var(--muted);background:var(--surface-soft);border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.table-scroll td{height:52px;padding:0 var(--space-5);border-bottom:1px solid var(--border-subtle);vertical-align:middle;white-space:nowrap}.table-scroll tbody tr:last-child td{border-bottom:0}@media (hover:hover){.table-scroll tbody tr:hover{background:var(--surface-hover)}}.align-right{text-align:right}.cell-contact{text-overflow:ellipsis;max-width:240px;overflow:hidden}.title-cell{align-items:center;gap:var(--space-3);min-width:0;display:flex}.title-cell>:first-child{flex:none}.title-cell>div{min-width:0;max-width:420px}.title-cell a{-webkit-line-clamp:2;color:var(--text);font-size:var(--text-base);font-weight:var(--weight-medium);overflow-wrap:anywhere;transition:color var(--motion-fast) var(--ease-out);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}@media (hover:hover){.title-cell a:hover{color:var(--accent)}}.title-cell small{color:var(--text-tertiary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-top:3px;line-height:1.5;display:block;overflow:hidden}.row-icon{width:36px;height:36px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft-strong);border-radius:var(--radius-md);flex:none;place-items:center;display:grid}.row-icon.avatar{color:var(--avatar-ink);background:var(--avatar-bg);border-color:var(--border);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.row-actions{justify-content:flex-end;align-items:center;gap:var(--space-1);display:flex}.row-actions .button{min-height:var(--control-sm);padding:0 var(--space-2);color:var(--accent);font-size:var(--text-sm);background:0 0;border-color:#0000}@media (hover:hover){.row-actions .button:hover{background:var(--accent-soft);color:var(--accent-hover);border-color:#0000}}.row-actions .action-menu-trigger{width:var(--control-sm);height:var(--control-sm);min-height:var(--control-sm);color:var(--muted);padding:0}.badge{color:var(--neutral-ink);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0;line-height:1.5;display:inline-flex}.badge i{border-radius:var(--radius-full);background:currentColor;flex:none;width:6px;height:6px}.badge.published,.badge.active,.badge.enabled{color:var(--success-ink)}.badge.scheduled{color:var(--warning-ink)}.badge.disabled,.badge.delisted,.badge.expired{color:var(--danger-ink)}.badge.draft,.badge.inactive{color:var(--neutral-ink)}.pager{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.pager>div{gap:var(--space-1);display:flex}.pager button{width:var(--control-sm);height:var(--control-sm);min-width:var(--control-sm);min-height:var(--control-sm);border-radius:var(--radius-sm);color:var(--muted);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}@media (hover:hover){.pager button:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}}.pager button svg{flex:none}.empty{padding:56px var(--space-6);text-align:center;color:var(--muted)}.empty h3{font-size:var(--text-lg);color:var(--text);margin-bottom:var(--space-2)}.empty p{font-size:var(--text-base);margin-bottom:var(--space-5)}.empty-symbol{width:44px;height:44px;margin:0 auto var(--space-4);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-soft-strong);border-radius:var(--radius-md);place-items:center;display:grid}.error-panel>svg{color:var(--danger-ink)}@media (width<=760px){.list-toolbar{padding:var(--space-3) var(--space-4);flex-direction:column;align-items:stretch}.search-field{height:var(--control-lg);max-width:none}.tab-group{scrollbar-width:none;align-self:flex-start;max-width:100%;overflow-x:auto}.tab-group::-webkit-scrollbar{display:none}.table-scroll{overflow:visible}.table-scroll table{min-width:0;display:block}.table-scroll thead{display:none}.table-scroll tbody{padding:var(--space-3);display:block}.table-scroll tbody tr{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);display:block}.table-scroll tbody tr:last-child{margin-bottom:0}.table-scroll tbody tr:hover{background:var(--surface-soft)}.table-scroll td{justify-content:space-between;align-items:center;gap:var(--space-4);height:auto;min-height:28px;padding:var(--space-1) 0;text-align:left;white-space:normal;overflow-wrap:anywhere;border:0;display:flex}.table-scroll td:before{content:attr(data-label);color:var(--text-tertiary);font-size:var(--text-sm);flex:none}.table-scroll td:first-child{padding:0 0 var(--space-2);margin-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);display:block}.table-scroll td:first-child:before{content:none}.table-scroll td.cell-actions{padding-top:var(--space-2)}.table-scroll td.cell-actions .row-actions{flex:1}.title-cell{align-items:flex-start}.title-cell>div{max-width:none}.title-cell a{white-space:normal}.title-cell small{white-space:normal;overflow-wrap:anywhere;max-width:none}.cell-contact{text-overflow:clip;max-width:none;overflow:visible}.row-actions .button{min-height:var(--control-lg)}.row-actions .action-menu-trigger{width:var(--control-lg);height:var(--control-lg);min-height:var(--control-lg)}.pager{padding:var(--space-3) var(--space-4)}.pager button{width:var(--control-lg);height:var(--control-lg);min-width:var(--control-lg);min-height:var(--control-lg)}.empty{padding:var(--space-9) var(--space-4)}}.detail-avatar{width:48px;height:48px;color:var(--avatar-ink);background:var(--avatar-bg);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xl);font-weight:var(--weight-semibold);flex:none;place-items:center;line-height:1;display:grid}.detail-card{min-width:0;padding:var(--space-5);margin-bottom:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.detail-card h2{font-size:var(--text-lg);margin-bottom:var(--space-4)}.detail-grid{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.detail-grid>div{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.detail-grid span{color:var(--muted);font-size:var(--text-sm)}.detail-grid strong{font-size:var(--text-base);font-weight:var(--weight-medium);overflow-wrap:anywhere}.security-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--border-subtle);display:flex}.security-copy{min-width:0}.security-copy strong{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:2px;display:block}.security-copy p{color:var(--muted);font-size:var(--text-sm);margin:0;line-height:1.6}.security-row :where(button,.button){flex:none}.danger-zone{margin-top:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md)}.danger-zone .security-copy strong{color:var(--danger-ink)}@media (width<=1000px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.detail-card{padding:var(--space-4)}.security-row{flex-direction:column;align-items:stretch}.security-row :where(button,.button){align-self:flex-start}}@media (width<=560px){.detail-grid{grid-template-columns:minmax(0,1fr)}}.overview-grid{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"pending pending pending channels channels channels channels channels channels tools tools tools""stats stats stats stats recent recent recent recent recent users users users";align-items:stretch;display:grid}.overview-card{min-width:0;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.overview-card--pending{grid-area:pending}.overview-card--channels{grid-area:channels}.overview-card--tools{grid-area:tools}.overview-card--stats{grid-area:stats}.overview-card--recent{grid-area:recent}.overview-card--users{grid-area:users}.card-head{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:24px;margin-bottom:var(--space-3);display:flex}.card-head h2{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0;line-height:1.35}.card-link{color:var(--muted);font-size:var(--text-sm);white-space:nowrap;flex:none;align-items:center;gap:4px;display:inline-flex}@media (hover:hover){.card-link:hover{color:var(--accent)}}.card-hint{color:var(--text-tertiary);font-size:var(--text-sm);flex:none}.status-dot{border-radius:var(--radius-full);background:var(--text-tertiary);flex:none;width:6px;height:6px;display:inline-block}.status-dot-success{background:var(--success-ink)}.status-dot-warning{background:var(--warning-ink)}.status-dot-neutral{background:var(--text-tertiary)}.status-dot-danger{background:var(--danger-ink)}.pending-list{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.pending-list>li{min-width:0}.pending-item{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-soft);transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);display:flex}@media (hover:hover){.pending-item:hover{background:var(--surface-hover);border-color:var(--border)}}.pending-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.pending-copy strong{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pending-copy small{color:var(--text-tertiary);font-size:var(--text-sm)}.overview-empty{align-items:center;gap:var(--space-2);padding:var(--space-3) 0;color:var(--muted);font-size:var(--text-base);margin:auto 0;display:flex}.overview-empty svg{color:var(--icon-muted)}.overview-note{padding-top:var(--space-3);color:var(--text-tertiary);font-size:var(--text-sm);margin:auto 0 0}.channel-grid{gap:var(--space-3);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.channel-tile{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-md);min-height:68px;transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);flex-direction:column;justify-content:center;gap:4px;padding:14px;display:flex}@media (hover:hover){.channel-tile:hover{background:var(--surface);border-color:var(--border-strong)}.channel-tile:hover strong{color:var(--accent)}}.channel-tile strong{color:var(--text);font-size:var(--text-md);font-weight:var(--weight-semibold)}.channel-tile small{color:var(--text-tertiary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}.tool-list{gap:var(--space-2);grid-template-columns:minmax(0,1fr);align-content:start;margin:0;padding:0;list-style:none;display:grid}.tool-list>li{min-width:0}.tool-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-soft);transition:border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);align-items:center;gap:10px;padding:8px;display:flex}@media (hover:hover){.tool-row:hover{background:var(--surface-hover);border-color:var(--border)}.tool-row:hover .tool-arrow{color:var(--accent)}}.tool-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:32px;height:32px;color:var(--accent);flex:none;place-items:center;display:grid}.tool-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.tool-copy strong{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-medium)}.tool-copy small{color:var(--text-tertiary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tool-arrow{color:var(--text-tertiary);flex:none;margin-left:auto}.overview-stats{gap:var(--space-3);margin:0 0 var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));padding:0;display:grid}.overview-stat{flex-direction:column;gap:4px;min-width:0;display:flex}.overview-stat dt{color:var(--muted);font-size:var(--text-sm);line-height:1.4}.overview-stat dd{margin:0}.overview-stat strong{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;line-height:1.15}.overview-stat-error{color:var(--warning-ink);font-size:var(--text-sm);padding-top:6px;line-height:1.4;display:inline-block}.overview-bar{border-radius:var(--radius-full);background:var(--surface-inset);height:8px;min-height:8px;margin-top:auto;display:flex;overflow:hidden}.overview-bar i{height:100%;display:block}.overview-bar .bar-published{background:var(--accent-bright)}.overview-bar .bar-drafts{background:var(--border-strong)}.overview-bar .bar-scheduled{background:var(--warning)}.overview-bar.is-placeholder{background:var(--surface-inset)}.overview-legend{gap:var(--space-4);margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-sm);flex-wrap:wrap;padding:0;list-style:none;display:flex}.overview-legend li{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:var(--radius-full);width:6px;height:6px;display:inline-block}.legend-published{background:var(--accent-bright)}.legend-drafts{background:var(--border-strong)}.legend-scheduled{background:var(--warning)}.recent-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.recent-list>li{min-width:0}.recent-row{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px;display:flex}@media (hover:hover){.recent-row:hover{background:var(--surface-hover)}.recent-row:hover strong{color:var(--accent)}}.row-icon{border-radius:var(--radius-sm);background:var(--surface-inset);width:32px;height:32px;color:var(--icon-muted);flex:none;place-items:center;display:grid}.recent-copy{flex:1;min-width:0}.recent-copy strong{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.recent-copy small{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:1px;display:block}.recent-row>svg{color:var(--text-tertiary);flex:none}.users-total{margin:0 0 var(--space-2);color:var(--muted);font-size:var(--text-sm)}.users-total strong{color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-semibold)}.user-list{grid-template-columns:minmax(0,1fr);gap:2px;margin:0;padding:0;list-style:none;display:grid}.user-list>li{min-width:0}.user-row{border-radius:var(--radius-sm);align-items:center;gap:10px;padding:7px 8px;display:flex}@media (hover:hover){.user-row:hover{background:var(--surface-hover)}}.user-avatar{border-radius:var(--radius-full);background:var(--avatar-bg);width:28px;height:28px;color:var(--avatar-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:none;place-items:center;display:grid}.user-copy{flex:1;min-width:0}.user-copy strong{color:var(--text);font-size:var(--text-base);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-copy small{color:var(--text-tertiary);font-size:var(--text-sm);margin-top:1px;display:block}.overview-skeleton{padding-block:var(--space-1);gap:10px;display:grid}.overview-skeleton .skeleton-block{height:14px}.overview-error{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--warning-ink);font-size:var(--text-base);margin:auto 0;display:flex}.overview-error button{min-height:var(--control-sm);font-size:var(--text-sm);flex:none;padding:3px 10px}@media (width<=1199px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"pending tools""channels channels""stats users""recent recent"}}@media (width<=760px){.overview-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"pending""channels""tools""stats""recent""users"}.overview-card{padding:var(--space-4)}.channel-tile{min-height:0;padding:var(--space-3)}.channel-tile small{white-space:normal}.overview-stat strong{font-size:var(--text-2xl)}.overview-stats{gap:var(--space-2)}}.editor-layout{--editor-toolbar-h:50px;gap:var(--space-6);grid-template-columns:minmax(0,1fr) 280px;align-items:start;display:grid}.editor-layout>.crossfade{min-width:0}.editor-toolbar{top:calc(var(--topbar-h) + var(--space-3));z-index:var(--z-sticky);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);margin-bottom:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;flex-wrap:wrap;display:flex;position:sticky}.editor-toolbar button{min-height:var(--control-sm);font-size:var(--text-sm);gap:6px;padding:4px 10px}.toolbar-group{align-items:center;gap:2px;display:flex}.editor-toolbar .toolbar-icon{min-width:var(--control-sm);color:var(--muted);background:0 0;border-color:#0000;padding:0}@media (hover:hover){.editor-toolbar .toolbar-icon:hover:not(:disabled){color:var(--accent);background:var(--surface-hover);border-color:#0000}}.toolbar-divider{background:var(--border);flex:none;width:1px;height:20px}.mode-switch{background:var(--surface-inset);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:2px;padding:2px;display:inline-flex}.mode-switch button{min-height:28px;color:var(--muted);border-radius:var(--radius-sm);font-size:var(--text-sm);background:0 0;border:0;padding:2px 9px}.mode-switch button[aria-pressed=true]{color:var(--accent);background:var(--surface);box-shadow:none}@media (hover:hover){.mode-switch button:hover:not([aria-pressed=true]):not(:disabled){color:var(--text);background:var(--surface-hover)}}.editor-toolbar .toolbar-end{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.editor-toolbar .toolbar-save{min-height:var(--control-sm)}.save-state{border:1px solid var(--neutral-border);border-radius:var(--radius-full);background:var(--neutral-soft);min-width:128px;min-height:28px;color:var(--neutral-ink);font-size:var(--text-xs);white-space:nowrap;transition:color var(--motion-base) var(--ease-out), background-color var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out);justify-content:center;align-items:center;padding:0 10px;line-height:1;display:inline-flex}.save-state[data-state=saved]{color:var(--success-ink);background:var(--success-soft);border-color:var(--success-border)}.save-state[data-state=saving]{color:var(--info-ink);background:var(--info-soft);border-color:var(--info-border)}.save-state[data-state=dirty]{color:var(--warning-ink);background:var(--warning-soft);border-color:var(--warning-border)}.save-state[data-state=error]{color:var(--danger-ink);background:var(--danger-soft);border-color:var(--danger-border)}.save-state-label{align-items:center;gap:6px;line-height:28px;display:inline-flex}.editor-content{min-width:0;min-inline-size:0;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;margin:0}.editor-writing{width:100%;max-width:920px;margin-inline:auto}.editor-preview{padding:var(--space-8) var(--space-6)}.document-title{width:100%;min-height:var(--control-xl);margin:0 0 var(--space-5);padding:8px var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.3px;display:block}.document-title::placeholder{color:var(--text-tertiary);font-weight:var(--weight-normal)}@media (hover:hover){.document-title:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface)}}.document-title:focus-visible{border-color:var(--accent);background:var(--surface);box-shadow:var(--focus-glow)}.release-title{align-items:baseline;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.release-label{color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.release-title h2{font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.3px;margin:0}.release-title>button{min-height:var(--control-sm);font-size:var(--text-sm);margin-left:auto;padding:5px 12px}.segment-list{gap:var(--space-4);flex-direction:column;display:flex}.segment-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-base) var(--ease-out), opacity var(--motion-fast) var(--ease-out), scale var(--motion-slow) var(--ease-spring);position:relative}.segment-card[data-motion-phase]{opacity:var(--presence,1);transform:translateY(calc((1 - var(--presence,1)) * 12px)) scale(calc(.98 + var(--presence,1) * .02));will-change:auto}.segment-card[data-motion-phase=active]{transform:none}.segment-card:focus-within{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}@media (hover:hover){.segment-card:hover{border-color:var(--border-strong)}}.segment-card.is-dragging{opacity:.55;border-color:var(--accent);box-shadow:var(--shadow-md);scale:.99}.segment-card:before{content:"";left:var(--space-2);right:var(--space-2);border-radius:var(--radius-full);background:var(--accent);opacity:0;pointer-events:none;height:3px;transition:opacity var(--motion-fast) var(--ease-out), scale var(--motion-base) var(--ease-out);position:absolute;scale:.4 1}.segment-card[data-drop=before]:before{top:calc(-1 * var(--space-2) - 2px)}.segment-card[data-drop=after]:before{bottom:calc(-1 * var(--space-2) - 2px)}.segment-card[data-drop]:before{opacity:1;scale:1}.segment-bar{align-items:center;gap:var(--space-2);padding:5px 10px 5px var(--space-3);border-bottom:1px solid var(--border);border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--muted);font-size:var(--text-xs);background:0 0;display:flex}.segment-kind{color:var(--text);font-weight:var(--weight-medium)}.segment-index{border-radius:var(--radius-xs);background:var(--surface-inset);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;padding:1px 6px}.segment-actions{align-items:center;gap:2px;margin-left:auto;display:flex}.segment-actions button{min-width:26px;min-height:26px;color:var(--text-tertiary);border-radius:var(--radius-sm);background:0 0;border:0;padding:4px}@media (hover:hover){.segment-actions button:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:#0000}.segment-actions .segment-remove:hover:not(:disabled){color:var(--danger-ink);background:var(--danger-soft)}}.drag-handle{border-radius:var(--radius-xs);color:var(--text-tertiary);cursor:grab;padding:2px;display:flex}.drag-handle:active{cursor:grabbing;color:var(--accent)}@media (hover:hover){.drag-handle:hover{color:var(--text);background:var(--surface-hover)}}.markdown-input{width:100%;min-height:140px;padding:var(--space-3) var(--space-4);border-radius:0 0 var(--radius-md) var(--radius-md);color:var(--text);font-size:var(--text-md);line-height:var(--leading-relaxed);resize:none;background:0 0;border:0;display:block;overflow:hidden}.markdown-input::placeholder{color:var(--text-tertiary)}@media (hover:hover){.markdown-input:hover:not(:disabled){background:0 0;border-color:#0000}}.markdown-input:focus-visible{box-shadow:inset 0 0 0 2px var(--focus-ring-color);background:0 0;border-color:#0000}.image-segment{padding:var(--space-3) var(--space-4) var(--space-2)}.image-segment img{max-width:100%;max-height:380px;margin:0 auto var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);display:block}.image-segment .field{margin-bottom:var(--space-3)}.image-segment .field>label{color:var(--muted);font-size:var(--text-xs)}.media-state{justify-content:center;align-items:center;gap:var(--space-2);min-height:120px;margin-bottom:var(--space-4);padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-inset);color:var(--muted);font-size:var(--text-sm);text-align:center;flex-wrap:wrap;display:flex}.media-error{border-style:solid;border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger-ink)}.media-error button{min-height:28px;font-size:var(--text-sm);padding:2px 10px}.segment-empty{padding:var(--space-9) var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-inset);color:var(--muted);text-align:center}.segment-empty p{margin:0 0 var(--space-1);color:var(--text);font-size:var(--text-md)}.segment-empty small{color:var(--muted)}.add-segments{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.add-segments :where(button,.button){min-height:var(--control-md);background:var(--surface);color:var(--muted);font-size:var(--text-sm)}@media (hover:hover){.add-segments :where(button,.button):hover:not(:disabled){border-color:var(--accent);background:var(--surface-hover);color:var(--accent)}}.upload-label{position:relative;overflow:hidden}.upload-label[aria-busy=true]{opacity:.7}.upload-label[aria-busy=true] .upload-native-input{cursor:progress}.upload-label:has(:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.upload-native-input{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.document-preview{width:100%;max-width:760px;margin-inline:auto}.preview-title{margin:0 0 var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);font-size:var(--text-3xl);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.4px}.preview-empty{padding:var(--space-10) var(--space-5);border:1px dashed var(--border);border-radius:var(--radius-md);color:var(--muted);text-align:center;margin:0}.preview-image{margin:var(--space-5) 0}.preview-image img{border:1px solid var(--border);border-radius:var(--radius-md);max-width:100%;max-height:520px;margin-inline:auto;display:block}.preview-image .media-state{margin-bottom:0}.markdown{color:var(--text);font-size:var(--text-md);line-height:var(--leading-relaxed);overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown :is(h1,h2,h3,h4){margin:var(--space-6) 0 var(--space-3);color:var(--text);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.2px}.markdown h1{font-size:var(--text-2xl)}.markdown h2{font-size:var(--text-xl)}.markdown h3{font-size:var(--text-lg)}.markdown h4{font-size:var(--text-md)}.markdown p{margin:0 0 var(--space-4);color:var(--text);line-height:var(--leading-relaxed)}.markdown :is(ul,ol){margin:0 0 var(--space-4);padding-left:var(--space-6)}.markdown li{margin-bottom:var(--space-1);line-height:var(--leading-relaxed)}.markdown li::marker{color:var(--text-tertiary)}.markdown blockquote{margin:0 0 var(--space-4);padding:var(--space-2) var(--space-4);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-soft);color:var(--muted)}.markdown blockquote>:last-child{margin-bottom:0}.markdown code{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--surface-inset);font-family:var(--font-mono);overflow-wrap:anywhere;padding:1px 5px;font-size:.92em}.markdown pre{margin:0 0 var(--space-4);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);line-height:1.65;overflow:auto}.markdown pre code{font-size:var(--text-base);background:0 0;border:0;padding:0}.markdown a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}@media (hover:hover){.markdown a:hover{color:var(--accent-hover)}}.markdown img{border:1px solid var(--border);border-radius:var(--radius-md);max-width:100%}.markdown hr{margin:var(--space-6) 0;border:0;border-top:1px solid var(--border)}.markdown table{width:100%;margin:0 0 var(--space-4);border-collapse:collapse;font-size:var(--text-base)}.markdown :is(th,td){padding:var(--space-2) var(--space-3);border:1px solid var(--border);text-align:left}.markdown th{background:var(--surface-soft);font-weight:var(--weight-semibold)}.document-aside{top:calc(var(--topbar-h) + var(--space-3) + var(--editor-toolbar-h) + var(--space-4));height:max-content;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky}.document-aside h3{margin:0 0 var(--space-4);color:var(--text);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:0}.document-properties{flex-direction:column;margin:0;display:flex}.document-property{justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-base);padding:9px 0;display:flex}.document-property:first-child{border-top:0}.document-property dt{color:var(--muted)}.document-property dd{color:var(--text);font-weight:var(--weight-medium);text-align:right;margin:0}.document-property dd.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.document-property dd.muted-value{color:var(--text-tertiary);font-weight:var(--weight-normal)}.document-aside .field{margin:var(--space-4) 0 0;gap:var(--space-1)}.document-aside .field>label{color:var(--muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.document-aside .field input{min-height:var(--control-md);font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums;padding:6px 9px}.document-aside .field small{font-size:var(--text-xs)}.editor-help{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.editor-help h4{margin:0 0 var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.shortcut-list{gap:var(--space-2);margin:0 0 var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.shortcut-list li{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--muted);font-size:var(--text-xs);display:flex}.shortcut-list kbd{border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface-inset);color:var(--text);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;padding:1px 6px}.editor-help p{color:var(--text-tertiary);font-size:var(--text-xs);line-height:var(--leading-relaxed);margin:0}.conflict-banner{gap:var(--space-1) var(--space-4);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);border:1px solid var(--warning-border);border-radius:var(--radius-md);background:var(--warning-soft);color:var(--warning-ink);font-size:var(--text-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.conflict-banner strong{font-weight:var(--weight-semibold)}.conflict-banner p{color:inherit;font-size:var(--text-sm);line-height:var(--leading-normal);margin:0}.conflict-banner button{min-height:var(--control-sm);border-color:var(--warning-border);color:var(--warning-ink);font-size:var(--text-sm);background:0 0;grid-area:1/2/span 2;padding:5px 12px}@media (hover:hover){.conflict-banner button:hover:not(:disabled){border-color:var(--warning);background:color-mix(in srgb, var(--warning) 14%, transparent);color:var(--warning-ink)}}.dialog-body{display:block}.dialog-note{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--text-sm);line-height:var(--leading-normal)}.json-dialog .field,.publish-dialog .field{margin-bottom:var(--space-1)}.code-input{min-height:300px;padding:var(--space-3);background:var(--surface-inset);font-family:var(--font-mono);font-size:var(--text-base);tab-size:2;line-height:1.7}@media (width<=1024px){.editor-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.document-aside{gap:0 var(--space-5);grid-template-columns:minmax(0,1fr);display:grid;position:static}.document-properties{gap:0 var(--space-5);margin-bottom:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.document-property{border-top:0;padding:6px 0}.document-aside .field{margin-top:var(--space-3)}.editor-help{margin-top:var(--space-4)}.shortcut-list{gap:var(--space-2) var(--space-5);flex-flow:wrap}}@media (width<=760px){.editor-toolbar{top:calc(var(--topbar-h) + var(--space-2));padding:var(--space-2);margin-bottom:var(--space-4);border-radius:var(--radius-md)}.editor-toolbar button{min-height:var(--control-md)}.mode-switch button{min-height:32px}.toolbar-divider{display:none}.save-state{min-width:0}.editor-layout{gap:var(--space-4)}.editor-content{padding:var(--space-4)}.editor-preview{padding:var(--space-5) var(--space-4)}.editor-writing{max-width:none}.document-title{margin-bottom:var(--space-4);padding-bottom:var(--space-3);font-size:var(--text-xl)}.release-title h2{font-size:var(--text-xl)}.release-title>button{margin-left:0}.markdown-input{min-height:120px;padding:var(--space-3) var(--space-4)}.image-segment{padding:var(--space-3) var(--space-4) var(--space-1)}.segment-card:before{left:0;right:0}.segment-actions button{min-width:var(--control-sm);min-height:var(--control-sm)}.drag-handle{padding:var(--space-1)}.document-aside{padding:var(--space-4)}.document-properties{flex-direction:column;margin-bottom:0;display:flex}.document-property{border-top:1px solid var(--border-subtle);padding:8px 0}.document-property:first-child{border-top:0}.shortcut-list{gap:var(--space-2);flex-direction:column}.document-preview{max-width:none}.preview-title{font-size:var(--text-2xl)}.markdown h1{font-size:var(--text-xl)}.markdown table{display:block;overflow-x:auto}.conflict-banner{grid-template-columns:minmax(0,1fr)}.conflict-banner button{margin-top:var(--space-1);grid-area:auto/1;justify-self:start}}.settings-layout{--settings-nav-w:220px;grid-template-columns:var(--settings-nav-w) minmax(0, 1fr);gap:var(--space-5) var(--space-6);align-items:start;max-width:1120px;display:grid}.settings-nav{top:calc(var(--topbar-h) + var(--space-6));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-self:start;gap:2px;padding:6px;display:flex;position:sticky}.settings-nav a{align-items:center;gap:var(--space-3);min-height:var(--control-lg);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--muted);font-size:var(--text-md);font-weight:var(--weight-medium);z-index:1;transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out);display:flex;position:relative}.settings-nav a svg{color:var(--text-tertiary);transition:color var(--motion-fast) var(--ease-out);flex:none}@media (hover:hover){.settings-nav a:hover:not([aria-current=location]){background:var(--surface-hover);color:var(--text)}.settings-nav a:hover:not([aria-current=location]) svg{color:var(--text)}}.settings-nav a[aria-current=location]{color:var(--accent);font-weight:var(--weight-semibold)}.settings-nav a[aria-current=location] svg{color:var(--accent)}.settings-sections{gap:var(--space-4);flex-direction:column;min-width:0;max-width:820px;display:flex}.settings-card{--settings-card-pad:var(--space-5);scroll-margin-top:calc(var(--topbar-h) + var(--space-6));padding:var(--settings-card-pad)}.settings-card-header{align-items:flex-start;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.settings-card-icon{border:1px solid var(--accent-soft-strong);border-radius:var(--radius-md);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);flex:none;place-items:center;display:grid}.settings-card-heading{min-width:0}.settings-card-heading h2{font-size:var(--text-lg);margin:0}.settings-card-heading p{margin:var(--space-1) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--muted)}.settings-email{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);overflow-wrap:anywhere}.settings-card form,.settings-card .form-grid{max-width:none}.settings-card-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);display:flex}.setting-toggle{justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-top:1px solid var(--border-subtle);margin-top:var(--space-5);padding-top:var(--space-5);display:flex}.setting-toggle strong{font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--text)}.setting-toggle p{margin:var(--space-1) 0 0;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--muted)}.setting-toggle .setting-reason{color:var(--warning-ink)}.setting-toggle .switch{margin-top:1px}@media (width<=1000px){.settings-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.settings-sections{max-width:none}.settings-nav{scrollbar-width:none;flex-direction:row;padding:4px;position:relative;top:auto;overflow-x:auto}.settings-nav::-webkit-scrollbar{display:none}.settings-nav a{white-space:nowrap;flex:none}}@media (width<=760px){.settings-card{--settings-card-pad:var(--space-4)}.setting-toggle{gap:var(--space-3)}}.auth-layout{background:var(--bg);grid-template-columns:46% 54%;min-height:100dvh;display:grid}.auth-story{min-height:100dvh;padding:var(--space-8) var(--space-10) var(--space-6);color:var(--story-ink);background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--accent-soft) 90%, transparent), transparent 62%), radial-gradient(90% 70% at 100% 100%, color-mix(in srgb, var(--accent-2-soft) 80%, transparent), transparent 72%), linear-gradient(165deg, var(--story-bg), color-mix(in srgb, var(--story-bg) 74%, var(--surface)));flex-direction:column;display:flex;position:relative;overflow:hidden}.auth-story>.auth-backdrop{z-index:0;opacity:.5;position:absolute;inset:0}.auth-story:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(180deg, color-mix(in srgb, var(--story-bg) 82%, transparent), color-mix(in srgb, var(--story-bg) 46%, transparent) 48%, color-mix(in srgb, var(--story-bg) 88%, transparent));position:absolute;inset:0}.auth-story>:not(.auth-backdrop){z-index:2;position:relative}.auth-story>.brand{align-self:flex-start}.auth-story .brand-mark{background:var(--accent-fill);color:var(--on-accent);box-shadow:none}.auth-story .brand strong{color:var(--story-ink);letter-spacing:1.4px}.auth-story .brand em{color:var(--story-soft)}.story-copy{padding:var(--space-9) 0 var(--space-5);max-width:520px;margin:auto 0}.story-copy h1{font-size:clamp(32px,3.6vw,48px);font-weight:var(--weight-semibold);letter-spacing:-1px;color:var(--story-ink);text-wrap:balance;margin:0;line-height:1.32}.story-copy>p{margin:var(--space-4) 0 0;color:var(--story-soft);font-size:var(--text-md);line-height:var(--leading-relaxed)}.story-capabilities{margin:var(--space-8) 0 0;gap:var(--space-4);max-width:440px;padding:0;list-style:none;display:grid}.story-capabilities li{align-items:flex-start;gap:var(--space-3);display:flex}.story-capability-icon{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:36px;height:36px;color:var(--accent);flex:none;place-items:center;display:grid}.story-capability-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.story-capability-copy strong{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--story-ink);line-height:1.5}.story-capability-copy span{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--story-soft)}.story-footer{align-items:center;gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid color-mix(in srgb, var(--story-ink) 14%, transparent);font-size:var(--text-sm);color:var(--story-soft);margin-top:auto;display:flex}.auth-main{min-width:0;min-height:100dvh;padding:var(--space-6) var(--gutter) var(--space-5);background:var(--bg);flex-direction:column;display:flex;position:relative}.auth-main-top{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--control-xl);display:flex}.auth-top-label{font-size:var(--text-sm);color:var(--muted)}.auth-mobile-brand{display:none}.auth-theme-toggle{flex:none}.auth-main>.crossfade{flex-direction:column;flex:1;display:flex}.auth-main>.crossfade>*{flex-direction:column;display:flex}.auth-main>.crossfade>[data-motion-phase]{flex:1}.auth-form{width:100%;max-width:420px;padding:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:none;margin:auto}.auth-form h1{font-size:var(--text-h1);margin-bottom:var(--space-2)}.auth-form>p{font-size:var(--text-md);color:var(--muted);line-height:var(--leading-normal);margin-bottom:var(--space-6)}.auth-form .field{margin-bottom:var(--space-4)}.auth-form .ui-button{width:100%;min-height:var(--control-lg)}.auth-secondary{margin-bottom:var(--space-3)}.auth-submit{padding-inline:var(--space-4);justify-content:space-between}.auth-links{justify-content:space-between;gap:var(--space-2) var(--space-4);margin-top:var(--space-5);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;display:flex}.auth-links a{color:var(--accent)}@media (hover:hover){.auth-links a:hover{color:var(--accent-hover)}}.auth-note{justify-content:center;align-items:center;gap:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:var(--space-6);padding-top:var(--space-4);font-size:var(--text-sm);color:var(--muted);display:flex}.auth-note span{background:var(--success-ink);border-radius:var(--radius-full);width:6px;height:6px;display:inline-block}.auth-notice{padding:var(--space-3) var(--space-4);border:1px solid var(--warning-border);border-radius:var(--radius-md);background:var(--warning-soft);color:var(--warning-ink);font-size:var(--text-sm);line-height:var(--leading-normal);margin-bottom:var(--space-5)}.auth-bottom{justify-content:space-between;gap:var(--space-2) var(--space-4);padding-top:var(--space-3);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;display:flex}@media (width<=1200px){.auth-story{padding:var(--space-7) var(--space-8) var(--space-6)}.auth-main{padding:var(--space-5) var(--space-6) var(--space-4)}}@media (width<=960px){.auth-layout{grid-template-columns:1fr}.auth-story{display:none}.auth-main{padding:var(--space-5) var(--gutter) var(--space-4)}.auth-top-label{display:none}.auth-mobile-brand{align-items:center;min-width:0;display:flex}.auth-mobile-brand .brand{gap:var(--space-2)}.auth-mobile-brand .brand-mark{border-radius:var(--radius-md);width:32px;height:32px}.auth-mobile-brand .brand strong{font-size:var(--text-lg);letter-spacing:1.2px}.auth-mobile-brand .brand em{letter-spacing:1.4px;margin-top:1px;font-size:10px}.auth-form{max-width:440px}}@media (width<=560px){.auth-main{padding:var(--space-4) var(--space-4) var(--space-3)}.auth-form{padding:var(--space-5);border-radius:var(--radius-lg)}.auth-form h1{font-size:var(--text-2xl)}.auth-links{justify-content:flex-start}.auth-bottom{gap:var(--space-1);flex-direction:column}}[data-motion-phase]{transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out)}[data-motion-phase=enter],[data-motion-phase=exit]{opacity:0;will-change:opacity, transform;transform:translateY(10px)}[data-motion-phase=active]{opacity:1;transform:none}[data-motion-phase=exit]{transition-timing-function:var(--ease-in)}.crossfade-slot[data-motion-phase],.toast[data-motion-phase],.action-menu-panel[data-motion-phase],.modal-panel{opacity:var(--presence,1);will-change:auto;transition:none}.crossfade-slot:is([data-motion-phase=enter],[data-motion-phase=exit]){transform:translateY(calc((1 - var(--presence,1)) * 8px))}.modal[data-motion-phase]{opacity:1;transition:none;transform:none}.surface-stage,.surface-drift{position:relative}.surface-slot[data-motion-variant=surface]{transition-property:opacity;transition-duration:var(--motion-base);transition-timing-function:var(--ease-out)}.surface-slot[data-motion-variant=surface][data-motion-phase=exit]{transition-duration:var(--motion-fast)}.surface-slot[data-motion-variant=surface][data-motion-phase=active]{transition-duration:var(--motion-slow)}.surface-slot[data-motion-variant=surface][data-motion-phase=enter],.surface-slot[data-motion-variant=surface][data-motion-phase=exit]{opacity:0;will-change:opacity;transform:none}.surface-slot[data-motion-variant=surface][data-motion-phase=active]{opacity:1;transform:none}.surface-slot[data-surface-role=leave]{pointer-events:none}:root:active-view-transition .surface-slot[data-surface-role=stay] .main-content{view-transition-name:main-content}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:no-preference){::view-transition-old(main-content){animation:vt-out var(--motion-fast) var(--ease-in) both}::view-transition-new(main-content){animation:vt-in var(--motion-slow) var(--ease-out) both}::view-transition-group(main-content){animation-duration:var(--motion-slow);animation-timing-function:var(--ease-out)}}:root[data-theme-transition]:active-view-transition .main-content{view-transition-name:none}@keyframes vt-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(12px)}}.route-sweep{z-index:var(--z-overlay);pointer-events:none;opacity:0;background:linear-gradient(105deg, transparent 28%, var(--accent-soft) 44%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, var(--accent-soft) 56%, transparent 72%);position:fixed;inset:0}.route-sweep.play{animation:route-sweep .46s var(--ease-in-out)}@keyframes route-sweep{0%{opacity:0;transform:translate(-28%)}22%{opacity:1}to{opacity:0;transform:translate(28%)}}@media (prefers-reduced-motion:reduce){[data-motion-phase=enter],[data-motion-phase=exit]{opacity:1;will-change:auto;transform:none}.route-sweep{display:none}}:where(button,.button){transition:color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out)}:where(button,.button):where(:not(:disabled):active){transform:scale(var(--press-scale,.98));transition-duration:var(--motion-fast)}.action-menu-panel button:active,.tab-group button:active{transform:none}.auth-submit:not(:disabled):active{transform:translateY(1px)}.table-scroll table tbody tr{transition:background var(--motion-fast) var(--ease-out)}.row-reveal{animation:row-reveal var(--motion-slow) var(--ease-out) both}@keyframes row-reveal{0%{opacity:0;transform:translateY(8px)}}.empty{animation:panel-reveal var(--motion-slow) var(--ease-out) both}@keyframes panel-reveal{0%{opacity:0;transform:translateY(10px)}}.empty .empty-symbol{animation:symbol-pop var(--motion-slow) var(--ease-spring) 70ms both}@keyframes symbol-pop{0%{opacity:0;transform:scale(.6)}}.overview-grid>.overview-card{animation:row-reveal var(--motion-slow) var(--ease-out) both}.overview-grid>.overview-card:nth-child(2){animation-delay:45ms}.overview-grid>.overview-card:nth-child(3){animation-delay:90ms}.overview-grid>.overview-card:nth-child(4){animation-delay:.135s}.overview-grid>.overview-card:nth-child(5){animation-delay:.18s}.overview-grid>.overview-card:nth-child(6){animation-delay:.225s}.tab-group{position:relative}.tab-indicator{z-index:0;box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);opacity:0;will-change:transform;transition:opacity var(--motion-fast) var(--ease-out);position:absolute;top:0;left:0}.tab-group button{z-index:1;position:relative}.section-indicator{z-index:0;border-radius:var(--radius-md);background:var(--accent-soft);opacity:0;will-change:transform;transition:opacity var(--motion-fast) var(--ease-out);position:absolute;top:0;left:0}.crossfade{position:relative}.crossfade-leave{pointer-events:none;position:absolute;inset:0}.toast-region{right:var(--space-5);bottom:var(--space-5);z-index:var(--z-toast);pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed}.floating-host{display:contents}.toast-stack{flex-direction:column;gap:10px;display:flex}.toast-stack:empty{margin-top:-10px}.toast{pointer-events:auto;padding:var(--space-3) 34px 14px 14px;border-radius:var(--radius-lg);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--text);align-items:flex-start;gap:10px;display:flex;position:relative;overflow:hidden}.toast[data-motion-phase]{transform:translateX(calc((1 - var(--presence,1)) * 28px)) scale(calc(.97 + var(--presence,1) * .03))}.toast>svg{color:var(--accent);flex:none;margin-top:1px}.toast.error>svg{color:var(--danger)}.toast-body{min-width:0;font-size:var(--text-base);flex:1;justify-items:start;gap:6px;line-height:1.5;display:grid}.toast-request{align-items:center;gap:6px;min-width:0;max-width:100%;display:inline-flex}.toast-request code{min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);background:var(--surface-soft);border-radius:var(--radius-sm);text-overflow:ellipsis;white-space:nowrap;max-width:200px;padding:2px 6px;display:inline-block;overflow:hidden}.toast button{border-radius:var(--radius-sm);min-height:24px;color:var(--muted);background:0 0;border:none;padding:3px}@media (hover:hover){.toast button:hover{background:var(--surface-hover);color:var(--text)}}.toast-close{top:var(--space-2);right:var(--space-2);position:absolute}.toast-progress{background:var(--accent);transform-origin:0;width:100%;height:2px;animation:linear both toast-progress;position:absolute;bottom:0;left:0}.toast.error .toast-progress{background:var(--danger)}@keyframes toast-progress{0%{transform:scaleX(var(--progress-from,1))}to{transform:scaleX(0)}}.modal{width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-4);color:var(--text);overscroll-behavior:contain;background:0 0;border:0;margin:0;position:fixed;inset:0;overflow:auto}.modal[open]{place-items:center;display:grid}.modal::backdrop{background:0 0}.modal:before{content:"";z-index:-1;background:var(--scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--presence,1);pointer-events:none;position:fixed;inset:0}.modal-panel{width:min(580px,100%);max-height:calc(100dvh - 2 * var(--space-4));border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-6);box-shadow:var(--glass-highlight), var(--shadow-overlay);transform:translateY(calc((1 - var(--presence,1)) * 18px)) scale(calc(.98 + var(--presence,1) * .02));overflow:auto}.modal--danger .modal-panel{box-shadow:inset 0 3px 0 var(--danger), var(--shadow-overlay)}.modal--danger .modal-head h2{color:var(--danger)}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:22px;display:flex}.modal-head h2{font-size:var(--text-lg);margin:0}.modal-actions{border-top:1px solid var(--border);margin-top:var(--space-6);padding-top:var(--space-5);justify-content:flex-end;gap:9px;display:flex}.confirm-description{color:var(--muted);margin:2px 0 14px;line-height:1.6}.confirm-input{margin-bottom:var(--space-4);gap:6px;display:grid}.confirm-input span{font-size:var(--text-base);font-weight:500}.confirm-input small{color:var(--danger)}.confirm-actions{justify-content:flex-end;gap:10px;display:flex}.action-menu{position:relative}.action-menu-trigger{border-radius:var(--radius-sm);min-height:34px;color:var(--muted);background:0 0;border:0;padding:6px}@media (hover:hover){.action-menu-trigger:hover{background:var(--surface-hover);color:var(--text)}}.action-menu-panel{z-index:var(--z-popover);transform-origin:100% 0;background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-highlight), var(--shadow-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-md);min-width:128px;padding:5px;display:grid;position:fixed;top:0;left:0}.action-menu-panel[data-motion-phase]{transform:translateY(calc((1 - var(--presence,1)) * -4px)) scale(calc(.96 + var(--presence,1) * .04))}.action-menu-panel[data-placement=above]{transform-origin:100% 100%}.action-menu-panel button{border-radius:var(--radius-sm);width:100%;min-height:34px;font-size:var(--text-sm);background:0 0;border:0;justify-content:flex-start}@media (hover:hover){.action-menu-panel button:hover:not(:disabled){background:var(--surface-hover)}}.action-menu-panel button:focus-visible{background:var(--surface-hover)}.account-menu{flex:none}.account-menu-trigger{border-radius:var(--radius-sm);max-width:240px;min-height:40px;color:var(--text);font-size:var(--text-md);font-weight:var(--weight-medium);background:0 0;border:1px solid #0000;gap:10px;padding:4px 8px 4px 4px}@media (hover:hover){.account-menu-trigger:hover{background:var(--surface-hover);border-color:#0000}}.account-menu-trigger[aria-expanded=true]{background:var(--surface);border-color:var(--border)}.account-avatar{border-radius:var(--radius-full);background:var(--avatar-bg);width:32px;height:32px;color:var(--avatar-ink);font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:none;place-items:center;display:grid}.account-labels{text-align:left;flex-direction:column;align-items:flex-start;gap:1px;min-width:0;line-height:1.25;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:132px;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);overflow:hidden}.account-username{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:132px;color:var(--text-tertiary);font-size:var(--text-xs);line-height:1.3;overflow:hidden}.account-chevron{color:var(--icon-muted);flex:none}.account-menu-panel{min-width:196px}.account-menu-panel button{min-height:38px;color:var(--text);font-size:var(--text-md);gap:10px;padding:0 10px}.account-menu-panel button svg{color:var(--icon-muted);flex:none}@media (hover:hover){.action-menu-panel .account-menu-signout:hover:not(:disabled){background:var(--danger-soft);color:var(--danger-ink)}.action-menu-panel .account-menu-signout:hover:not(:disabled) svg{color:var(--danger)}}.account-menu-panel .account-menu-signout[aria-busy=true]{opacity:1;cursor:progress}@media (width<=900px){.account-labels,.account-chevron{display:none}.account-menu-trigger{min-height:var(--control-md);padding:3px}}.skeleton-region{gap:var(--space-3);display:grid}.skeleton-block{border-radius:var(--radius-sm);background:linear-gradient(100deg, var(--surface-soft) 40%, var(--border) 50%, var(--surface-soft) 60%);height:12px;animation:skeleton-shimmer 1.4s var(--ease-in-out) infinite;background-size:200% 100%;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-80% 0}}.table-skeleton .skeleton-row{padding:15px var(--space-4);border-bottom:1px solid var(--border);align-items:center;gap:14px;display:flex}.cards-skeleton{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.skeleton-card{gap:var(--space-3);border-radius:var(--radius-md);padding:18px;display:grid}.form-skeleton{gap:18px}.skeleton-field{gap:var(--space-2);display:grid}.stats-skeleton{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.skeleton-stat{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-md);display:grid}.error-panel-actions{margin-top:var(--space-4);justify-content:center;gap:10px;display:flex}.not-found .empty-symbol{color:var(--accent);letter-spacing:2px;font-size:30px;font-weight:700}@media (width<=760px){.modal-panel{padding:21px}.modal-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.toast-progress,.skeleton-block{animation:none}}.three-layer{pointer-events:none;-webkit-user-select:none;user-select:none;contain:layout paint style;position:relative;overflow:hidden}.three-layer:before,.three-canvas{transition:opacity var(--motion-slow) var(--ease-out);position:absolute;inset:0}.three-layer:before{content:"";border-radius:inherit}.three-canvas{pointer-events:none;opacity:0;width:100%;height:100%;display:block}.three-layer[data-three=live] .three-canvas{opacity:1}.three-layer[data-three=live]:before{opacity:0}.auth-backdrop{z-index:0;position:absolute;inset:0}.auth-backdrop:before{background:radial-gradient(38% 32% at 24% 30%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 72%), radial-gradient(30% 26% at 76% 64%, color-mix(in srgb, var(--accent-2) 10%, transparent), transparent 70%), radial-gradient(22% 20% at 58% 18%, color-mix(in srgb, var(--surface) 45%, transparent), transparent 70%)}.auth-backdrop[data-three=live]:before{opacity:.4}.orb-accent{aspect-ratio:1;border-radius:var(--radius-full);width:100%}.orb-accent:before{background:radial-gradient(circle at 40% 38%, color-mix(in srgb, var(--surface) 85%, transparent) 0 6%, transparent 22%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--accent) 14%, transparent) 0 30%, color-mix(in srgb, var(--accent) 30%, transparent) 47%, transparent 49%)}
