:root{--p-indigo-500: #6366f1;--p-indigo-600: #4f46e5;--p-violet-500: #8b5cf6;--p-green-500: #22c55e;--p-amber-500: #f59e0b;--p-red-500: #ef4444;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--line-tight: 1.3;--line-base: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--border-width: 1px;--motion-fast: .12s;--motion-base: .18s;--ease-standard: cubic-bezier(.2, 0, 0, 1)}:root,:root[data-theme=dark]{--color-bg: #0f0f12;--color-surface: #18181b;--color-surface-raised: #1f1f23;--color-border: #2c2c31;--color-border-strong: #3a3a40;--color-text: #e7e7ea;--color-text-dim: #a1a1aa;--color-text-faint: #71717a;--color-action: #6366f1;--color-action-hover: #4f46e5;--color-on-action: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-neutral: #52525b;--color-focus-ring: #818cf8;--tone-action-bg: rgba(99, 102, 241, .12);--tone-success-bg: rgba(34, 197, 94, .1);--tone-warning-bg: rgba(245, 158, 11, .12);--tone-danger-bg: rgba(239, 68, 68, .12);--tone-neutral-bg: rgba(82, 82, 91, .18);--elevation-1: 0 1px 2px rgba(0, 0, 0, .3);--elevation-2: 0 6px 24px rgba(0, 0, 0, .35);--skeleton-base: #1f1f23;--skeleton-shine: #2c2c31}:root[data-theme=light]{--color-bg: #f7f7f9;--color-surface: #ffffff;--color-surface-raised: #f1f1f4;--color-border: #e2e2e6;--color-border-strong: #cfcfd6;--color-text: #1b1b1f;--color-text-dim: #52525b;--color-text-faint: #71717a;--color-action: #4f46e5;--color-action-hover: #4338ca;--color-on-action: #ffffff;--color-success: #15803d;--color-warning: #b45309;--color-danger: #b91c1c;--color-neutral: #71717a;--color-focus-ring: #4f46e5;--tone-action-bg: rgba(79, 70, 229, .1);--tone-success-bg: rgba(21, 128, 61, .1);--tone-warning-bg: rgba(180, 83, 9, .12);--tone-danger-bg: rgba(185, 28, 28, .1);--tone-neutral-bg: rgba(113, 113, 122, .14);--elevation-1: 0 1px 2px rgba(24, 24, 27, .08);--elevation-2: 0 6px 24px rgba(24, 24, 27, .12);--skeleton-base: #ececef;--skeleton-shine: #f6f6f8}:root{--bg: var(--color-bg);--surface: var(--color-surface);--surface-raised: var(--color-surface-raised);--border: var(--color-border);--text: var(--color-text);--text-dim: var(--color-text-dim);--text-faint: var(--color-text-faint);--accent: var(--color-action);--accent-hover: var(--color-action-hover);--ready: var(--color-success);--warning: var(--color-warning);--review: var(--color-warning);--blocked: var(--color-danger);--unavailable: var(--color-neutral);--radius: var(--radius-md);--mono: var(--font-mono);--sans: var(--font-sans)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:220px 1fr;height:100%}.rail{background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;gap:4px}.rail-brand{font-weight:600;letter-spacing:.02em;padding:4px 8px 16px}.rail-brand small{display:block;color:var(--text-faint);font-weight:400;font-size:11px}.rail-link{padding:8px 10px;border-radius:8px;color:var(--text-dim);font-size:13px;display:flex;align-items:center;gap:8px}.rail-link:hover,.rail-link.active{background:var(--surface-raised);color:var(--text)}.rail-section{margin-top:16px;padding:4px 10px;color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.rail-deferred{color:var(--text-faint);cursor:default;opacity:.6}.main{overflow:auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.topbar h1{font-size:16px;font-weight:600;margin:0}.crumbs{color:var(--text-faint);font-size:12px}.content{padding:24px;max-width:1100px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:border-color .15s}.card:hover{border-color:#3a3a40}.card h3{margin:0 0 4px;font-size:14px}.card .meta{color:var(--text-faint);font-size:12px;font-family:var(--mono)}.row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);margin-bottom:8px}.row .label{font-size:13px}.row .sub{color:var(--text-faint);font-size:12px;font-family:var(--mono)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-ready{color:var(--ready);background:#22c55e1a}.badge-review_required{color:var(--review);background:#f59e0b1f}.badge-warning{color:var(--warning);background:#f59e0b1f}.badge-blocked{color:var(--blocked);background:#ef44441f}.badge-unavailable{color:var(--text-dim);background:#52525b2e}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;cursor:pointer;transition:background .15s}.btn:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.btn-ghost:hover{background:var(--surface-raised);color:var(--text)}.input{background:var(--surface-raised);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px;font-size:13px;width:100%}.input:focus{outline:none;border-color:var(--accent)}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--text-dim);margin-bottom:5px}.state{padding:40px;text-align:center;color:var(--text-faint)}.state.error{color:var(--blocked)}.warnings{margin-top:12px;padding:12px 14px;border-radius:8px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25)}.warnings ul{margin:6px 0 0;padding:0}.warnings li{color:var(--warning);font-size:12px;margin-left:16px}.note{color:var(--text-faint);font-size:12px}.deferred-tag{font-size:10px;color:var(--text-faint);border:1px solid var(--border);padding:1px 6px;border-radius:4px;margin-left:8px}.stat-strip{display:grid;gap:10px;margin-bottom:24px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.stat-label{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:12px}.stat-value{font-size:18px;font-weight:600;margin-top:6px;word-break:break-word}.stat-sub{color:var(--text-faint);font-size:11px;font-family:var(--mono);margin-top:2px}.tone-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--unavailable)}.tone-ok{background:var(--ready)}.tone-warn{background:var(--warning)}.tone-over{background:var(--blocked)}.tone-none{background:var(--unavailable)}.warn-bar{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.warn-line{font-size:12px;padding:8px 12px;border-radius:8px;border:1px solid transparent}.warn-info{color:var(--text-dim);background:var(--surface);border-color:var(--border)}.warn-warn{color:var(--warning);background:#f59e0b14;border-color:#f59e0b40}.warn-error{color:var(--blocked);background:#ef444414;border-color:#ef444440}.row-actions{display:flex;align-items:center;gap:8px}.confirm-chip{background:var(--surface);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius);padding:12px 14px;margin:8px 0}.confirm-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.confirm-actions{display:flex;gap:8px;margin-top:8px}.confirm-result{margin-top:8px}.tool-result{font-family:var(--mono);font-size:11px;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px;margin:6px 0;white-space:pre-wrap;word-break:break-word;max-height:280px;overflow:auto}.select{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:13px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;margin:8px 0}.plan-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}.plan-list{margin:0 0 10px 18px;padding:0;color:var(--text-dim);font-size:13px;line-height:1.5}.mix-strip{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:8px}.mix-strip-head{display:flex;align-items:baseline;gap:8px}.mix-strip-name{font-size:13px;font-weight:600}.mix-strip-params{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0;color:var(--text-dim);font-size:12px;font-family:var(--mono)}.mix-flag{color:var(--warning)}.mix-chain{display:flex;flex-wrap:wrap;gap:6px}.mix-lane{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;margin-bottom:8px}.mix-lane-head{display:flex;align-items:center;justify-content:space-between}.mix-lane-svg{width:100%;height:40px;color:var(--accent);margin:6px 0;display:block}.mix-snapshot-detail{margin-top:8px}.login-wrap{display:flex;align-items:center;justify-content:center;height:100%}.login-card{width:340px}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);margin:24px 0 10px}.theme-control button:focus-visible,.panel a:focus-visible,.theme-opt:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.icon{display:inline-block;flex:none;vertical-align:middle}.panel{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--elevation-1)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border)}.panel-title{margin:0;font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.panel-actions{display:flex;align-items:center;gap:var(--space-2)}.panel-body{padding:var(--space-4)}.panel-body--flush{padding:0}.panel-foot{padding:var(--space-3) var(--space-4);border-top:var(--border-width) solid var(--color-border);color:var(--color-text-faint);font-size:var(--text-sm)}.metric{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.metric-label{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-dim);font-size:var(--text-sm)}.metric-value{margin-top:var(--space-2);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-text);word-break:break-word}.metric-sub{margin-top:2px;color:var(--color-text-faint);font-size:var(--text-xs);font-family:var(--font-mono)}.metric-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--color-neutral)}.metric-dot-success{background:var(--color-success)}.metric-dot-warning{background:var(--color-warning)}.metric-dot-danger{background:var(--color-danger)}.metric-dot-action{background:var(--color-action)}.metric-dot-neutral{background:var(--color-neutral)}.theme-control{display:inline-flex;gap:2px;padding:3px;background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md)}.theme-opt{display:inline-flex;align-items:center;gap:var(--space-2);padding:5px 9px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-dim);font-size:var(--text-sm);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.theme-opt:hover{color:var(--color-text)}.theme-opt.is-active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--elevation-1)}.theme-opt-label{font-size:var(--text-sm)}.skeleton-stack{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton{background:var(--skeleton-base);background-image:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;background-image:none}.theme-opt{transition:none}}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--color-action);color:var(--color-on-action);padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.skip-link:focus{left:var(--space-2);top:var(--space-2)}.app-shell{--rail-w: 248px;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr);min-height:100%}.app-shell[data-collapsed=true]{--rail-w: 72px}.app-rail{position:sticky;top:0;align-self:start;height:100vh;background:var(--color-surface);border-right:var(--border-width) solid var(--color-border);overflow:hidden}.nav-rail{display:flex;flex-direction:column;height:100%;padding:var(--space-3) var(--space-2)}.nav-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-2) var(--space-3)}.nav-brand{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:.01em;color:var(--color-text)}.nav-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-faint);cursor:pointer}.nav-collapse-btn:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-context{padding:0 var(--space-2) var(--space-2)}.nav-groups{display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-faint);padding:var(--space-2) var(--space-2) 2px}.nav-item{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border-radius:var(--radius-sm);color:var(--color-text-dim);font-size:var(--text-base);transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.nav-item:hover{background:var(--color-surface-raised);color:var(--color-text)}.nav-item.is-active{background:var(--tone-action-bg);color:var(--color-text);font-weight:var(--weight-medium)}.nav-item.is-active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 2px 2px 0;background:var(--color-action)}.nav-item--disabled{color:var(--color-text-faint);cursor:default}.nav-item--disabled:hover{background:transparent;color:var(--color-text-faint)}.nav-soon{margin-left:auto;font-size:var(--text-xs);border:var(--border-width) solid var(--color-border);border-radius:4px;padding:0 6px;color:var(--color-text-faint)}.nav-label{min-width:0}.nav-spacer{flex:1 1 auto}.nav-footer{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3)}.nav-signout{display:flex;align-items:center;gap:var(--space-3);padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-dim);font-size:var(--text-base);cursor:pointer;text-align:left}.nav-signout:hover{background:var(--color-surface-raised);color:var(--color-text)}.app-content-wrap{display:flex;flex-direction:column;min-width:0}.app-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-bg)}.app-topbar-titles{min-width:0}.app-title{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.app-crumbs{color:var(--color-text-faint);font-size:var(--text-sm)}.app-actions{margin-left:auto;display:flex;align-items:center;gap:var(--space-2)}.app-main{flex:1;min-width:0;padding:var(--space-5)}.app-main:focus{outline:none}.app-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer}.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.app-inspector{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--color-surface);border-left:var(--border-width) solid var(--color-border)}.skip-link:focus-visible,.nav-item:focus-visible,.nav-collapse-btn:focus-visible,.nav-signout:focus-visible,.app-menu-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media (min-width: 768px){.app-shell[data-collapsed=true] .nav-item,.app-shell[data-collapsed=true] .nav-signout{justify-content:center}.app-shell[data-collapsed=true] .nav-item .nav-soon{display:none}.app-shell[data-collapsed=true] .nav-header{justify-content:center}.app-shell[data-collapsed=true] .nav-label,.app-shell[data-collapsed=true] .nav-brand,.app-shell[data-collapsed=true] .nav-group-label,.app-shell[data-collapsed=true] .nav-context{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}}@media (min-width: 1280px){.app-shell--with-inspector{grid-template-columns:var(--rail-w) minmax(0,1fr) 340px}}@media (max-width: 1279px){.app-inspector{display:none}}@media (max-width: 767px){.app-shell{grid-template-columns:minmax(0,1fr)}.app-rail{position:fixed;top:0;left:0;bottom:0;height:100vh;width:272px;z-index:50;transform:translate(-100%);visibility:hidden;transition:transform var(--motion-base) var(--ease-standard);box-shadow:var(--elevation-2)}.app-shell[data-drawer=open] .app-rail{transform:translate(0);visibility:visible}.app-menu-btn{display:inline-flex}.nav-collapse-btn{display:none}}@media (prefers-reduced-motion: reduce){.app-rail,.nav-item{transition:none}}