:root{--ink-950: #0e1512;--ink-900: #16201c;--ink-800: #22302a;--ink-700: #2e3b35;--ink-600: #41504a;--ink-500: #52625b;--ink-400: #7a8983;--ink-300: #b9c2bd;--ink-200: #d9e0dc;--ink-100: #e9eeeb;--ink-050: #f4f7f5;--white: #ffffff;--accent-700: #8f3c14;--accent-600: #a8481a;--accent-100: #f6e6dc;--accent-050: #fbf3ee;--positive-600: #1c6b45;--positive-050: #eff7f1;--caution-600: #7c5210;--caution-050: #fbf4e6;--critical-600: #96291e;--critical-050: #fdf4f2;--surface-page: var(--ink-050);--surface-raised: var(--white);--surface-sunken: var(--ink-050);--surface-fill: var(--ink-100);--surface-inverse: var(--ink-900);--text-strong: var(--ink-950);--text-default: var(--ink-800);--text-muted: var(--ink-500);--text-inverse: var(--white);--text-accent: var(--accent-600);--text-positive: var(--positive-600);--text-caution: var(--caution-600);--text-critical: var(--critical-600);--border-subtle: var(--ink-100);--border-default: var(--ink-200);--border-strong: var(--ink-300);--border-selected: var(--ink-900);--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--fs-100: .6875rem;--fs-200: .75rem;--fs-300: .8125rem;--fs-400: .875rem;--fs-500: 1rem;--fs-600: 1.25rem;--fs-700: 1.5rem;--fs-800: 2rem;--fs-900: 2.75rem;--fs-display: clamp(2.5rem, 5.5vw, 4rem);--lh-tight: 1.15;--lh-snug: 1.35;--lh-normal: 1.55;--lh-loose: 1.7;--tracking-display: -.032em;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-caps: .09em;--weight-regular: 400;--weight-medium: 520;--weight-semibold: 620;--weight-bold: 720;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: .875rem;--radius-xl: 1.25rem;--radius-pill: 999px;--shadow-1: 0 1px 2px rgb(22 32 28 / 6%);--shadow-2: 0 2px 6px -1px rgb(22 32 28 / 8%), 0 1px 2px rgb(22 32 28 / 5%);--shadow-3: 0 12px 32px -10px rgb(22 32 28 / 18%), 0 2px 6px -2px rgb(22 32 28 / 8%);--shadow-inset-top: inset 0 1px 0 rgb(255 255 255 / 8%);--focus-color: var(--accent-600);--focus-width: 2px;--focus-offset: 2px;--ease-standard: cubic-bezier(.2, .6, .2, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-fast: .12s;--motion-base: .18s;--motion-slow: .28s;--control-height-sm: 1.75rem;--control-height-md: 2.25rem;--control-height-lg: 2.75rem;--control-disabled-opacity: .45;--control-primary-bg: var(--ink-900);--control-primary-bg-hover: var(--ink-800);--control-primary-bg-active: var(--ink-950);--control-primary-fg: var(--white);--control-secondary-bg: var(--ink-100);--control-secondary-bg-hover: var(--ink-200);--control-secondary-bg-active: var(--ink-300);--control-secondary-fg: var(--ink-900);--control-ghost-fg: var(--ink-600);--control-ghost-bg-hover: var(--ink-100);--control-ghost-bg-active: var(--ink-200);--control-danger-fg: var(--critical-600);--control-danger-bg: var(--critical-050);--control-danger-bg-hover: #f8e6e2;--field-bg: var(--white);--field-border: var(--border-default);--field-border-hover: var(--border-strong);--field-border-active: var(--ink-900);--field-placeholder: var(--ink-400);--rail-width: 15rem;--rail-width-compact: 3.875rem;--measure-text: 62ch;--measure-message: 34rem}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 1ms;--motion-base: 1ms;--motion-slow: 1ms}}*,*:before,*:after{box-sizing:border-box}:root{font-family:var(--font-sans);font-size:100%;color:var(--text-default);background:var(--surface-page);font-synthesis:none;-webkit-font-smoothing:antialiased;text-size-adjust:100%;font-variant-numeric:tabular-nums}body{margin:0;min-width:20rem;font-size:var(--fs-400);line-height:var(--lh-normal)}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);font-weight:var(--weight-bold);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}p{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset);border-radius:var(--radius-xs)}::selection{background:var(--accent-100);color:var(--text-strong)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.brand{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-strong);font-size:var(--fs-500);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-md);color:var(--text-inverse);background:var(--surface-inverse);font-family:var(--font-serif);font-style:italic}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--control-height-md);padding:var(--space-2) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--fs-300);font-weight:var(--weight-semibold);line-height:var(--lh-snug);letter-spacing:var(--tracking-normal);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),border-color var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled,.button[aria-disabled=true]{opacity:var(--control-disabled-opacity);cursor:not-allowed;transform:none}.button-primary{color:var(--control-primary-fg);background:var(--control-primary-bg)}.button-primary:hover:not(:disabled){background:var(--control-primary-bg-hover)}.button-primary:active:not(:disabled){background:var(--control-primary-bg-active)}.button-secondary{color:var(--control-secondary-fg);background:var(--control-secondary-bg)}.button-secondary:hover:not(:disabled){background:var(--control-secondary-bg-hover)}.button-secondary:active:not(:disabled){background:var(--control-secondary-bg-active)}.button-ghost{color:var(--control-ghost-fg);background:transparent}.button-ghost:hover:not(:disabled){background:var(--control-ghost-bg-hover);color:var(--text-strong)}.button-ghost:active:not(:disabled){background:var(--control-ghost-bg-active)}.button-danger{color:var(--control-danger-fg);background:var(--control-danger-bg);border-color:var(--critical-050)}.button-danger:hover:not(:disabled){background:var(--control-danger-bg-hover)}.field{width:100%;min-height:var(--control-height-lg);padding:var(--space-2) var(--space-3);border:1px solid var(--field-border);border-radius:var(--radius-md);color:var(--text-strong);background:var(--field-bg);font-size:var(--fs-400);transition:border-color var(--motion-fast) var(--ease-standard)}.field:hover:not(:disabled){border-color:var(--field-border-hover)}.field:focus{border-color:var(--field-border-active)}.field::placeholder{color:var(--field-placeholder)}.field:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.status{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-300);font-weight:var(--weight-semibold)}.status-dot{width:.5rem;height:.5rem;border-radius:var(--radius-pill);background:var(--positive-600);box-shadow:0 0 0 3px var(--positive-050)}body{overflow:hidden;background:var(--surface-page)}.builder{height:100vh;display:grid;grid-template-columns:var(--rail-width) minmax(24rem,.8fr) minmax(30rem,1.2fr);background:var(--border-subtle)}.builder.preview-hidden{grid-template-columns:var(--rail-width) 1fr}.projects,.chat,.preview,.creation-column{min-width:0;background:var(--surface-raised)}.projects{display:flex;flex-direction:column;padding:var(--space-4) var(--space-3) var(--space-3);border-right:1px solid var(--border-subtle)}.projects-top{display:flex;align-items:center;justify-content:space-between;padding-inline:var(--space-2)}.icon-button{display:grid;place-items:center;width:var(--control-height-sm);height:var(--control-height-sm);border:0;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.icon-button:hover{background:var(--surface-fill);color:var(--text-strong)}.new-project{width:100%;margin:var(--space-6) 0 var(--space-5);justify-content:flex-start}.section-label{padding-inline:var(--space-2);color:var(--text-muted);font-size:var(--fs-100);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.workspace-nav{display:grid;gap:var(--space-1);margin-bottom:var(--space-5)}.workspace-nav button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border:0;border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;text-align:left;font-size:var(--fs-300);cursor:pointer;transition:background var(--motion-fast) var(--ease-standard),color var(--motion-fast) var(--ease-standard)}.workspace-nav button span{width:1.125rem;color:var(--ink-400);text-align:center}.workspace-nav button:hover{background:var(--surface-fill);color:var(--text-strong)}.workspace-nav button.selected{position:relative;color:var(--text-strong);background:var(--surface-fill);font-weight:var(--weight-bold)}.workspace-nav button.selected:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;border-radius:var(--radius-pill);background:var(--ink-900)}.project-list{display:grid;gap:var(--space-1);overflow:auto}.project-list>small{display:grid;gap:var(--space-2);padding:var(--space-2);color:var(--text-muted);font-size:var(--fs-200)}.project{display:grid;grid-template-columns:2.125rem 1fr .375rem;gap:var(--space-3);align-items:center;padding:var(--space-2);border:0;border-radius:var(--radius-md);text-align:left;color:var(--text-default);background:transparent;cursor:pointer;transition:background var(--motion-fast) var(--ease-standard)}.project:hover{background:var(--surface-sunken)}.project.active{background:var(--surface-fill)}.project-icon{display:grid;place-items:center;width:2.125rem;height:2.125rem;border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-sunken);font:italic var(--fs-500) var(--font-serif)}.project b,.projects-footer b{display:block;font-size:var(--fs-300);color:var(--text-strong)}.project small,.projects-footer small{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-200)}.project i{width:.375rem;height:.375rem;border-radius:var(--radius-pill);background:var(--positive-600)}.projects-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding:var(--space-3) var(--space-2) 0;border-top:1px solid var(--border-subtle)}.projects-footer>span:nth-child(2){min-width:0}.projects-footer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-footer .icon-button{margin-left:auto}.avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-pill);color:var(--text-inverse);background:var(--ink-600);font-size:var(--fs-200);font-weight:var(--weight-bold)}.avatar.tiny{width:1.375rem;height:1.375rem;font-size:var(--fs-100)}.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-200);font-weight:var(--weight-semibold)}.status-pill-glyph{display:grid;place-items:center;width:1rem;height:1rem;border-radius:var(--radius-pill);color:var(--text-inverse);background:var(--ink-400);font-size:var(--fs-100);line-height:1}.status-pill[data-tone=progress] .status-pill-glyph{background:var(--accent-600)}.status-pill[data-tone=positive] .status-pill-glyph{background:var(--positive-600)}.status-pill[data-tone=caution] .status-pill-glyph{background:var(--caution-600)}.status-pill[data-tone=critical] .status-pill-glyph{background:var(--critical-600)}.status-pill[data-tone=critical] .status-pill-label{color:var(--text-critical)}.chat{display:grid;grid-template-rows:auto 1fr auto;border-right:1px solid var(--border-subtle)}.chat header,.preview header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border-subtle)}.chat h1{margin-bottom:var(--space-1);font-size:var(--fs-500)}.header-actions{display:flex;align-items:center;gap:var(--space-1)}.header-actions .button{padding:var(--space-2) var(--space-3);font-size:var(--fs-200)}.preview-toggle{display:none}.messages{overflow:auto;padding:var(--space-6) clamp(var(--space-5),4vw,var(--space-12))}.message{max-width:var(--measure-message);margin-bottom:var(--space-6)}.message.user{margin-left:auto}.message-author{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-200);color:var(--text-muted)}.ai-mark{display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:var(--radius-sm);color:var(--text-inverse);background:var(--surface-inverse);font:italic var(--fs-300) var(--font-serif)}.message p{margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xs) var(--radius-lg) var(--radius-lg) var(--radius-lg);color:var(--text-default);background:var(--surface-sunken);font-size:var(--fs-400);line-height:var(--lh-normal)}.message.user p{border-radius:var(--radius-lg) var(--radius-xs) var(--radius-lg) var(--radius-lg);color:var(--text-inverse);background:var(--ink-700)}.message-body{white-space:pre-wrap;overflow-wrap:anywhere}.message[data-pending=true] p{border:1px dashed var(--border-strong)}.chat-note{color:var(--text-muted);font-size:var(--fs-300);line-height:var(--lh-normal)}.chat-empty{display:grid;gap:var(--space-4);max-width:var(--measure-message)}.chat-examples,.creation-examples{display:flex;flex-wrap:wrap;gap:var(--space-2)}.creation-example{padding:var(--space-2) var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-default);background:var(--surface-raised);font-size:var(--fs-300);text-align:left;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.creation-example:hover:not(:disabled){border-color:var(--border-selected);background:var(--surface-sunken)}.creation-example:active:not(:disabled){background:var(--surface-fill)}.creation-example:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.brief-card{max-width:var(--measure-message);margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-1)}.brief-card summary{font-size:var(--fs-200);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-muted);cursor:pointer}.brief-idea{margin-top:var(--space-3);color:var(--text-strong);font-size:var(--fs-400);line-height:var(--lh-normal)}.brief-answers{display:grid;gap:var(--space-2);margin-top:var(--space-3)}.brief-answers dt{color:var(--text-muted);font-size:var(--fs-200)}.brief-answers dd{margin:var(--space-1) 0 0;font-size:var(--fs-300)}.brief-skipped{margin-top:var(--space-3);color:var(--text-caution);font-size:var(--fs-200)}.composer{margin:0 var(--space-5) var(--space-5);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-2);transition:border-color var(--motion-fast) var(--ease-standard)}.composer:focus-within{border-color:var(--border-selected)}.composer textarea{width:100%;min-height:3rem;resize:none;border:0;outline:0;color:var(--text-strong);background:transparent;font-size:var(--fs-400)}.composer textarea::placeholder{color:var(--field-placeholder)}.composer>div{display:flex;align-items:center;gap:var(--space-3)}.composer>div>span{flex:1;color:var(--text-muted);font-size:var(--fs-100)}.composer .button,.attach{display:grid;place-items:center;width:2rem;height:2rem;min-height:0;padding:0;border-radius:var(--radius-sm)}.attach{border:0;color:var(--text-muted);background:var(--surface-fill);cursor:pointer}.attach:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.composer-forecast{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--fs-200)}.work-progress{max-width:var(--measure-message);margin-bottom:var(--space-6);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised);box-shadow:var(--shadow-1)}.work-progress[data-state=error]{border-color:var(--critical-050);background:var(--critical-050)}.work-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.work-counter{color:var(--text-muted);font-size:var(--fs-200)}.work-current{margin-top:var(--space-3);color:var(--text-strong);font-size:var(--fs-400);font-weight:var(--weight-semibold)}.work-file{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-200)}.work-file code{font-family:var(--font-mono)}.work-estimate{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-200)}.work-estimate[data-overdue=true]{color:var(--text-caution)}.work-log{margin-top:var(--space-4);border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.work-log summary{color:var(--text-muted);font-size:var(--fs-200);cursor:pointer}.work-steps{display:grid;gap:var(--space-2);margin-top:var(--space-3);padding:0;list-style:none}.work-step{display:flex;align-items:baseline;gap:var(--space-2)}.work-step-mark{width:1rem;color:var(--ink-400);text-align:center}.work-step-body b{display:block;font-size:var(--fs-300)}.work-step-body small{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-100)}.creation-column{overflow:auto;border-right:1px solid var(--border-subtle)}.creation-flow{max-width:44rem;padding:var(--space-10) clamp(var(--space-5),5vw,var(--space-12))}.creation-flow h1{margin:var(--space-3) 0;font-size:var(--fs-800);letter-spacing:var(--tracking-display)}.creation-flow h2{margin:var(--space-3) 0 var(--space-1);font-size:var(--fs-700)}.creation-lede{max-width:var(--measure-text);color:var(--text-muted);font-size:var(--fs-400);line-height:var(--lh-normal)}.creation-purpose{color:var(--text-muted);font-size:var(--fs-300);line-height:var(--lh-normal)}.creation-idea-field{display:block;margin:var(--space-6) 0 var(--space-4)}.creation-idea-input{min-height:7.5rem;padding:var(--space-4);font-size:var(--fs-500);line-height:var(--lh-normal);resize:vertical}.creation-step-header{margin-bottom:var(--space-6)}.creation-progress{display:grid;gap:var(--space-2)}.creation-progress .section-label{padding-inline:0}.creation-progress-track{height:.25rem;border-radius:var(--radius-pill);background:var(--surface-fill);overflow:hidden}.creation-progress-fill{display:block;height:100%;background:var(--ink-900);transition:inline-size var(--motion-slow) var(--ease-standard)}.creation-fields{display:grid;gap:var(--space-5)}.creation-field{display:grid;gap:var(--space-2)}.creation-field-label{color:var(--text-strong);font-size:var(--fs-300);font-weight:var(--weight-semibold)}.creation-field-hint{color:var(--text-muted);font-size:var(--fs-200);line-height:var(--lh-snug)}.creation-textarea{min-height:4.5rem;padding:var(--space-3);line-height:var(--lh-normal);resize:vertical}.creation-field-file{padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-sunken)}.creation-field-unavailable{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-200);line-height:var(--lh-snug)}.creation-forecast{margin:var(--space-6) 0;padding:var(--space-4);border:1px solid var(--border-default);border-left:2px solid var(--accent-600);border-radius:var(--radius-md);background:var(--accent-050)}.creation-forecast-title{color:var(--text-strong);font-size:var(--fs-200);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.creation-forecast-steps{display:grid;gap:var(--space-1);margin:var(--space-3) 0 0;padding-left:var(--space-5);color:var(--text-default);font-size:var(--fs-300)}.creation-forecast-note{margin-top:var(--space-3);color:var(--text-muted);font-size:var(--fs-200);line-height:var(--lh-snug)}.creation-actions,.creation-gate{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.creation-gate{flex-direction:column;align-items:flex-start;gap:var(--space-3);padding-top:var(--space-5);border-top:1px solid var(--border-default)}.creation-gate .button[type=submit]{min-height:var(--control-height-lg);padding-inline:var(--space-6);font-size:var(--fs-400)}.creation-gate-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--text-muted);font-size:var(--fs-200)}.creation-review .creation-field{margin-bottom:var(--space-4)}.creation-brief{display:grid;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-sunken)}.creation-brief-empty{color:var(--text-muted);font-size:var(--fs-300)}.creation-brief-skipped{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);color:var(--text-caution);font-size:var(--fs-300)}.creation-error{margin-top:var(--space-2);color:var(--text-critical);font-size:var(--fs-300)}.surface-panel{overflow:auto;padding:var(--space-10) clamp(var(--space-5),5vw,var(--space-12));border-right:1px solid var(--border-subtle);background:var(--surface-raised)}.surface-panel .section-label{padding-inline:0}.surface-panel h1{margin:var(--space-3) 0;font-size:var(--fs-800);letter-spacing:var(--tracking-display)}.surface-intro{max-width:var(--measure-text);color:var(--text-muted);font-size:var(--fs-400);line-height:var(--lh-normal)}.surface-list{display:grid;gap:var(--space-2);margin-top:var(--space-8)}.surface-list article,.files-upload,.template-card{display:grid;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised)}.surface-icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background:var(--surface-fill);font:italic var(--fs-500) var(--font-serif)}.surface-list b,.files-upload b,.template-card b{display:block;font-size:var(--fs-300);color:var(--text-strong)}.surface-list small,.files-upload small,.template-card small{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-200);line-height:var(--lh-snug)}.surface-list em{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--text-muted);background:var(--surface-fill);font-size:var(--fs-100);font-style:normal}.surface-list article[data-state=unavailable]{border-style:dashed}.surface-list article[data-state=unavailable] em{color:var(--text-caution);background:var(--caution-050)}.projects-surface-state,.files-state,.environment-state,.versions-state{color:var(--text-muted);font-size:var(--fs-300)}.template-card{width:100%;text-align:left;color:inherit;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-standard),background var(--motion-fast) var(--ease-standard)}.template-card:hover{border-color:var(--border-strong);background:var(--surface-sunken)}.template-card.template-selected{border-color:var(--border-selected);background:var(--surface-fill)}.template-card.template-selected b:after{content:" · выбрано";color:var(--text-muted);font-weight:var(--weight-regular)}.files-upload>div:last-of-type{display:flex;gap:var(--space-2)}.environment-panel{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.environment-toolbar{display:flex;gap:var(--space-2)}.environment-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));align-items:end;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.environment-form label{display:grid;gap:var(--space-2)}.environment-form small{color:var(--text-muted);font-size:var(--fs-200)}.environment-form input,.environment-form select{min-height:var(--control-height-md);padding:var(--space-2) var(--space-3);border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--field-bg);font-size:var(--fs-300)}.environment-panel article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md)}.environment-panel article b{font-size:var(--fs-300)}.environment-panel article small{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-200)}.environment-panel code{font-family:var(--font-mono);font-size:var(--fs-200)}.versions-panel{display:grid;gap:var(--space-3);margin-top:var(--space-8)}.versions-state small,.versions-rollback small{display:block;color:var(--text-muted);font-size:var(--fs-200);line-height:var(--lh-normal)}.versions-rollback{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken)}.versions-panel [data-state=error] small{color:var(--text-critical)}.versions-list{display:grid;gap:var(--space-2)}.versions-list article{display:grid;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.versions-list article[data-current=true]{border-color:var(--border-selected);background:var(--surface-sunken)}.versions-list b{display:block;font-size:var(--fs-300)}.versions-list small{display:block;margin-top:var(--space-1);color:var(--text-muted);font-size:var(--fs-200)}.versions-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.versions-actions em{padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--text-positive);background:var(--positive-050);font-size:var(--fs-100);font-style:normal}.version-details p{margin:var(--space-1) 0}.version-details ul{margin:var(--space-2) 0;padding-left:var(--space-5)}.version-details code{font-family:var(--font-mono);font-size:var(--fs-100);word-break:break-all}.version-details a{color:var(--text-accent);font-size:var(--fs-200);text-decoration:underline}.diff-source{overflow:auto;max-height:21rem;margin-top:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);font-family:var(--font-mono);font-size:var(--fs-100);line-height:var(--lh-normal)}.diff-line{display:block;white-space:pre-wrap}.diff-added{background:var(--positive-050);color:var(--text-positive)}.diff-removed{background:var(--critical-050);color:var(--text-critical)}.diff-meta{color:var(--text-muted)}.publish-review{display:grid;gap:var(--space-3);margin-top:var(--space-8);padding:var(--space-5);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-raised)}.publish-review p{color:var(--text-default);font-size:var(--fs-300)}.publish-review code{font-family:var(--font-mono)}.publish-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.publish-unavailable{display:grid;gap:var(--space-1);padding:var(--space-3);border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--caution-050);color:var(--text-caution)}.publish-unavailable b{color:var(--text-strong);font-size:var(--fs-300)}.runtime-unconfigured,.submit-error{max-width:var(--measure-message);margin:var(--space-2) 0 var(--space-6);padding:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-lg)}.runtime-unconfigured{margin:var(--space-4) var(--space-5) 0;border-color:var(--caution-050);background:var(--caution-050);color:var(--text-caution)}.runtime-unconfigured b,.submit-error b{display:block;font-size:var(--fs-300);color:var(--text-strong)}.runtime-unconfigured p,.submit-error p{margin-top:var(--space-2);font-size:var(--fs-300);line-height:var(--lh-normal)}.submit-error{border-color:var(--critical-050);background:var(--critical-050);color:var(--text-critical)}.submit-error .button{margin-top:var(--space-3)}.preview{display:grid;grid-template-rows:auto 1fr;background:var(--surface-sunken)}.preview header{padding:var(--space-2) var(--space-4);background:var(--surface-raised)}.preview header>div{display:flex;align-items:center;gap:var(--space-3)}.preview-url{padding-left:var(--space-3);border-left:1px solid var(--border-default);color:var(--text-muted);font-size:var(--fs-200)}.device-switch{display:flex;gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-md);background:var(--surface-fill)}.device-switch button{border:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-muted);background:transparent;cursor:pointer}.device-switch button:hover:not(:disabled){color:var(--text-strong)}.device-switch button:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.device-switch .selected{color:var(--text-strong);background:var(--surface-raised);box-shadow:var(--shadow-1)}.preview-stage{overflow:auto;display:grid;place-items:center;padding:var(--space-6)}.preview-browser{overflow:hidden;display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-3)}.browser-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--surface-sunken)}.browser-bar input{flex:1;min-height:1.5rem;padding:0 var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-raised);font-size:var(--fs-100)}.browser-bar input:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.browser-bar button{border:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);color:var(--text-default);background:var(--surface-fill);font-size:var(--fs-100);cursor:pointer}.browser-bar button:disabled{opacity:var(--control-disabled-opacity);cursor:not-allowed}.preview-live-frame{width:100%;height:100%;border:0;display:block;background:var(--surface-raised)}.preview-empty{display:grid;place-items:center;align-content:center;gap:var(--space-2);height:100%;padding:var(--space-8);text-align:center;color:var(--text-muted);background:var(--surface-raised)}.preview-empty b{color:var(--text-strong);font-size:var(--fs-400)}.preview-empty p{max-width:22rem;font-size:var(--fs-300);line-height:var(--lh-normal)}.preview-empty-error{color:var(--text-critical);background:var(--critical-050)}.preview-empty-error b{color:var(--text-critical)}.entry-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--surface-page)}.entry-copy{position:relative;padding:var(--space-10) clamp(var(--space-8),7vw,var(--space-20));display:flex;flex-direction:column;justify-content:center}.entry-copy .brand{position:absolute;top:var(--space-8)}.entry-copy h1{margin:var(--space-5) 0;font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-display)}.entry-copy h1 em{color:var(--text-muted);font-family:var(--font-serif);font-weight:var(--weight-regular)}.entry-copy>p:not(.eyebrow){max-width:var(--measure-text);color:var(--text-muted);font-size:var(--fs-500);line-height:var(--lh-normal)}.entry-proof{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.entry-proof>span{display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:var(--radius-pill);color:var(--text-inverse);background:var(--ink-600)}.entry-proof b,.entry-proof small{display:block}.entry-proof small{margin-top:var(--space-1);color:var(--text-muted)}.entry-card{display:grid;place-items:center;padding:var(--space-8);background:var(--surface-raised)}.entry-card form,.entry-sent{width:min(24rem,100%)}.entry-card h2{margin:var(--space-2) 0 var(--space-8);font-size:var(--fs-700)}.entry-card label{display:grid;gap:var(--space-2);color:var(--text-muted);font-size:var(--fs-200);font-weight:var(--weight-bold)}.entry-card input{min-height:var(--control-height-lg);padding:0 var(--space-3);border:1px solid var(--field-border);border-radius:var(--radius-md);background:var(--field-bg)}.entry-card input:hover{border-color:var(--field-border-hover)}.entry-card form .button,.entry-sent .button{width:100%;margin-top:var(--space-4)}.entry-card form>small{display:block;margin-top:var(--space-4);color:var(--text-muted);font-size:var(--fs-100);line-height:var(--lh-normal)}.entry-sent>span{display:grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius-lg);background:var(--surface-fill)}.entry-sent p{color:var(--text-muted);line-height:var(--lh-normal)}.entry-sent form{margin-top:var(--space-5)}.text-button{width:100%;margin-top:var(--space-3);border:0;color:var(--text-muted);background:transparent;font-size:var(--fs-300);cursor:pointer}.text-button:hover{color:var(--text-strong);text-decoration:underline}.entry-notice{width:min(24rem,100%);margin-bottom:var(--space-5);padding:var(--space-4);border:1px solid var(--caution-050);border-radius:var(--radius-lg);background:var(--caution-050)}.entry-notice b{display:block;margin-bottom:var(--space-1);color:var(--text-strong)}.entry-notice p{color:var(--text-caution);font-size:var(--fs-300);line-height:var(--lh-normal)}.entry-error{margin-top:var(--space-3);color:var(--text-critical);font-size:var(--fs-300);line-height:var(--lh-normal)}.entry-dev-note{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--fs-300);line-height:var(--lh-normal)}.entry-dev-note code{font-family:var(--font-mono);font-size:var(--fs-200)}.session-splash{min-height:100vh;display:grid;place-items:center;align-content:center;gap:var(--space-4);background:var(--surface-page);color:var(--text-muted)}.not-found{min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-10) clamp(var(--space-8),7vw,var(--space-20));background:var(--surface-page)}.not-found h1{margin:var(--space-2) 0;font-size:var(--fs-900);letter-spacing:var(--tracking-display)}.not-found p{max-width:var(--measure-text);color:var(--text-muted);font-size:var(--fs-500);line-height:var(--lh-normal)}.not-found code{padding:0 var(--space-1);border-radius:var(--radius-xs);background:var(--surface-fill);font-family:var(--font-mono)}.not-found .button{margin-top:var(--space-5);align-self:flex-start}@media(max-width:1050px){.builder{grid-template-columns:13rem minmax(0,1fr) minmax(16rem,24rem)}.builder.preview-hidden{grid-template-columns:13rem 1fr}.preview{overflow:auto;background:var(--surface-raised)}.preview-toggle{display:block;border:0;color:var(--text-muted);background:transparent;font-size:var(--fs-200);cursor:pointer}}@media(max-width:800px){.entry-shell{grid-template-columns:1fr}.entry-copy{min-height:48vh;padding-top:var(--space-20)}.entry-card{min-height:52vh}}@media(max-width:650px){body{overflow:auto}.builder{min-height:100vh;height:auto;grid-template-columns:var(--rail-width-compact) minmax(0,1fr)}.builder.preview-hidden{grid-template-columns:var(--rail-width-compact) 1fr}.projects{padding-inline:var(--space-2)}.projects .brand span:last-child,.section-label,.project>span:nth-child(2),.project i,.projects-footer span:not(.avatar){font-size:0}.projects .brand-mark{margin:auto}.new-project{overflow:hidden;height:var(--control-height-md);padding:0;font-size:0;justify-content:center}.new-project:first-letter{font-size:var(--fs-500)}.workspace-nav button{justify-content:center;font-size:0}.workspace-nav button span{font-size:var(--fs-400)}.project{grid-template-columns:1fr;padding-inline:var(--space-1)}.project-icon{margin:auto}.chat,.surface-panel,.creation-column{min-height:100vh}.chat header{padding-inline:var(--space-3)}.header-actions .button{display:none}.messages{padding-inline:var(--space-3)}.surface-panel,.creation-flow{padding:var(--space-6) var(--space-4)}.surface-list article{grid-template-columns:2.25rem 1fr}.surface-list em{display:none}.preview{grid-column:1 / -1}.preview-stage{padding:var(--space-2)}}