:root{--bg: #0f1115;--panel: #171a21;--panel-hover: #1c2029;--panel-border: #262b36;--text: #e7e9ee;--text-dim: #9aa1ae;--accent: #4f8cff;--success: #35c17b;--danger: #e5555a;--radius: 10px;--border: #262b36;color-scheme:dark;--focus-ring: 0 0 0 3px rgba(79, 140, 255, .45);--text-2xs: .75rem;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--weight-heading: 650;--tracking-heading: -.01em;--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;--transition-fast: .15s ease;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased}code,pre{font-family:var(--font-mono);overflow-wrap:anywhere}button,input,select,textarea{font:inherit;color:inherit}input,select,textarea{background:var(--panel);border:1px solid var(--border);border-radius:8px}input::placeholder,textarea::placeholder{color:var(--text-dim);opacity:1}.app-header{padding:var(--space-6) var(--space-6) var(--space-4);max-width:1100px;margin:0 auto}.app-header h1{margin:0;font-size:var(--text-lg);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:1.15}.app-main{max-width:1100px;margin:0 auto;padding:0 var(--space-6) var(--space-12)}.provenance-note{color:var(--text-dim);font-size:var(--text-xs);margin:0 0 var(--space-8);max-width:640px}.family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.family-grid--compact{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;gap:var(--space-2);margin-bottom:0;overflow-x:auto;max-width:100%}.family-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-5);cursor:pointer;color:var(--text);font:inherit;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.family-card:hover{border-color:var(--accent);background:var(--panel-hover);transform:translateY(-2px)}.family-card:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.family-card:active{transform:translateY(0)}.family-card.is-selected{border-color:var(--accent);background:#4f8cff14}.family-card-title{margin:0 0 var(--space-2);font-size:var(--text-md);font-weight:600}.family-card-description{margin:0;font-size:var(--text-sm);color:var(--text-dim)}.family-card--compact{padding:var(--space-2) var(--space-4);border-radius:999px;white-space:nowrap}.family-card--compact .family-card-title{margin:0;font-size:var(--text-xs);font-weight:600}.chat-panel{margin-bottom:var(--space-8)}.chat-hero{text-align:center;padding:var(--space-12) var(--space-4) var(--space-8)}.chat-hero-question{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:1.15}.chat-hero-caption{color:var(--text-dim);margin:var(--space-3) auto 0;font-size:var(--text-sm);max-width:520px}.composer-shell{margin:0 auto var(--space-2);max-width:720px}.composer-note{color:var(--text-dim);font-size:var(--text-xs);text-align:center;margin:0 0 var(--space-3)}.composer{display:flex;flex-direction:column;gap:var(--space-2);background:var(--panel);border:1px solid var(--panel-border);border-radius:calc(var(--radius) * 1.6);padding:var(--space-4) var(--space-4) var(--space-3);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.composer:focus-within{border-color:var(--accent)}.composer.is-dragging{border-color:var(--accent);background:var(--panel-hover);box-shadow:var(--focus-ring)}.composer-input{width:100%;background:transparent;border:none;color:var(--text);padding:var(--space-1) var(--space-1) 0;font-size:var(--text-base);font-family:inherit;resize:none;min-height:3.25rem;max-height:40vh}.composer-input::placeholder{color:var(--text-dim)}.composer-input:focus{outline:none}.composer-input:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #4f8cff59;border-radius:var(--radius)}.composer-input:disabled{color:var(--text-dim);cursor:not-allowed}.composer-controls{display:flex;align-items:center;gap:var(--space-2)}.composer-controls-right{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.composer-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:999px;border:1px solid var(--panel-border);background:transparent;color:var(--text-dim);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.composer-icon-btn:hover:not(:disabled){border-color:var(--accent);color:var(--text);background:var(--panel-hover)}.composer-icon-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.composer-icon-btn:disabled{opacity:.45;cursor:not-allowed}.composer-send-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:50%;border:none;background:var(--accent);color:#0b1220;cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.composer-send-btn:hover:not(:disabled){background:#6c9fff}.composer-send-btn:disabled{opacity:.4;cursor:not-allowed}.composer-send-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.composer-file-input{display:none}.composer-attachment{display:flex;align-items:center;gap:var(--space-2);align-self:flex-start;max-width:100%;background:var(--panel-hover);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--text-dim)}.composer-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-attachment-remove{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;border:none;background:transparent;color:var(--text-dim);cursor:pointer}.composer-attachment-remove:hover{color:var(--text);background:#ffffff0f}.composer-attachment-remove:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field-invalid-text{color:var(--danger)}.chat-examples{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-5)}.example-chip{font:inherit;font-size:var(--text-xs);background:transparent;border:1px solid var(--panel-border);border-radius:calc(var(--radius) * 1.4);color:var(--text-dim);padding:var(--space-2) var(--space-4);max-width:300px;white-space:normal;text-align:left;line-height:1.35;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.example-chip:hover{border-color:var(--accent);color:var(--text);background:var(--panel-hover)}.example-chip:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.notice-banner{padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);border-radius:var(--radius);background:#4f8cff14;border:1px solid rgba(79,140,255,.35);color:var(--text);font-size:var(--text-sm);max-width:640px}.template-expander{max-width:720px;margin:0 auto var(--space-8);text-align:center}.template-expander summary{cursor:pointer;color:var(--text-dim);font-size:var(--text-sm);margin-bottom:var(--space-4)}.template-expander summary:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius)}.template-expander .family-grid--compact{justify-content:center}.template-expander summary:hover{color:var(--text)}.proposal-review{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-6);margin-bottom:var(--space-8);max-width:640px}.proposal-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.proposal-family-badge{display:inline-flex;align-items:center;border-radius:999px;padding:var(--space-1) var(--space-3);font-size:var(--text-2xs);font-weight:600;color:var(--accent);background:#4f8cff1f;border:1px solid rgba(79,140,255,.35)}.proposal-name{margin:0;font-size:var(--text-lg);font-weight:var(--weight-heading)}.summary-section{margin-bottom:var(--space-5)}.summary-section h3{margin:0 0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.summary-section ul{margin:0;padding-left:var(--space-5);font-size:var(--text-sm)}.summary-section li{margin-bottom:var(--space-1)}.proposal-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-6)}.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:600;cursor:pointer;background:transparent;color:var(--text);transition:border-color var(--transition-fast),background var(--transition-fast)}.secondary-button:hover:not(:disabled){border-color:var(--accent);background:var(--panel-hover)}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.link-button{background:transparent;border:none;color:var(--text-dim);font:inherit;font-size:var(--text-sm);cursor:pointer;padding:var(--space-2);text-decoration:underline}.link-button:hover:not(:disabled){color:var(--text)}.link-button:disabled{opacity:.55;cursor:not-allowed}.link-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.spec-form{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:var(--space-6);margin-bottom:var(--space-8);max-width:640px}.form-field{margin-bottom:var(--space-5)}.form-field label{display:block;font-size:var(--text-sm);color:var(--text-dim);margin-bottom:var(--space-2)}.form-field .field-hint{display:block;font-size:var(--text-2xs);color:var(--text-dim);margin-top:var(--space-1)}.form-field input[type=text],.form-field textarea{width:100%;min-height:44px;background:var(--bg);border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text);padding:var(--space-2) var(--space-3);font-size:var(--text-base);font-family:inherit;transition:border-color var(--transition-fast)}.form-field textarea{min-height:72px;resize:vertical}.form-field input[type=text]:focus-visible,.form-field textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--accent)}.form-field input.field-invalid{border-color:var(--danger)}.dao-genesis-members{margin-bottom:var(--space-5)}.dao-genesis-members h3{margin:0 0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-dim)}.dao-genesis-member-row{margin-bottom:var(--space-3)}.dao-genesis-member-input-row{display:flex;align-items:center;gap:var(--space-2)}.dao-genesis-member-input-row input[type=text]{flex:1}.checkbox-field{display:flex;align-items:center;gap:var(--space-3)}.checkbox-field input[type=checkbox]{width:20px;height:20px}.checkbox-field input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.generate-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:none;border-radius:var(--radius);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:600;cursor:pointer;background:var(--accent);color:#0b1220;transition:background var(--transition-fast),opacity var(--transition-fast)}.generate-button:hover:not(:disabled){background:#6c9fff}.generate-button:disabled{opacity:.55;cursor:not-allowed}.generate-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.error-banner{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);border-radius:var(--radius);background:#e5555a14;border:1px solid rgba(229,85,90,.35);color:var(--danger);font-size:var(--text-sm);max-width:640px;white-space:pre-wrap}.error-banner-content{display:flex;flex-direction:column;gap:var(--space-1)}.error-banner-headline{margin:0;font-weight:600}.error-banner-detail{margin:0;color:var(--text-dim);font-size:var(--text-xs);white-space:pre-wrap}.generated-files{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden}.file-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-3);border-bottom:1px solid var(--panel-border)}.file-tab{font:inherit;font-size:var(--text-xs);font-family:var(--font-mono);background:transparent;border:1px solid var(--panel-border);border-radius:999px;color:var(--text-dim);padding:var(--space-1) var(--space-3);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.file-tab:hover{border-color:var(--accent);color:var(--text)}.file-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.file-tab.is-active{border-color:var(--accent);color:var(--text);background:#4f8cff1f}.code-panel{margin:0;padding:var(--space-4);overflow:auto;max-height:60vh;font-size:var(--text-xs);line-height:1.6}.code-lines{margin:0;padding:0;list-style:none;counter-reset:line}.code-lines li{counter-increment:line;padding-left:var(--space-4);white-space:pre-wrap;word-break:break-word}.code-lines li:before{content:counter(line);display:inline-block;width:2.5em;margin-right:var(--space-3);margin-left:calc(-1 * var(--space-4) - 2.5em - var(--space-3));text-align:right;color:var(--text-dim);-webkit-user-select:none;user-select:none}.copy-button{font:inherit;font-size:var(--text-2xs);background:transparent;border:1px solid var(--panel-border);border-radius:var(--radius);color:var(--text-dim);padding:var(--space-1) var(--space-3);cursor:pointer;margin:var(--space-3) var(--space-3) 0 auto;display:block}.copy-button:hover{border-color:var(--accent);color:var(--text)}.copy-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.status-text{color:var(--text-dim);font-size:var(--text-sm)}@media(max-width:480px){.app-header{padding:var(--space-4) var(--space-4) var(--space-3)}.app-main{padding:0 var(--space-4) var(--space-8)}.chat-hero{padding:var(--space-8) var(--space-2) var(--space-6)}.chat-hero-question{font-size:var(--text-xl)}.composer{padding:var(--space-3)}.spec-form{padding:var(--space-4)}.code-panel{max-height:50vh}}.preview-launch{margin-top:1.5rem;padding:1rem;border:1px solid var(--border);border-radius:8px}.preview-launch p{margin:0 0 .75rem}.preview-launch button{font-size:1rem;padding:.7rem 1.1rem;min-height:44px;border:none;border-radius:8px;background:var(--accent);color:#0b1220;font-weight:var(--weight-heading);cursor:pointer}.preview-launch button:hover:not(:disabled){background:#6c9fff}.preview-launch button:disabled{background:var(--panel-hover);color:var(--text-dim)}.preview-panel{margin-top:2rem}.preview-note{font-size:.85rem;opacity:.75;margin:0 0 1rem}.preview-hint{font-size:.9rem;opacity:.85;margin:.25rem 0 1.25rem}.preview-actors{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.preview-actors-label{font-weight:600}.actor-chip{padding:.5rem .9rem;min-height:44px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;font-size:.95rem;transition:background var(--transition-fast),color var(--transition-fast)}.actor-chip:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.actor-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}.actor-chip-active{background:var(--accent);border-color:var(--accent);color:#0b1220;font-weight:600}.preview-state{margin:1.25rem 0;padding:.75rem 1rem;border-radius:8px;background:#7f7f7f14}.preview-state h3{margin:0 0 .5rem;font-size:1rem}.preview-state pre{margin:0;white-space:pre-wrap;word-break:break-word;font-size:.9rem}.preview-actions{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:720px){.preview-actions{grid-template-columns:1fr 1fr}}.preview-action{border:1px solid var(--border);border-radius:8px;padding:.9rem;display:flex;flex-direction:column;gap:.6rem}.preview-action h4{margin:0;font-size:1rem}.preview-perm{font-weight:400;opacity:.7;font-size:.85rem}.preview-action label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.preview-action input{padding:.6rem;min-height:44px;font-size:1rem;border:1px solid var(--border);border-radius:6px;width:100%;box-sizing:border-box}.preview-action button{min-height:44px;font-size:.95rem;cursor:pointer;border:none;border-radius:8px;background:var(--accent);color:#0b1220;font-weight:var(--weight-heading);transition:background var(--transition-fast)}.preview-action button:hover:not(:disabled){background:#6c9fff}.preview-action button:disabled{background:var(--panel-hover);color:var(--text-dim);cursor:not-allowed}.preview-action button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.field-hint{font-size:var(--text-2xs);color:var(--text-dim);font-variant-numeric:tabular-nums}.field-hint-bad{color:var(--danger)}.preview-ok{margin:0;color:var(--success);font-size:.9rem}.preview-refused{margin:0;color:#ffb454;font-size:.9rem;font-weight:600}.preview-action select{padding:.6rem;min-height:44px;font-size:1rem;border:1px solid var(--border);border-radius:6px;width:100%;box-sizing:border-box}.change-request{margin-top:1.5rem;padding:1rem;border:1px solid var(--border);border-radius:8px}.change-request h3{margin:0 0 .35rem;font-size:1.05rem}.change-hint{margin:0 0 .85rem;font-size:.9rem;opacity:.85}.change-request form{display:flex;flex-wrap:wrap;gap:.5rem}.change-request input{flex:1 1 16rem;padding:.6rem;min-height:44px;font-size:1rem;border:1px solid var(--border);border-radius:6px}.change-request form button{min-height:44px;padding:0 1rem;font-size:.95rem;cursor:pointer}.change-examples{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.change-example{padding:.4rem .7rem;min-height:36px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);font-size:.85rem;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.change-example:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.change-example:disabled{opacity:.5;cursor:not-allowed}.change-example:focus-visible{outline:none;box-shadow:var(--focus-ring)}.split{display:flex;align-items:stretch;width:100%;min-height:0}.split.stacked{flex-direction:column}.split-pane{min-width:0;overflow-y:auto;padding:0 .75rem}.split.stacked .split-pane{width:100%;padding:0}.split-left{flex:0 0 auto}.split-right{flex:1 1 auto}.split-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.split-divider{flex:0 0 10px;cursor:col-resize;display:flex;align-items:center;justify-content:center;background:transparent;border:none}.split-divider:hover .split-grip,.split-divider:focus-visible .split-grip{background:#0969da}.split-divider:focus-visible{outline:2px solid #0969da;outline-offset:-2px}.split-grip{width:3px;height:100%;border-radius:2px;background:var(--border);transition:background .12s}.voice-btn{display:inline-flex;align-items:center;gap:.35rem;min-height:32px;padding:.25rem .7rem;font-size:var(--text-xs);border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.voice-btn:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.voice-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.voice-btn svg{flex:0 0 auto}.voice-btn-active{background:var(--accent);border-color:var(--accent);color:#0b1220}.voice-note{font-size:.75rem;opacity:.75;margin-left:.5rem}.voice-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem}html,body,#root{height:100%}body{margin:0}#root{display:flex;flex-direction:column;min-height:0}.app-main-split{max-width:none;margin:0;padding:0;flex:1 1 auto;min-height:0;display:flex;overflow:hidden}.app-main-split>.split{flex:1 1 auto;min-height:0}.app-header-split{max-width:none;margin:0;padding:var(--space-4, .75rem) var(--space-6, 1rem);border-bottom:1px solid var(--border)}.split.stacked{display:block;overflow-y:auto}.pane-work{padding:var(--space-6, 1rem) 0 3rem}.pane-empty{margin:2rem 0;padding:1.25rem;border:1px dashed var(--border);border-radius:8px;opacity:.8;font-size:.95rem}.pane-home{max-width:52rem;margin:0 auto;padding:0 1rem 2rem;width:100%}.app-main-thread{flex:1 1 auto;min-height:0;display:flex;padding-bottom:0;overflow:hidden}.pane-home-thread{display:flex;flex-direction:column;min-height:0;padding:0 1rem}.split-left{display:flex;flex-direction:column;overflow:hidden}.chat-thread{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;padding:0}.chat-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--space-6, 1rem) var(--space-4, .75rem)}.chat-anchor{height:0}.transcript{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.chat-turn{display:flex;flex-direction:column;max-width:92%}.chat-turn-user{align-self:flex-end;align-items:flex-end}.chat-turn-assistant{align-self:flex-start;align-items:flex-start}.chat-turn-role{font-size:var(--text-2xs);color:var(--text-dim);margin-bottom:.2rem;letter-spacing:.02em}.chat-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}.chat-turn-user .chat-bubble{background:#4f8cff24;border-color:#4f8cff73}.chat-bubble-pending{display:flex;align-items:center;gap:.5rem;color:var(--text-dim)}.chat-thinking-label{font-size:var(--text-sm)}.chat-thinking{display:inline-flex;gap:3px}.chat-thinking i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:chat-thinking-pulse 1.1s ease-in-out infinite}.chat-thinking i:nth-child(2){animation-delay:.16s}.chat-thinking i:nth-child(3){animation-delay:.32s}@keyframes chat-thinking-pulse{0%,60%,to{opacity:.25}30%{opacity:1}}.chat-composer{flex:0 0 auto;border-top:1px solid var(--border);padding:var(--space-4, .75rem);background:var(--bg, #0d1117)}.chat-composer .change-request{border:none;padding:0;margin:0}.chat-composer .composer-shell{margin:0;max-width:none}.chat-composer .composer{padding:var(--space-3) var(--space-3) var(--space-2);gap:var(--space-1)}.chat-composer .composer-input{min-height:2.5rem}.chat-composer .chat-examples{margin-top:var(--space-3);justify-content:flex-start}.chat-composer .composer-note{text-align:left;margin-bottom:var(--space-2)}.chat-composer .notice-banner{margin-bottom:var(--space-3)}.chat-composer .link-button{margin-top:var(--space-2);font-size:var(--text-xs)}.split-right .code-panel{max-height:none;overflow:visible}.pane-work{padding:0}.work-body{padding:var(--space-6, 1rem) var(--space-4, .75rem) 3rem}.split-right .preview-launch{border:none;padding:0;background:transparent}.split-right .preview-launch{margin-top:1.25rem}.chat-composer .change-request h3,.chat-composer .change-hint{display:none}.chat-composer .change-example{min-height:30px;padding:.25rem .6rem;font-size:.78rem}.composer-field{display:flex;align-items:center;gap:.35rem;padding:.3rem .35rem .3rem .85rem;border:1px solid var(--border);border-radius:999px;background:var(--panel);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.composer-field:focus-within{border-color:var(--accent);box-shadow:var(--focus-ring)}.composer-field input{flex:1 1 auto;min-width:0;border:none;background:transparent;padding:.45rem 0;min-height:34px;font-size:1rem}.composer-field input:focus{outline:none}.composer-field .voice-icon-btn,.composer-field .composer-send{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.composer-field .voice-icon-btn:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.composer-field .voice-icon-btn-active{background:var(--danger);color:#fff}.composer-field .composer-send{background:var(--accent);color:#0b1220}.composer-field .composer-send:hover:not(:disabled){background:#6c9fff}.composer-field .composer-send:disabled{background:var(--panel-hover);color:var(--text-dim);cursor:not-allowed}.composer-field button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.split-right{overflow:hidden;display:flex;flex-direction:column}.pane-work{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.work-body{flex:1 1 auto;min-height:0;overflow-y:auto}.work-tabs{flex:0 0 auto;display:flex;align-items:center;gap:.25rem;padding:0 var(--space-4, .75rem);border-bottom:1px solid var(--border);background:var(--bg)}.work-tab{padding:.6rem .9rem;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-dim);font-size:var(--text-sm);cursor:pointer}.work-tab:hover{color:var(--text)}.work-tab-active{color:var(--text);border-bottom-color:var(--accent)}.work-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.work-tab-count{margin-left:.35rem;padding:.05rem .4rem;border-radius:999px;background:var(--panel-hover);font-size:var(--text-2xs);color:var(--text-dim)}.work-progress-step{margin:0 0 .25rem;font-weight:var(--weight-heading)}.proposal-turn{max-width:100%;width:100%;align-items:stretch}.proposal-turn .chat-bubble{align-self:flex-start;max-width:92%}.proposal-card{margin-top:var(--space-3);padding:var(--space-5);border:1px solid var(--panel-border);border-radius:var(--radius)}.proposal-card-live{background:var(--panel)}.proposal-card .proposal-review{border:none;padding:0;margin-bottom:0;max-width:none;background:transparent}.proposal-card-live .proposal-actions{margin-top:var(--space-6)}.proposal-card-superseded{background:transparent;border-style:dashed}.proposal-turn-superseded .chat-bubble{color:var(--text-dim);background:transparent;border-style:dashed}.proposal-superseded-note{display:flex;align-items:flex-start;gap:var(--space-2);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--panel-border);font-size:var(--text-xs);color:var(--text-dim)}.proposal-superseded-note .icon-inline{flex:0 0 auto;margin-top:.1rem}.proposal-card-superseded .proposal-name{font-size:var(--text-md);color:var(--text-dim)}.proposal-card-superseded .proposal-family-badge{color:var(--text-dim);background:transparent;border-color:var(--panel-border)}.proposal-card-superseded .summary-section li,.proposal-card-superseded .open-question-text{color:var(--text-dim)}.proposal-card-superseded .open-questions-lead{font-weight:400;color:var(--text-dim)}.chat-composer .change-request{display:flex;flex-direction:column;gap:.5rem}.chat-composer .change-examples{margin:0}.open-questions{margin:0 0 var(--space-5, 1.25rem);padding:var(--space-4, .75rem);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:8px;background:var(--panel)}.open-questions-lead{margin:0 0 var(--space-3, .75rem);font-weight:var(--weight-heading)}.open-question+.open-question{margin-top:var(--space-4, 1rem);padding-top:var(--space-4, 1rem);border-top:1px solid var(--border)}.open-question-text{margin:0 0 .15rem}.open-question-assumed{margin:0 0 .5rem;font-size:var(--text-sm);color:var(--text-dim)}.open-question-answers{display:flex;flex-wrap:wrap;gap:.4rem}.open-question-answer{padding:.35rem .7rem;min-height:32px;border-radius:999px;border:1px solid var(--border);background:var(--panel-hover);color:var(--text);font-size:var(--text-xs);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.open-question-answer:hover:not(:disabled){border-color:var(--accent);background:var(--panel)}.open-question-answer:disabled{opacity:.5;cursor:not-allowed}.open-question-answer:focus-visible{outline:none;box-shadow:var(--focus-ring)}.open-questions-foot{margin:var(--space-3, .75rem) 0 0;font-size:var(--text-2xs);color:var(--text-dim)}.open-questions-readonly{background:transparent;border-left-color:var(--panel-border)}.preview-answer{margin:.4rem 0 0;padding:.6rem .75rem;border-radius:8px;background:var(--bg);border:1px solid var(--border);font-size:var(--text-xs);white-space:pre-wrap;word-break:break-word}.preview-site{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:0 0 var(--space-5, 1.25rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border:1px solid var(--accent);border-radius:10px;background:#4f8cff14}.preview-site a{color:var(--accent);font-weight:var(--weight-heading);text-decoration:none}.preview-site a:hover{text-decoration:underline}.preview-site-note{font-size:var(--text-2xs);color:var(--text-dim)}
