:root{--icon-size: 24px;--spacing-2xs: 2px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-2xl: 32px;--padding-2xs: 2px;--padding-xs: 4px;--padding-sm: 8px;--padding-md: 12px;--padding-lg: 16px;--padding-xl: 24px;--padding-2xl: 32px;--padding-3xl: 48px;--measure-page: 1120px;--measure-narrow: 800px;--measure-chat: 720px;--rail-width: 232px;--rhythm-section: 120px;--rhythm-section-sm: 64px;--rhythm-foot: 96px;--rhythm-panel: 56px;--public-nav-width: 216px;--font-xs: 11px;--font-sm: 13px;--font-md: 14px;--font-lg: 16px;--font-xl: 22px;--font-2xl: 28px;--font-display: 48px;--font-display-lg: 56px;--font-display-xl: 76px;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-red: #ef4444;--accent-amber: #f59e0b;--accent-purple: #8b5cf6;--z-elevated: 200;--z-overlay: 300;--z-confirmation: 400;--z-toast: 500;--radius-2xs: 2px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 30px;--radius-3xl: 32px;--radius-4xl: 36px;--radius-5xl: 48px;--radius-6xl: 64px;--radius-pill: 9999px;color-scheme:light;--surface-primary: #ffffff;--surface-primary-unsafe: #fafaf9;--surface-contrast: #000000;--surface-hover: rgb(240, 241, 242);--surface-active: rgb(240, 241, 242);--surface-elevated: #ffffff;--surface-elevated-unsafe: #fafaf9;--surface-muted: rgb(238, 240, 242);--surface-muted-hover: rgb(230, 232, 235);--surface-sunken: rgb(242, 243, 245);--text-primary: #111111;--text-secondary: #333333;--text-tertiary: #555555;--text-muted: #666666;--text-faint: #888888;--text-ghost: #999999;--text-on-accent: #ffffff;--border-default: rgb(220, 221, 222);--border-subtle: rgb(230, 231, 232);--border-none: none;--border-faint: rgb(240, 241, 242);--border-hover: rgb(180, 181, 182);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--focus-ring: rgb(120, 121, 123);--ring-focus: 0 0 0 2px color-mix(in srgb, var(--focus-ring) 15%, transparent);--ring-error: 0 0 0 2px color-mix(in srgb, var(--accent-red) 10%, transparent);--tint-surface: 6%;--tint-emphasis: 15%;--padding-pill: 6px;--padding-badge: 3px;--size-switch-w: 38px;--size-switch-h: 22px;--size-switch-knob: 16px;--size-avatar-sm: 26px;--size-avatar-md: 38px;--size-hero-icon: 56px;--size-control-sm: 24px;--size-control-md: 32px;--size-control-lg: 40px;--size-control-row: 38px;--dialog-max-height: 85vh;--menu-bar-offset: 50px;--header-height: 56px;--overlay-backdrop: rgba(0, 0, 0, .3);--shadow-soft: 0 1px 3px rgba(17, 24, 32, .06);--shadow-elevated: 0 4px 16px rgba(17, 24, 32, .1);--shadow-dialog: 0 8px 32px rgba(0, 0, 0, .12);--shadow-drawer: 0 -4px 24px rgba(0, 0, 0, .12);--shadow-slide: 4px 0 24px rgba(0, 0, 0, .12);--handle-color: rgb(210, 211, 212);--tab-active-bg: #111111;--tab-active-text: #ffffff;--tooltip-bg: #111111;--tooltip-text: #ffffff}:root[data-density=compact]{--spacing-md: 10px;--spacing-lg: 12px;--spacing-xl: 18px;--spacing-2xl: 24px;--padding-md: 10px;--padding-lg: 12px;--padding-xl: 18px;--padding-2xl: 24px;--padding-3xl: 36px}[data-theme=dark]{color-scheme:dark;--surface-primary: #161718;--surface-primary-unsafe: #141516;--surface-contrast: #ffffff;--surface-hover: rgb(45, 46, 48);--surface-active: rgb(45, 46, 48);--surface-elevated: #26272a;--surface-elevated-unsafe: #232426;--surface-muted: rgb(31, 32, 34);--surface-muted-hover: rgb(38, 39, 42);--surface-sunken: #0e0f10;--text-primary: #e5e5e5;--text-secondary: #cccccc;--text-tertiary: #aaaaaa;--text-muted: #999999;--text-faint: #777777;--text-ghost: #666666;--text-on-accent: #ffffff;--focus-ring: rgb(140, 141, 143);--border-default: rgb(55, 56, 58);--border-subtle: rgb(40, 41, 44);--border-none: none;--border-faint: rgb(32, 33, 35);--border-hover: rgb(80, 81, 83);--overlay-backdrop: rgba(0, 0, 0, .5);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .35);--shadow-elevated: 0 6px 20px rgba(0, 0, 0, .45);--shadow-dialog: 0 8px 32px rgba(0, 0, 0, .4);--shadow-drawer: 0 -4px 24px rgba(0, 0, 0, .4);--shadow-slide: 4px 0 24px rgba(0, 0, 0, .4);--handle-color: rgb(80, 81, 83);--tab-active-bg: #e5e5e5;--tab-active-text: #111111;--tooltip-bg: #ffffff;--tooltip-text: #111111}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes field-pulse{0%,to{border-color:var(--border-default);box-shadow:none}50%{border-color:var(--focus-ring);box-shadow:var(--ring-focus)}}.field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-stack{display:flex;flex-direction:column;gap:var(--spacing-md)}.section-label{font-size:var(--font-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin:var(--spacing-xl) 0 var(--spacing-md)}.section-label:first-child{margin-top:var(--spacing-xs)}.form-stack>.section-label{margin:var(--spacing-xs) 0 calc(-1 * var(--spacing-xs))}.accent-chip{--chip-size: var(--size-avatar-md);display:grid;place-items:center;flex:none;width:var(--chip-size);height:var(--chip-size);border-radius:var(--radius-md);background:color-mix(in srgb,var(--chip-accent) var(--tint-emphasis),transparent);color:var(--chip-accent)}.field-label{font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.required-star{color:inherit;margin-left:var(--spacing-2xs);font-weight:var(--font-weight-medium)}.field-input{flex:1;width:100%;padding:var(--padding-sm) var(--padding-md);font-size:var(--font-md);font-family:inherit;color:var(--text-primary);background:transparent;border:none;outline:none;min-width:0}.field-input::placeholder{color:var(--text-ghost)}.field-input:disabled{cursor:not-allowed}.field-control{display:flex;align-items:center;min-height:var(--size-control-row);background:var(--surface-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.field-control.compact{min-height:0}.field-control:focus-within{border-color:var(--focus-ring);box-shadow:var(--ring-focus)}.field-control.invalid{border-color:var(--accent-red);box-shadow:var(--ring-error)}.field-control.disabled,.field-control:disabled{opacity:.5;cursor:not-allowed}.field-control.busy{opacity:1;animation:field-pulse 1.6s ease-in-out infinite;animation-delay:var(--field-pulse-delay, 0s)}.field-control .affix{display:grid;place-items:center;flex:none;color:var(--text-muted);font-size:var(--font-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.field-control.pre{padding-left:var(--padding-md)}.field-control.suf{padding-right:var(--padding-md)}.field-control [prefix],.field-control [suffix]{display:flex;align-items:center;color:var(--text-muted);font-size:var(--font-md);-webkit-user-select:none;user-select:none;flex-shrink:0}.field-control [prefix]{padding-left:var(--padding-md)}.field-control [suffix]{padding-right:var(--padding-md)}.field-control:has([prefix]) .field-input{padding-left:var(--padding-sm)}.field-control:has([suffix]) .field-input{padding-right:var(--padding-sm)}.field-error{font-size:var(--font-sm);color:var(--accent-red);min-height:16px}.dropdown-menu{max-height:240px;overflow-y:auto;background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:var(--padding-sm);animation:drop-in var(--transition-fast)}.state-note{padding:var(--padding-xl);font-size:var(--font-sm);color:var(--text-ghost);text-align:center}.group-head{display:flex;align-items:center;gap:var(--spacing-sm)}.group-head .group-dot{width:var(--spacing-sm);height:var(--spacing-sm);border-radius:var(--radius-pill);flex:none}.group-head .group-name{font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.group-head .group-count{font-size:var(--font-xs);font-weight:var(--font-weight-medium);color:var(--text-muted)}.toolbar{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;padding-bottom:var(--padding-md);flex:none}.toolbar-spacer{flex:1}.list-row{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--padding-md) var(--padding-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;font:inherit;text-align:left;transition:background var(--transition-fast)}.list-row.interactive{cursor:pointer}.list-row.interactive:hover{background:var(--surface-hover)}.list-row.divided{border-bottom:1px solid var(--border-faint);border-radius:0}.list-row.align-start{align-items:flex-start}.list-row-text{flex:1;min-width:0}.list-row-title{display:block;font-size:var(--font-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-sub{display:block;font-size:var(--font-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-row-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex:none}.more-row{display:flex;justify-content:center;padding:var(--padding-md)}.chip{display:inline-flex;align-items:center;gap:var(--padding-pill);font-family:inherit;font-size:var(--font-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-muted);border:none;border-radius:var(--radius-pill);padding:var(--padding-pill) var(--padding-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);padding-bottom:var(--padding-md)}.chip:hover{background:var(--surface-muted-hover)}.chip.on{color:var(--text-primary);background:var(--surface-elevated);box-shadow:var(--ring-focus)}.note{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--padding-md);border-radius:var(--radius-lg);background:var(--surface-muted);font-size:var(--font-sm);color:var(--text-muted);line-height:1.45}.note .note-icon{display:grid;place-items:center;flex:none;color:var(--accent-blue)}.note.warning{background:color-mix(in srgb,var(--accent-amber) var(--tint-surface),transparent);color:var(--text-secondary)}.note.warning .note-icon{color:var(--accent-amber)}.dot-grid{position:relative;isolation:isolate}.dot-grid:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--border-hover) 1px,transparent 1px);background-size:var(--spacing-xl) var(--spacing-xl)}.dot-grid.fade:before{mask-image:radial-gradient(70% 70% at 50% 45%,#000,transparent);-webkit-mask-image:radial-gradient(70% 70% at 50% 45%,#000,transparent)}.stage-panel{border-radius:var(--radius-4xl);background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border-subtle);padding:var(--rhythm-panel) var(--padding-2xl);overflow:hidden}.stage-cap{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);font-size:var(--font-xs);color:var(--text-muted);text-align:center}.stage-cap .live-dot{width:var(--padding-pill);height:var(--padding-pill);border-radius:var(--radius-pill);background:var(--accent-green);flex:none;animation:livedot 2s ease-in-out infinite}@keyframes livedot{50%{opacity:.25}}.pagehero{position:relative;overflow:hidden;isolation:isolate;border-radius:var(--radius-4xl);padding:var(--padding-2xl)}.pagehero.tall{padding:var(--rhythm-foot) var(--padding-xl) 0}.pagehero.center{text-align:center}.pagehero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(65% 75% at 50% -12%,color-mix(in srgb,var(--accent-purple) 17%,transparent),transparent 72%),radial-gradient(55% 65% at 12% 6%,color-mix(in srgb,var(--accent-blue) 12%,transparent),transparent 72%),var(--surface-sunken)}.pagehero.tall:before{background:radial-gradient(65% 75% at 50% -12%,color-mix(in srgb,var(--accent-purple) 17%,transparent),transparent 72%),radial-gradient(55% 65% at 12% 6%,color-mix(in srgb,var(--accent-blue) 12%,transparent),transparent 72%)}.pagehero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.5;background-image:radial-gradient(var(--border-hover) 1px,transparent 1px);background-size:var(--spacing-xl) var(--spacing-xl);mask-image:linear-gradient(115deg,#000,transparent 60%);-webkit-mask-image:linear-gradient(115deg,#000,transparent 60%)}.pagehero.tall:after{mask-image:linear-gradient(to bottom,#000,transparent 60%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 60%)}.pagehero .hero-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:grid;place-items:center;margin-bottom:var(--spacing-lg);color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue) var(--tint-emphasis),transparent)}.pagehero h1:not(.hero-display){margin:0;font-size:var(--font-2xl);font-weight:var(--font-weight-bold);letter-spacing:-.03em;color:var(--text-primary)}.pagehero p{margin:var(--spacing-sm) 0 0;font-size:var(--font-md);color:var(--text-muted);line-height:1.55;max-width:64ch}.pagehero.center p{margin-inline:auto;max-width:52ch}.pagehero.tall p{margin:var(--spacing-lg) auto 0;font-size:var(--font-lg);color:var(--text-secondary);max-width:54ch}.hero-display{margin:var(--spacing-lg) 0 0;font-size:var(--font-display-xl);font-weight:var(--font-weight-bold);letter-spacing:-.04em;line-height:1.02;color:var(--text-primary)}.hero-display em{font-style:normal;background:linear-gradient(100deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-eyebrow{display:inline-flex;align-items:center;gap:var(--padding-pill);font-size:var(--font-xs);font-weight:var(--font-weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-pill);background:var(--surface-muted)}@media(max-width:900px){.hero-display{font-size:var(--font-display-lg)}}@media(max-width:640px){.pagehero{border-radius:var(--radius-2xl)}.pagehero.tall{padding-top:var(--padding-2xl)}.stage-panel{padding:var(--padding-2xl) var(--padding-lg);border-radius:var(--radius-2xl)}.hero-display{font-size:var(--font-2xl);letter-spacing:-.03em}}.form-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.col-12{flex:0 0 100%;width:100%;box-sizing:border-box}@media(min-width:768px){.md-12{flex:0 0 100%;width:100%}}@media(min-width:992px){.lg-6{flex:0 0 calc(50% - var(--spacing-md) / 2);width:calc(50% - var(--spacing-md) / 2)}}app-dialog .lg-6,app-drawer .lg-6,.region--sidebar app-dock .lg-6,.region--panel app-dock .lg-6{flex:0 0 100%!important;width:100%!important}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-icon.icon-inline{font-size:1.1em}.fade-in-delayed{animation:fadeInDelayed .35s ease forwards}.card-hit{display:block;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.surface-card{background:var(--surface-primary);border:1px solid var(--border-faint);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}@keyframes fadeInDelayed{0%,55%{opacity:0}to{opacity:1}}