:root{color-scheme:dark;--color-background:#0e0f11;--color-surface:#16181b;--color-surface-alt:#1f2125;--color-hover:hsla(0,0%,100%,.05);--color-border:hsla(0,0%,100%,.08);--color-foreground:#eaeaea;--color-muted:hsla(0,0%,92%,.55);--color-brand:#60a5fa;--color-brand-hover:#93c5fd;--color-brand-soft:rgba(96,165,250,.14);--color-brand-softer:rgba(96,165,250,.07);--color-brand-foreground:#0e0f11;--color-success:#34d399;--color-success-soft:rgba(52,211,153,.14);--color-warning:#fbbf24;--color-warning-soft:rgba(251,191,36,.14);--color-danger:#f87171;--color-danger-soft:hsla(0,91%,71%,.14);--color-info:#22d3ee;--color-info-soft:rgba(34,211,238,.14);--color-accent:#c084fc;--color-accent-soft:rgba(192,132,252,.14);--color-neutral-soft:hsla(0,0%,92%,.08);--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--text-2xs:0.6875rem;--text-xs:0.75rem;--text-sm:0.8125rem;--text-md:0.875rem;--text-base:0.9375rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.375rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--leading-tight:1.2;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.7;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,.3);--shadow-sm:0 1px 3px rgba(0,0,0,.35),0 1px 2px rgba(0,0,0,.25);--shadow-md:0 4px 8px rgba(0,0,0,.4),0 2px 4px rgba(0,0,0,.3);--shadow-focus:0 0 0 3px var(--color-brand-soft);--duration-fast:150ms;--duration-base:200ms;--ease-out:cubic-bezier(0.16,1,0.3,1)}*,:after,:before{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--shadow-focus);outline:none}h1,h2,h3,p{margin-top:0}p{color:var(--color-muted);line-height:var(--leading-relaxed)}.prompt-box,code{font-family:var(--font-mono)}.topbar{background:color-mix(in srgb,var(--color-background) 94%,transparent);border-bottom:1px solid var(--color-border);height:60px;justify-content:space-between;padding:0 var(--space-6);position:-webkit-sticky;position:sticky;top:0;z-index:20}.brand,.cluster,.nav,.page-actions,.row,.split-row,.topbar{align-items:center;display:flex}.brand{gap:var(--space-3);font-size:var(--text-sm);font-weight:700;text-decoration:none}.brand-mark{align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-lg);color:var(--color-foreground);display:inline-flex;height:32px;justify-content:center;width:32px}.nav{gap:var(--space-1)}.nav a{border-radius:var(--radius-full);color:var(--color-muted);display:inline-flex;font-size:var(--text-sm);font-weight:600;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);align-items:center}.nav a:hover{background:var(--color-hover);color:var(--color-foreground)}.main-shell,.shell{margin:0 auto;max-width:1120px;padding:var(--space-8) var(--space-6) var(--space-12)}.stack{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.stack-lg{display:grid;grid-gap:var(--space-6);gap:var(--space-6)}.page-header{margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-4);width:100%}.page-header-default{max-width:800px}.page-header-wide{max-width:1120px}.page-header-full{max-width:none}.page-header-main{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.page-title-block{min-width:0}.eyebrow{color:var(--color-brand);font-size:var(--text-2xs);font-weight:700;letter-spacing:.12em;margin-bottom:var(--space-2);text-transform:uppercase}h1{font-size:var(--text-3xl);line-height:var(--leading-tight)}h1,h2{color:var(--color-foreground);font-weight:650;letter-spacing:0;margin-bottom:var(--space-2)}h2{font-size:var(--text-xl);line-height:var(--leading-snug)}h3{color:var(--color-foreground);font-weight:650;margin-bottom:var(--space-1)}.page-title-block p,h3{font-size:var(--text-sm)}.page-title-block p{margin-bottom:0;max-width:640px}.cluster,.page-actions,.row{flex-wrap:wrap;gap:var(--space-2)}.split-row{gap:var(--space-4);justify-content:space-between}.dashboard-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.project-meta-grid,.stats-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr))}.project-meta-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.empty-state,.inbox-item,.project-row,.stat-card,.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs)}.ui-card{padding:var(--space-5)}.project-row,.ui-card-interactive{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.project-row:hover,.ui-card-interactive:hover{border-color:color-mix(in srgb,var(--color-foreground) 20%,var(--color-border));box-shadow:var(--shadow-sm)}.stat-card{align-items:flex-start;display:flex;gap:var(--space-3);min-height:112px;padding:var(--space-4)}.empty-icon,.panel-icon,.stat-card-icon{align-items:center;background:var(--color-brand-soft);border-radius:var(--radius-full);color:var(--color-brand);display:inline-flex;flex:0 0 auto;justify-content:center}.stat-card-icon{height:36px;width:36px}.empty-icon,.panel-icon{height:48px;width:48px}.label-text,.meta,.stat-label{color:var(--color-muted);font-size:var(--text-xs);font-weight:650;margin:0}.stat-value{color:var(--color-foreground);display:block;font-size:var(--text-2xl);font-weight:700;letter-spacing:0;line-height:var(--leading-tight);margin-top:var(--space-1)}.stat-detail{font-size:var(--text-xs);margin:var(--space-1) 0 0}.inbox-list,.project-list{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.inbox-item,.project-row{padding:var(--space-4)}.inbox-item,.project-row,.project-row-main{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.project-row-main{align-items:center;grid-template-columns:minmax(0,1fr) auto}.project-row-title{display:grid;grid-gap:var(--space-1);gap:var(--space-1)}.inbox-item h2,.project-row h2{margin-bottom:0}.ui-button,button{align-items:center;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:var(--text-sm);font-weight:650;gap:var(--space-2);justify-content:center;min-height:36px;padding:0 var(--space-4);text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);white-space:nowrap}.ui-button-sm{font-size:var(--text-sm);min-height:32px;padding:0 var(--space-3)}.ui-button-md{font-size:var(--text-md);min-height:36px;padding:0 var(--space-4)}.ui-button-lg{font-size:var(--text-base);min-height:44px;padding:0 var(--space-6)}.ui-button:active,button:active{transform:scale(.98)}.ui-button-primary,button{background:var(--color-brand);color:var(--color-brand-foreground)}.ui-button-primary:hover,button:hover{background:var(--color-brand-hover)}.ui-button-secondary,button.secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-foreground)}.ui-button-secondary:hover,button.secondary:hover{background:var(--color-hover)}.ui-button-ghost{background:transparent;color:var(--color-muted)}.ui-button-ghost:hover{background:var(--color-hover);color:var(--color-foreground)}button:disabled{cursor:not-allowed;opacity:.5;transform:none}.ui-icon{height:16px;width:16px}.ui-icon-lg{height:22px;width:22px}.ui-badge{align-items:center;display:inline-flex;font-size:var(--text-2xs);font-weight:650;gap:.375rem;min-height:22px;padding:0 var(--space-2);white-space:nowrap}.ui-badge,.ui-badge-dot{border-radius:var(--radius-full)}.ui-badge-dot{background:currentColor;height:6px;width:6px}.ui-badge-default{background:var(--color-surface-alt);color:var(--color-foreground)}.ui-badge-brand{background:var(--color-brand-soft);color:var(--color-brand)}.ui-badge-success{background:var(--color-success-soft);color:var(--color-success)}.ui-badge-warning{background:var(--color-warning-soft);color:var(--color-warning)}.ui-badge-danger{background:var(--color-danger-soft);color:var(--color-danger)}.ui-badge-info{background:var(--color-info-soft);color:var(--color-info)}.ui-badge-neutral{background:var(--color-neutral-soft);color:var(--color-muted)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid var(--color-border);padding:var(--space-3);text-align:left;vertical-align:top}.table th{color:var(--color-muted);font-size:var(--text-2xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.list{display:grid;grid-gap:var(--space-2);gap:var(--space-2);list-style:none;margin:0;padding:0}.list li{align-items:center;background:var(--color-surface-alt);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3)}.list code,.path-code{color:var(--color-muted);font-size:var(--text-xs)}.field{display:grid;grid-gap:var(--space-2);gap:var(--space-2)}.field label{color:var(--color-muted);font-size:var(--text-xs);font-weight:650}.field input,.field select,.field textarea,.prompt-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-foreground);padding:.625rem .75rem;width:100%}.field textarea{min-height:96px;resize:vertical}.prompt-box{min-height:260px;resize:vertical}.empty-state{align-items:center;display:grid;grid-gap:var(--space-3);gap:var(--space-3);justify-items:center;padding:var(--space-10) var(--space-6);text-align:center}.empty-state h2{font-size:var(--text-lg);margin-bottom:0}.empty-state p{margin-bottom:0;max-width:420px}.notice{background:var(--color-info-soft);border:1px solid color-mix(in srgb,var(--color-info) 28%,var(--color-border));border-radius:var(--radius-lg);color:var(--color-foreground);font-size:var(--text-sm);padding:var(--space-3)}.notice-warning{background:var(--color-warning-soft);border-color:color-mix(in srgb,var(--color-warning) 32%,var(--color-border))}.review-shell{display:grid;grid-template-columns:360px minmax(0,1fr);min-height:calc(100vh - 60px)}.review-shell-collapsed{grid-template-columns:minmax(0,1fr)}.review-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);display:grid;grid-gap:var(--space-5);gap:var(--space-5);grid-template-rows:auto auto 1fr auto;max-height:calc(100vh - 60px);overflow-y:auto;padding:var(--space-5);position:-webkit-sticky;position:sticky;top:60px}.review-sidebar-title-row{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between;margin-bottom:var(--space-3)}.feedback-form,.review-controls{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.review-sidebar h1{font-size:var(--text-2xl);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.review-sidebar p{font-size:var(--text-sm);margin-bottom:0}.review-canvas{display:grid;grid-gap:var(--space-4);gap:var(--space-4);grid-template-rows:auto minmax(0,1fr);padding:var(--space-5)}.preview-toolbar{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.preview-toolbar h2{font-size:var(--text-lg);margin-bottom:0}.preview-toolbar p{font-size:var(--text-xs);margin-bottom:0}.preview-stage{align-items:stretch;display:grid;min-height:0}.preview-frame{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);height:calc(100vh - 172px);margin:0 auto;max-width:100%;min-height:520px;overflow:hidden;transition:width var(--duration-base) var(--ease-out);width:100%}.preview-frame.mobile{width:390px}.preview-frame iframe,.public-frame{border:0;height:100%;width:100%}.public-frame{display:block;height:100vh;width:100vw}@keyframes pulse-dot{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.live-dot{animation:pulse-dot 1.5s var(--ease-out) infinite}@media (max-width:960px){.dashboard-grid,.review-shell{grid-template-columns:1fr}.review-sidebar{border-bottom:1px solid var(--color-border);border-right:0;max-height:none;position:static}.project-meta-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.topbar{align-items:flex-start;flex-direction:column;gap:var(--space-3);height:auto;padding:var(--space-4);position:static}.nav{overflow-x:auto;width:100%}.main-shell,.page-header,.shell{padding-left:var(--space-4);padding-right:var(--space-4)}.page-header-main,.preview-toolbar,.project-row-main,.split-row{align-items:flex-start;flex-direction:column}.page-actions{width:100%}.ui-button,button{min-width:0}.project-meta-grid,.stats-grid{grid-template-columns:1fr}.preview-frame,.preview-frame.mobile{height:70vh;min-height:420px;width:100%}}