@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color-scheme:dark;color:#d8e2f1;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;font-synthesis:none;line-height:1.55;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-app: #050912;--surface: #08111f;--surface-soft: #0c1828;--surface-1: rgba(15, 24, 40, .78);--surface-2: rgba(20, 32, 52, .84);--surface-3: rgba(255, 255, 255, .04);--surface-inset: rgba(3, 8, 16, .62);--surface-overlay: rgba(10, 18, 32, .96);--panel: var(--surface-1);--panel-strong: var(--surface-2);--text: #d8e2f1;--text-strong: #f0f5fd;--text-muted: #98a8c0;--text-soft: #6e7f99;--border-subtle: rgba(255, 255, 255, .06);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-accent: rgba(140, 201, 255, .34);--accent: #8cc9ff;--accent-strong: #b8defb;--accent-soft: rgba(140, 201, 255, .14);--accent-glow: rgba(140, 201, 255, .28);--amber: #f1c56c;--amber-strong: #ffe5a9;--amber-soft: rgba(241, 197, 108, .14);--success: #9bd9b0;--success-soft: rgba(155, 217, 176, .14);--danger: #ff8d94;--danger-strong: #ffd0d4;--danger-soft: rgba(255, 141, 148, .14);--violet: #b9a5ff;--violet-soft: rgba(185, 165, 255, .14);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.75rem;--space-7: 2.5rem;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--shadow-1: 0 1px 0 rgba(255, 255, 255, .04) inset, 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 1px 0 rgba(255, 255, 255, .05) inset, 0 6px 18px rgba(2, 8, 18, .5);--shadow-3: 0 1px 0 rgba(255, 255, 255, .06) inset, 0 24px 64px rgba(2, 6, 14, .55);--shadow-toast: 0 1px 0 rgba(255, 255, 255, .08) inset, 0 18px 48px rgba(2, 8, 18, .55), 0 0 0 1px rgba(140, 201, 255, .16);--ring-focus: 0 0 0 2px var(--bg-app), 0 0 0 4px var(--accent);--ease-out: cubic-bezier(.32, .72, .34, 1);--ease-in-out: cubic-bezier(.45, .05, .55, .95);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .32s;--font-sans: "Space Grotesk", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--content-max: 1200px}*{box-sizing:border-box}*:focus{outline:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(60rem 36rem at 8% -8%,rgba(140,201,255,.16),transparent 70%),radial-gradient(48rem 32rem at 92% 6%,rgba(74,140,224,.14),transparent 72%),radial-gradient(80rem 60rem at 50% 110%,rgba(185,165,255,.08),transparent 70%),linear-gradient(180deg,#050a14,#060d18,#03070e);background-attachment:fixed;color:inherit}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 78%);mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 78%);z-index:-1}a{color:var(--accent);text-decoration:none;transition:color var(--motion-fast) var(--ease-out)}a:hover{color:var(--accent-strong)}code{font-family:var(--font-mono);font-size:.92em;color:var(--text-strong)}p{margin:0}::selection{background:var(--accent-glow);color:var(--text-strong)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:linear-gradient(180deg,#050912eb,#050912c7 80%,#05091200);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-strong)}.app-brand-mark{display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:var(--radius-md);background:linear-gradient(180deg,#8cc9ff52,#4a8ce02e),var(--surface-2);border:1px solid var(--border-accent);box-shadow:0 0 0 1px #8cc9ff0f inset,var(--shadow-1);color:var(--accent-strong)}.app-brand-mark svg{width:1.05rem;height:1.05rem}.app-brand-name{display:flex;flex-direction:column;line-height:1.1}.app-brand-name strong{font-size:.95rem;font-weight:600;letter-spacing:-.01em}.app-brand-name span{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft)}.app-topbar-toolbar{display:inline-flex;align-items:center}.app-topbar-meta{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:.72rem;color:var(--text-soft);letter-spacing:.06em}.app-topbar-status{display:inline-flex;align-items:center;gap:var(--space-2)}.app-topbar-dot{width:.45rem;height:.45rem;border-radius:var(--radius-pill);background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.app-topbar-workspace{display:inline-flex;align-items:center;gap:var(--space-2);padding:.25rem var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--surface-inset);color:var(--text-muted);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:none;transition:border-color var(--motion-base) var(--ease-out)}.app-topbar-workspace:hover{border-color:var(--border-accent)}.app-topbar-workspace svg{width:.85rem;height:.85rem;color:var(--accent)}.app-topbar-workspace-label{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-notifications{position:relative;display:inline-flex}.app-topbar-notification-count{position:absolute;top:-.15rem;right:-.15rem;min-width:1rem;height:1rem;padding:0 .3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--accent-strong, var(--accent));color:var(--surface-1);font-family:var(--font-mono);font-size:.6rem;font-weight:600;letter-spacing:0;box-shadow:0 0 0 2px var(--surface-1);pointer-events:none}.live-connection-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.3rem .7rem;border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;line-height:1}.live-connection-badge-dot{width:.5rem;height:.5rem;border-radius:var(--radius-pill);background:currentColor;flex-shrink:0}.live-connection-badge-label{display:inline-block}.live-connection-badge-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.live-connection-badge-live{border-color:var(--border-accent);background:var(--accent-soft);color:var(--accent-strong)}.live-connection-badge-live .live-connection-badge-dot{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.live-connection-badge-reconnecting{border-color:#f1c56c52;background:var(--amber-soft);color:var(--amber-strong)}.live-connection-badge-reconnecting .live-connection-badge-dot{background:var(--amber-strong);animation:live-connection-badge-pulse 1.4s var(--ease-out) infinite}.live-connection-badge-offline{border-color:var(--border);background:var(--surface-3);color:var(--text-muted)}.live-connection-badge-offline .live-connection-badge-dot{background:var(--text-soft);opacity:.6}@keyframes live-connection-badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 #f1c56c8c}50%{transform:scale(1.15);box-shadow:0 0 0 6px #f1c56c00}}@media(prefers-reduced-motion:reduce){.live-connection-badge-reconnecting .live-connection-badge-dot{animation:none;box-shadow:0 0 0 4px #f1c56c52}}.page-shell{width:min(var(--content-max),calc(100% - 2rem));margin:0 auto;padding:var(--space-5) 0 var(--space-7);flex:1}.hero{display:grid;gap:var(--space-5);grid-template-columns:minmax(0,1.55fr) minmax(280px,.95fr);align-items:end;padding:var(--space-3) 0 var(--space-6)}.hero-copy{max-width:48rem}.eyebrow,.panel-eyebrow{margin:0;display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.eyebrow:before,.panel-eyebrow:not(:has(svg)):before{content:"";width:1.4rem;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.panel-eyebrow svg{width:.95rem;height:.95rem;stroke:var(--accent);flex-shrink:0}.field-label,.subsection-label,.file-kind{margin:0;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.hero h1{margin:var(--space-3) 0 0;font-size:clamp(2.5rem,5.4vw,4.2rem);font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--text-strong);background:linear-gradient(180deg,#fff 10%,#c9dcf4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.summary{margin:var(--space-4) 0 0;max-width:44rem;font-size:1rem;line-height:1.6;color:var(--text-muted)}.aside-copy,.description-copy,.empty-copy,.ecosystem-copy,.field-help,.form-message{margin:0;color:var(--text-muted)}.hero-toolbar{margin-top:var(--space-5)}.hero-aside{align-self:stretch}.hero-stack{position:relative;display:grid;gap:var(--space-3);height:100%;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(160deg,rgba(140,201,255,.08),transparent 55%),var(--surface-2);box-shadow:var(--shadow-2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}.hero-stack:before{content:"";position:absolute;inset:0;background:radial-gradient(18rem 14rem at 100% 0%,rgba(140,201,255,.18),transparent 70%);pointer-events:none}.hero-stack>*{position:relative}.aside-copy-muted{color:var(--text-soft)}.content-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr))}.panel{position:relative;grid-column:span 4;min-height:14rem;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(140,201,255,.045),transparent 30%),var(--surface-1);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:var(--shadow-1);transition:border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.panel:hover{border-color:var(--border-strong);box-shadow:var(--shadow-2)}.panel-wide{grid-column:1 / -1}.panel-half{grid-column:span 6}.partial-banner{border-color:#f1c56c47;background:linear-gradient(180deg,rgba(241,197,108,.08),transparent 30%),var(--surface-2)}.panel-header,.panel-header-text{display:grid;gap:var(--space-2)}.panel-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.panel-header:has(.panel-header-actions){grid-template-columns:minmax(0,1fr) auto;align-items:start}.panel h2{margin:0;font-size:1.4rem;font-weight:600;letter-spacing:-.025em;color:var(--text-strong);line-height:1.2}.panel-body{margin-top:var(--space-5)}.panel-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.panel:target,.readiness-card-section:target{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--accent-soft),var(--shadow-2)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-2);min-height:1.85rem;padding:0 .7rem;border:1px solid transparent;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;line-height:1}.status-badge svg{width:.85rem;height:.85rem}.badge-active{border-color:var(--border-accent);background:var(--accent-soft);color:var(--accent-strong)}.badge-muted{border-color:var(--border);background:var(--surface-3);color:var(--text-muted)}.badge-up-next{border-color:#b9a5ff47;background:var(--violet-soft);color:#d8ccff}.badge-warning{border-color:#f1c56c52;background:var(--amber-soft);color:var(--amber-strong)}.app-mode-toggle{position:relative;display:inline-flex;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-inset);box-shadow:var(--shadow-1)}.segmented-control-indicator{position:absolute;top:var(--space-1);bottom:var(--space-1);left:0;border-radius:var(--radius-sm);border:1px solid var(--border-accent);background:linear-gradient(180deg,#8cc9ff2e,#8cc9ff14);box-shadow:0 0 0 1px #8cc9ff0d inset;pointer-events:none;transition:transform var(--motion-base) var(--ease-out),width var(--motion-base) var(--ease-out);z-index:0}.app-mode-toggle-button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:0 var(--space-4);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font:inherit;font-size:.8rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:color var(--motion-base) var(--ease-out)}.app-mode-toggle-button svg{width:.95rem;height:.95rem}.app-mode-toggle-button:hover{color:var(--text-strong)}.app-mode-toggle-button[aria-selected=true],.app-mode-toggle-button[aria-checked=true]{color:var(--accent-strong)}.app-mode-toggle-button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-soft)}@media(prefers-reduced-motion:reduce){.segmented-control-indicator{transition:none}}.analyze-form{display:grid;gap:var(--space-3)}.input-row{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.repo-input,.submit-button,.secondary-button{min-height:3rem;border:1px solid var(--border);border-radius:var(--radius-md);font:inherit;transition:background var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.repo-input{width:100%;padding:0 var(--space-4);background:var(--surface-inset);color:var(--text-strong);font-family:var(--font-mono);font-size:.95rem}.repo-input::placeholder{color:var(--text-soft)}.repo-input:hover:not(:disabled){border-color:var(--border-strong)}.repo-input:focus-visible,.submit-button:focus-visible,.secondary-button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.repo-input:disabled,.submit-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);background:linear-gradient(180deg,#8cc9ff47,#8cc9ff1f);border-color:var(--border-accent);color:var(--text-strong);font-weight:600;letter-spacing:.005em;cursor:pointer;box-shadow:0 1px #ffffff14 inset,var(--shadow-1)}.submit-button svg{width:1rem;height:1rem}.submit-button:hover:not(:disabled){background:linear-gradient(180deg,#8cc9ff5c,#8cc9ff2e);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 1px #ffffff1a inset,var(--shadow-2)}.submit-button:active:not(:disabled){transform:translateY(0)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--surface-3);color:var(--text-strong);font-weight:500;cursor:pointer}.secondary-button svg{width:.95rem;height:.95rem}.secondary-button:hover:not(:disabled){background:#ffffff14;border-color:var(--border-strong);color:var(--text-strong)}.secondary-button:active:not(:disabled){background:#ffffff0d}.field-help{font-size:.88rem;color:var(--text-soft)}.form-message{min-height:1.4rem;font-size:.88rem}.form-message-error{color:var(--danger-strong)}.empty-state,.stack-list{display:grid;gap:var(--space-4)}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.description-copy{margin-top:var(--space-4)}.resource-link{margin-top:var(--space-4);color:var(--accent)}.resource-link a{text-decoration:none}.meta-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.meta-grid div{padding:var(--space-3) 0;border-top:1px solid var(--border-subtle)}.meta-grid div:nth-child(-n+2){border-top:none;padding-top:0}.meta-grid dt{margin:0 0 var(--space-1);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.meta-grid dd{margin:0;font-size:.98rem;color:var(--text-strong)}.ecosystem-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ecosystem-card,.fleet-metric-card,.fleet-entity-card,.candidate-selection-card,.execution-action-card,.readiness-card,.trace-card,.saved-run-card,.compare-metric-card{position:relative;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3);transition:border-color var(--motion-base) var(--ease-out),background var(--motion-base) var(--ease-out)}.ecosystem-card:hover,.fleet-entity-card:hover,.candidate-selection-card:hover,.execution-action-card:hover,.readiness-card:hover,.trace-card:hover{border-color:var(--border-strong);background:#ffffff0d}.ecosystem-card-header{display:flex;gap:var(--space-3);justify-content:space-between;align-items:flex-start}.ecosystem-card h3,.candidate-selection-header h3,.execution-action-card h3,.readiness-card h3,.trace-card h3{margin:var(--space-2) 0 0;font-size:1.1rem;font-weight:600;letter-spacing:-.015em;color:var(--text-strong);line-height:1.25}.ecosystem-card h3{font-size:1.15rem}.ecosystem-copy{margin-top:var(--space-3)}.detail-list,.tag-list,.simple-list,.warning-list,.file-list{margin:0;padding:0;list-style:none}.tag-list li,.simple-list li,.warning-list li,.file-row{padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);color:var(--text)}.tag-list li:first-child,.simple-list li:first-child,.warning-list li:first-child,.file-row:first-child{border-top:none;padding-top:0}.tag-list li:last-child,.simple-list li:last-child,.warning-list li:last-child,.file-row:last-child{padding-bottom:0}.file-row{display:grid;gap:var(--space-2)}.warning-list li{color:var(--amber-strong)}.empty-copy{max-width:42rem;color:var(--text-muted);line-height:1.6}.readiness-list{display:grid;gap:var(--space-4)}.traceability-map{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:var(--space-4);border:1px solid var(--border-accent);border-radius:var(--radius-md);background:radial-gradient(60% 100% at 0% 0%,rgba(140,201,255,.16),transparent 70%),#8cc9ff0a}.traceability-map-item{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-inset);text-decoration:none;color:inherit;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.traceability-map-item:hover,.traceability-map-item:focus-visible{border-color:var(--border-accent);background:var(--accent-soft);transform:translateY(-1px)}.traceability-map-item span{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.traceability-map-item strong{font-size:1.5rem;line-height:1;color:var(--text-strong);letter-spacing:-.02em}.traceability-list,.trace-expander-content,.trace-meta-grid{display:grid;gap:var(--space-4)}.traceability-section{display:grid;gap:var(--space-2)}.trace-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.trace-chip{display:inline-flex;align-items:center;min-height:1.85rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-3);color:var(--text-strong);text-decoration:none;font-size:.82rem;transition:color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.trace-chip-link:hover,.trace-chip-link:focus-visible{border-color:var(--border-accent);background:var(--accent-soft);color:var(--accent-strong)}.trace-link:hover,.trace-link:focus-visible{color:var(--accent-strong)}.trace-chip-muted{color:var(--text-muted)}.trace-copy{margin:0;color:var(--text-muted);line-height:1.55}.trace-pre{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-inset);border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.82rem;line-height:1.55;overflow-x:auto;white-space:pre-wrap}.readiness-card,.trace-card{display:grid;gap:var(--space-3);scroll-margin-top:1.5rem}.readiness-card:target,.trace-card:target{border-color:var(--border-accent);box-shadow:0 0 0 1px var(--accent-soft);background:var(--accent-soft)}.readiness-card-section{display:grid;gap:var(--space-4);scroll-margin-top:1.5rem}.readiness-card-header,.trace-card-header{display:flex;gap:var(--space-4);justify-content:space-between;align-items:flex-start}.readiness-summary{margin:0;color:var(--text);line-height:1.55}.readiness-details li{padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);color:var(--text-muted)}.readiness-details li:first-child{border-top:none;padding-top:0}.readiness-details li:last-child{padding-bottom:0}.trace-meta-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.trace-expander{border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.trace-expander summary{cursor:pointer;list-style:none;font-family:var(--font-mono);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);transition:color var(--motion-fast) var(--ease-out)}.trace-expander summary:hover{color:var(--accent-strong)}.trace-expander summary::-webkit-details-marker{display:none}.trace-expander[open] summary{margin-bottom:var(--space-3)}.trace-link{color:var(--accent);text-decoration:none}.readiness-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:end;padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3)}.readiness-filter-row label{display:grid;gap:var(--space-2);min-width:min(100%,220px);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.readiness-filter-row select,.readiness-filter-row input,.fleet-filter select,.fleet-form input,.saved-run-form input,.saved-run-compare-row select{width:100%;min-height:2.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 var(--space-3);background:var(--surface-inset);color:var(--text-strong);font:inherit;font-family:var(--font-sans);font-size:.9rem;letter-spacing:0;text-transform:none;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out)}.readiness-filter-row select:hover,.readiness-filter-row input:hover,.fleet-filter select:hover,.fleet-form input:hover,.saved-run-form input:hover,.saved-run-compare-row select:hover{border-color:var(--border-strong)}.readiness-filter-row select:focus-visible,.readiness-filter-row input:focus-visible,.fleet-filter select:focus-visible,.fleet-form input:focus-visible,.saved-run-form input:focus-visible,.saved-run-compare-row select:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.guardian-graph-toggle-control{justify-content:space-between}.guardian-graph-toggle-input{display:inline-flex;gap:var(--space-2);align-items:center;min-height:2.85rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-inset);color:var(--text-strong);font-size:.78rem;letter-spacing:0;text-transform:none}.guardian-graph-toggle-input input{width:auto;margin:0;border:0;padding:0;accent-color:var(--accent)}.guardian-graph-shell{display:grid;gap:var(--space-4)}.guardian-graph-stage,.guardian-graph-copy{display:grid;gap:var(--space-3)}.guardian-graph-hint{margin:0;padding:var(--space-3) var(--space-4);border:1px solid rgba(155,217,176,.2);border-radius:var(--radius-sm);background:var(--success-soft);font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:#dff5e6}.guardian-graph-stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.guardian-graph-stats span,.guardian-graph-stat-button{display:inline-flex;align-items:center;min-height:1.85rem;padding:0 var(--space-3);border:1px solid rgba(140,201,255,.18);border-radius:var(--radius-pill);background:var(--accent-soft);font-family:var(--font-mono);font-size:.74rem;color:var(--accent-strong)}.guardian-graph-stat-button{cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.guardian-graph-stat-button:hover,.guardian-graph-stat-button:focus-visible,.guardian-graph-stat-button[aria-pressed=true]{border-color:var(--border-accent);background:#8cc9ff33;color:var(--text-strong);transform:translateY(-1px)}.guardian-graph-stat-button:disabled{cursor:default;opacity:.6;transform:none}.guardian-graph-legend{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.guardian-graph-legend-item,.guardian-graph-legend-note{display:inline-flex;gap:var(--space-2);align-items:center;min-height:1.85rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-3);font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.guardian-graph-legend-note{color:var(--text)}.guardian-graph-legend-node{width:.7rem;height:.7rem;border-radius:var(--radius-pill);border:1px solid rgba(239,247,255,.72)}.guardian-graph-legend-node-finding{background:#ff8d94d6}.guardian-graph-legend-node-issue,.guardian-graph-legend-node-pr{background:#f1c56cd6}.guardian-graph-legend-node-patch{background:#9bd9b0db}.guardian-graph-legend-edge{width:1.35rem;height:0;border-top:2px solid rgba(155,217,176,.4)}.guardian-graph-workspace{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1.5fr) minmax(280px,.85fr);align-items:stretch}.guardian-graph-svg,.guardian-graph-empty,.graph-inspector{min-height:32rem;border:1px solid var(--border-accent);border-radius:var(--radius-md);background:radial-gradient(circle at 24% 20%,rgba(140,201,255,.12),transparent 26%),radial-gradient(circle at 80% 84%,rgba(241,197,108,.1),transparent 22%),var(--surface-inset)}.guardian-graph-view-controls{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:space-between}.guardian-graph-view-hint{margin:0;font-family:var(--font-mono);font-size:.72rem;line-height:1.5;color:var(--text-soft)}.guardian-graph-view-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;justify-content:flex-end}.guardian-graph-view-status,.guardian-graph-view-button{display:inline-flex;align-items:center;min-height:1.85rem;padding:0 var(--space-3);border:1px solid rgba(140,201,255,.2);border-radius:var(--radius-pill);background:var(--accent-soft);font-family:var(--font-mono);font-size:.72rem;color:var(--accent-strong)}.guardian-graph-view-button{cursor:pointer;transition:border-color var(--motion-fast) var(--ease-out),background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.guardian-graph-view-button:hover,.guardian-graph-view-button:focus-visible{border-color:var(--border-accent);background:#8cc9ff33;color:var(--text-strong)}.guardian-graph-view-button:disabled{cursor:default;opacity:.6}.guardian-graph-svg{width:100%;height:auto;overflow:visible;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.guardian-graph-stage-zoomed .guardian-graph-svg{cursor:grab}.guardian-graph-stage-panning .guardian-graph-svg{cursor:grabbing}.guardian-graph-empty,.graph-inspector{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-4)}.graph-inspector h3{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.guardian-graph-edge{stroke:#8cc9ff42;stroke-linecap:round;stroke-width:1.4}.guardian-graph-edge-remediated-by,.guardian-graph-edge-eligible-for{stroke:#9bd9b05c}.guardian-graph-edge-caused-by{stroke:#f1c56c57}.guardian-graph-edge-markers,.guardian-graph-edge-labels,.guardian-graph-node-status-marker{pointer-events:none}.guardian-graph-viewport{transform-origin:0 0}.guardian-graph-edge-label{fill:#dcecffdb;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.02em;paint-order:stroke;stroke:#040b13e0;stroke-width:3px;text-anchor:middle}.guardian-graph-edge-markers .guardian-graph-edge-status-marker rect,.guardian-graph-node .guardian-graph-node-status-marker rect{fill:#0b1928eb;stroke:#eff7ff9e;stroke-width:1}.guardian-graph-edge-markers .guardian-graph-edge-status-marker text,.guardian-graph-node .guardian-graph-node-status-marker text{fill:var(--text-strong);font-family:var(--font-mono);font-size:.52rem;font-weight:600;letter-spacing:.04em;paint-order:stroke;stroke:#040b13d6;stroke-width:1.8px;text-anchor:middle;text-transform:uppercase}.guardian-graph-edge-status-marker-executable rect,.guardian-graph-node-status-marker-executable rect{fill:#34684cf0;stroke:#9bd9b0e6}.guardian-graph-edge-status-marker-blocked rect,.guardian-graph-node-status-marker-blocked rect{fill:#754a28f5;stroke:#f1c56ceb}.guardian-graph-node{cursor:pointer;outline:none}.guardian-graph-node circle{fill:#8cc9ffb8;stroke:#eff7ffb8;stroke-width:1.3;transition:fill .16s ease,stroke .16s ease,stroke-width .16s ease,transform .16s ease}.guardian-graph-node text{fill:var(--text-strong);font-family:var(--font-mono);font-size:.72rem;paint-order:stroke;pointer-events:none;stroke:#040b13db;stroke-width:3px;text-anchor:middle}.guardian-graph-node:hover circle,.guardian-graph-node:focus-visible circle,.guardian-graph-node-selected circle{fill:var(--text-strong);stroke:var(--accent);stroke-width:2.5}.guardian-graph-node-repository circle{fill:var(--text-strong);stroke:var(--accent)}.guardian-graph-node-dependency-finding circle,.guardian-graph-node-code-finding circle,.guardian-graph-node-severity-critical circle,.guardian-graph-node-severity-high circle{fill:#ff8d94d6}.guardian-graph-node-issue-candidate circle,.guardian-graph-node-pr-candidate circle{fill:#f1c56cd1}.guardian-graph-node-patch-plan circle,.guardian-graph-node-eligibility-executable circle{fill:#9bd9b0db}.guardian-graph-node-eligibility-blocked circle{fill:#f1c56cd6}.saved-runs-shell,.compare-runs-shell,.saved-run-list,.compare-structure-list,.fleet-panel-shell,.fleet-card-list,.fleet-form,.fleet-metric-grid{display:grid;gap:var(--space-4)}.fleet-panel-toolbar{display:flex;gap:var(--space-4);justify-content:space-between;align-items:end;flex-wrap:wrap}.fleet-panel-toolbar .empty-copy{max-width:44rem}.fleet-filter,.fleet-form label{display:grid;gap:var(--space-2);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.fleet-form{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;align-items:end}.fleet-form-compact{grid-template-columns:minmax(0,1fr) auto}.fleet-form-actions,.fleet-inline-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.fleet-metric-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.fleet-metric-card{display:grid;gap:var(--space-3)}.fleet-metric-card span{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.fleet-metric-card strong{font-size:1.85rem;font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--text-strong)}.fleet-metric-card p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5}.fleet-entity-card{display:grid;gap:var(--space-3)}.fleet-inspector-panel{align-self:start}.fleet-inspector-block,.fleet-timeline{display:grid;gap:var(--space-3)}.fleet-timeline-item{display:grid;grid-template-columns:.9rem minmax(0,1fr);gap:var(--space-3);align-items:start}.fleet-timeline-marker{width:.6rem;height:.6rem;margin-top:.55rem;border-radius:var(--radius-pill);border:1px solid var(--border-accent);background:var(--accent-soft);box-shadow:0 0 0 3px #8cc9ff0f}.fleet-timeline-content{display:grid;gap:var(--space-2);padding-left:var(--space-1);border-left:1px solid rgba(140,201,255,.16)}.fleet-inspector-block h3,.fleet-inspector-panel h3{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.fleet-link-button{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;text-decoration:none}.fleet-detail-stack{display:grid;gap:var(--space-2)}.fleet-raw-detail summary{cursor:pointer;color:var(--text-muted);font-size:.9rem}.queue-activity{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-3)}.queue-activity-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.queue-activity-heading{display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.queue-activity-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-3)}.queue-activity-item{display:grid;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-inset);animation:queue-activity-enter var(--motion-slow) var(--ease-out) both}@keyframes queue-activity-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.queue-activity-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.queue-activity-timestamp{font-family:var(--font-mono);font-size:.78rem;color:var(--text-soft)}.saved-run-form,.saved-run-compare-row{display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto auto;align-items:end}.saved-run-compare-row{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.saved-run-form label,.saved-run-compare-row label{display:grid;gap:var(--space-2);font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-soft)}.saved-run-card{display:grid;gap:var(--space-3)}.saved-run-card .secondary-button{justify-self:start}.compare-metric-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.compare-metric-card{display:grid;gap:var(--space-3)}.compare-metric-card strong{font-size:1.85rem;font-weight:700;letter-spacing:-.04em;color:var(--text-strong)}.candidate-selection-list,.execution-results,.execution-action-list,.execution-planner{display:grid;gap:var(--space-4)}.candidate-selection-card,.execution-action-card{display:grid;gap:var(--space-3)}.candidate-selection-card{grid-template-columns:minmax(11rem,.24fr) minmax(0,1fr)}.candidate-selection-control,.approval-control{display:flex;gap:var(--space-3);align-items:flex-start;color:var(--text-strong)}.candidate-selection-control{font-family:var(--font-mono);font-size:.74rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.candidate-selection-control input,.approval-control input{margin-top:.2rem;accent-color:var(--accent);width:1rem;height:1rem}.candidate-selection-content{display:grid;gap:var(--space-3)}.candidate-selection-header{display:flex;gap:var(--space-4);justify-content:space-between;align-items:flex-start}.approval-control{max-width:56rem;padding:var(--space-4);border:1px solid rgba(241,197,108,.28);border-radius:var(--radius-md);background:var(--amber-soft);color:var(--amber-strong);line-height:1.5}.execution-note{margin:0;color:var(--text-muted)}.execution-submit-button{justify-self:start}.execution-metadata{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0}.execution-metadata div{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-inset)}.execution-metadata dt{font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.execution-metadata dd{margin:0;color:var(--text-strong)}.execution-diff-previews{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}.execution-diff-preview{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--surface-3);transition:border-color var(--motion-fast) var(--ease-out)}.execution-diff-preview:hover{border-color:var(--border-strong)}.execution-diff-preview>summary{cursor:pointer;display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;list-style:none;color:var(--text-strong);font-weight:500}.execution-diff-preview>summary::-webkit-details-marker{display:none}.execution-diff-preview>summary:after{content:"›";font-family:var(--font-mono);font-size:1rem;color:var(--text-soft);transition:transform var(--motion-fast) var(--ease-out)}.execution-diff-preview[open]>summary:after{transform:rotate(90deg)}.execution-diff-meta{font-family:var(--font-mono);font-size:.74rem;color:var(--text-soft)}.execution-diff-file{margin-top:var(--space-3)}.execution-diff-file-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.execution-diff-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-inset)}.execution-diff-toggle-button{background:transparent;border:none;padding:var(--space-1) var(--space-3);font:inherit;font-size:.78rem;cursor:pointer;color:var(--text-muted);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.execution-diff-toggle-button:hover{color:var(--text-strong)}.execution-diff-toggle-button.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.execution-diff-pre{margin:var(--space-2) 0 0;background:var(--surface-inset);border:1px solid var(--border-subtle);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.78rem;line-height:1.55;max-height:18rem;overflow:auto;white-space:pre;color:var(--text)}.execution-diff-before-after{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-2)}.execution-diff-side{display:flex;flex-direction:column;min-width:0}.execution-diff-preview-empty{background:var(--surface-3);opacity:.85}.execution-diff-empty-hint{font-size:.85rem;color:var(--text-muted);margin:var(--space-1) 0 0}.execution-validation-banner{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid rgba(255,141,148,.34);border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger-strong)}.execution-validation-banner .subsection-label,.execution-validation-paths code{color:var(--danger-strong)}.batch-execution-panel,.batch-preview{display:grid;gap:var(--space-3)}.batch-plan-list{display:grid;gap:var(--space-2)}.batch-plan-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-3);align-items:center;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-3)}.batch-plan-row>span{display:grid;gap:var(--space-1);min-width:0}.batch-plan-row strong,.batch-plan-row code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-plan-row-meta{justify-self:end;font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted)}.reachability-block{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.execution-toast-container{position:fixed;right:var(--space-5);bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);max-width:22rem;pointer-events:none;z-index:50}.execution-toast-clear{align-self:flex-end;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-overlay);color:var(--text-muted);font:inherit;font-size:.74rem;cursor:pointer;pointer-events:auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.execution-toast-clear:hover{border-color:var(--border-strong);color:var(--text-strong);background:#ffffff0f}.execution-toast{position:relative;display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-overlay);color:var(--text);font-size:.85rem;pointer-events:auto;box-shadow:var(--shadow-toast);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:execution-toast-enter var(--motion-slow) var(--ease-out) both}.execution-toast:before{content:"";position:absolute;left:0;top:var(--space-3);bottom:var(--space-3);width:3px;border-radius:var(--radius-pill);background:var(--toast-tone, var(--accent))}.execution-toast-tone-created{--toast-tone: var(--accent)}.execution-toast-tone-claimed{--toast-tone: var(--violet)}.execution-toast-tone-completed{--toast-tone: var(--success)}.execution-toast-tone-failed{--toast-tone: var(--danger)}@keyframes execution-toast-enter{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.execution-toast-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.execution-toast-title{display:inline-flex;align-items:center;gap:var(--space-2);margin:0;font-size:.85rem;font-weight:600;color:var(--text-strong);line-height:1.3}.execution-toast-title svg{width:.95rem;height:.95rem;color:var(--toast-tone, var(--accent))}.execution-toast-dismiss{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.execution-toast-dismiss svg{width:.85rem;height:.85rem}.execution-toast-dismiss:hover{border-color:var(--border);color:var(--text-strong);background:#ffffff0a}.execution-toast-meta{font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted);line-height:1.45}.execution-toast-meta code{color:var(--text-strong)}.execution-toast-reason{font-size:.78rem;color:var(--danger-strong);line-height:1.45}.execution-toast-actions{display:flex;justify-content:flex-end;margin-top:var(--space-1)}.execution-toast-open{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--text-strong);font:inherit;font-size:.78rem;cursor:pointer;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.execution-toast-open svg{width:.85rem;height:.85rem}.execution-toast-open:hover{background:#ffffff0f;border-color:var(--accent);color:var(--accent-strong)}@media(max-width:1080px){.panel{grid-column:span 6}.panel-wide,.panel-half{grid-column:1 / -1}}@media(max-width:960px){.hero{grid-template-columns:1fr;align-items:stretch}.app-topbar{padding:var(--space-3) var(--space-4)}}@media(max-width:720px){.page-shell{width:min(100% - 1.25rem,1180px);padding-top:var(--space-4)}.hero h1{font-size:clamp(2.25rem,12vw,3.4rem)}.content-grid{grid-template-columns:1fr}.panel,.panel-wide,.panel-half{grid-column:1 / -1;padding:var(--space-4)}.input-row,.meta-grid{grid-template-columns:1fr}.meta-grid div{border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.meta-grid div:first-child{border-top:none;padding-top:0}.hero-stack{padding:var(--space-4)}.readiness-card-header,.trace-card-header{flex-direction:column}.guardian-graph-workspace{grid-template-columns:1fr}.guardian-graph-svg,.guardian-graph-empty,.graph-inspector{min-height:24rem}.saved-run-form,.saved-run-compare-row,.fleet-form,.fleet-form-compact{grid-template-columns:1fr}.fleet-panel-toolbar{flex-direction:column;align-items:stretch}.execution-toast-container{left:var(--space-4);right:var(--space-4);max-width:none}}@media(max-width:700px){.execution-diff-before-after{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}.ghost-button{min-height:2.4rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);background:transparent;color:var(--text-strong);border:1px solid transparent;border-radius:var(--radius-md);font:inherit;font-weight:500;cursor:pointer;transition:background var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out)}.ghost-button svg{width:.95rem;height:.95rem}.ghost-button:hover:not(:disabled){background:#ffffff0d;border-color:var(--border)}.ghost-button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.ghost-button:disabled{cursor:not-allowed;opacity:.55}.button-spinner{width:1rem;height:1rem;animation:button-spin .9s linear infinite}@keyframes button-spin{to{transform:rotate(360deg)}}.danger-button{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-4);background:linear-gradient(180deg,#f3797938,#f3797914);color:var(--text-strong);border:1px solid var(--danger);border-radius:var(--radius-md);font:inherit;font-weight:500;cursor:pointer;transition:background var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.danger-button svg{width:.95rem;height:.95rem}.danger-button:hover:not(:disabled){background:linear-gradient(180deg,#f3797952,#f3797929);border-color:var(--danger-strong, var(--danger));transform:translateY(-1px)}.danger-button:focus-visible{outline:none;border-color:var(--danger-strong, var(--danger));box-shadow:0 0 0 3px #f3797947}.danger-button:disabled{cursor:not-allowed;opacity:.55}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-soft);cursor:pointer;transition:background var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out),color var(--motion-base) var(--ease-out)}.icon-button svg{width:1rem;height:1rem;stroke:currentColor}.icon-button-sm{width:1.85rem;height:1.85rem}.icon-button-sm svg{width:.85rem;height:.85rem}.icon-button-ghost:hover:not(:disabled){color:var(--text-strong);background:#ffffff0f}.icon-button-subtle{background:var(--surface-3);border-color:var(--border-subtle);color:var(--text-strong)}.icon-button-subtle:hover:not(:disabled){border-color:var(--border-strong);background:#ffffff14}.icon-button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.icon-button:disabled{cursor:not-allowed;opacity:.45}.status-badge-label{display:inline-flex;align-items:center}.badge-success{color:var(--success);background:#56cf821f;border-color:#56cf8266}.badge-success svg{stroke:var(--success)}.badge-danger{color:var(--danger);background:#f379791f;border-color:#f3797966}.badge-danger svg{stroke:var(--danger)}.badge-info{color:var(--accent);background:var(--accent-soft);border-color:#8cc9ff66}.badge-info svg{stroke:var(--accent)}.badge-neutral{color:var(--text-soft);background:var(--surface-3);border-color:var(--border-subtle)}.badge-neutral svg{stroke:var(--text-soft)}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:var(--radius-md);background:var(--surface-3);border:1px solid var(--border-subtle);color:var(--accent)}.empty-state-icon svg{width:1.2rem;height:1.2rem}.empty-state-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-strong)}.empty-state-body{color:var(--text-muted)}.empty-state-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-gallery{min-height:100vh;display:flex;flex-direction:column}.ui-gallery-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-5);background:linear-gradient(180deg,#050912eb,#050912c7 80%,#05091200);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.ui-gallery-topbar-meta{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--text-soft)}.ui-gallery-content{width:min(var(--content-max),calc(100% - 2rem));margin:0 auto;padding:var(--space-5) 0 var(--space-7);display:grid;gap:var(--space-6);flex:1}.ui-gallery-section{display:grid;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(180deg,rgba(140,201,255,.045),transparent 30%),var(--surface-1);box-shadow:var(--shadow-1)}.ui-gallery-section-header h2{margin:0 0 var(--space-2);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.ui-gallery-section-header p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.55}.ui-gallery-section-body{display:grid;gap:var(--space-4)}.ui-gallery-variant-row{display:grid;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle)}.ui-gallery-variant-row:first-child{border-top:none;padding-top:0}.ui-gallery-variant-label{margin:0;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft)}.ui-gallery-variant-samples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ui-gallery-swatch{display:inline-flex;align-items:center;justify-content:center;min-width:6rem;min-height:2.4rem;padding:0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);font-family:var(--font-mono);font-size:.72rem;color:var(--text)}.ui-gallery-card-footer{display:flex;justify-content:flex-end}.ui-gallery-icon-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.ui-gallery-icon-cell{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-3);color:var(--text-strong)}.ui-gallery-icon-cell code{font-size:.7rem;color:var(--text-muted)}