:root{color-scheme:dark;font-family:Inter,'Segoe UI','Malgun Gothic',sans-serif;background:#0b1019;color:#e9eef7;font-size:16px;--line:#273142;--muted:#92a2b8;--green:#4de0ba}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #334052;background:#1b2738;color:#e9eef7;border-radius:8px;padding:10px 14px;font-size:.875rem;transition:background .15s,border-color .15s}button:hover{border-color:var(--green);background:#23364a}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:3px}.primary{background:var(--green);color:#062a21;border-color:var(--green);font-weight:700}.primary:hover{background:#77f1d0;color:#062a21}header{min-height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:14px 28px;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-weight:700;letter-spacing:2px}.brand b{display:grid;place-items:center;background:var(--green);color:#071c17;width:34px;height:34px;border-radius:10px;font-size:20px}.brand span{font-size:.75rem;color:#8c9bb0;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:16px}.mode{font-size:.8125rem;color:#a8b7ca;border-left:2px solid var(--green);padding-left:10px}.projectbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 28px 20px}.breadcrumb{font-size:.8125rem;color:var(--muted)}h1{margin:6px 0 0;font-size:1.65rem;letter-spacing:-.7px}h1 span{font-size:.875rem;font-weight:400;color:var(--muted);margin-left:10px}.project-actions{display:flex;gap:10px}.project-actions .primary span{margin-left:12px}.steps{display:flex;align-items:center;justify-content:center;gap:18px;padding:17px 28px;border-block:1px solid var(--line);background:#0e1521}.step{display:flex;align-items:center;gap:9px;font-size:.875rem;color:#8494aa;white-space:nowrap}.step>span{font-size:.8125rem;background:#202c3e;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.step.past>span{color:var(--green);background:#17332f}.step.current{color:#e5fff6}.step.current>span{color:#062a21;background:var(--green)}.step small{font-size:.75rem;padding:4px 7px;border:1px solid #30554c;color:#8ad4bf;border-radius:4px;margin-left:3px}.step-connector{color:#3f5268}.workspace{display:grid;grid-template-columns:300px minmax(450px,1fr) 268px;min-height:730px;border-bottom:1px solid var(--line)}.conversation{display:flex;flex-direction:column;background:#101824;border-right:1px solid var(--line);min-width:0;max-height:850px}.panel-heading{padding:20px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-heading>div{display:flex;align-items:center;gap:8px}.panel-heading h2{font-size:.9375rem;margin:0;letter-spacing:-.5px}.section-no{font-size:.75rem;color:#60758e}.tiny-tag{font-size:.75rem;padding:4px 7px;border:1px solid #334458;border-radius:4px;color:#9eb1c9;white-space:nowrap}.conversation-scroll{padding:19px 17px;overflow:auto;flex:1;max-height:570px}.message{margin-bottom:24px}.message-label{font-size:.8125rem;font-weight:600;color:#dce9fa;display:flex;align-items:center;gap:8px}.message-label small{font-size:.75rem;color:#69809c;font-weight:400}.message p{font-size:.9375rem;line-height:1.85;margin:10px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.user p{background:#1c293b;padding:13px 14px;border-radius:2px 12px 12px 12px;color:#c3d3e7}.message.assistant .message-label{color:var(--green)}.message.assistant p{color:#acbdd3}.scope-note{border:1px dashed #354456;padding:13px;border-radius:8px;font-size:.8125rem;line-height:1.7}.scope-note strong{font-size:.875rem;color:#cad7e7}.scope-note p{margin:5px 0;color:var(--green)}.scope-note span{color:#90a2bb}.composer{margin-top:auto;padding:16px;border-top:1px solid var(--line);background:#111c2b}.suggestions{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.suggestions button{font-size:.75rem;padding:6px 8px;color:#b6cbe2;background:#172638}.composer textarea{width:100%;resize:vertical;min-height:85px;max-height:240px;border:0;background:transparent;color:#e7eef8;font-size:.9375rem;line-height:1.8}.composer textarea::placeholder{color:#768ba6}.composer-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.composer-actions>span{font-size:.75rem;color:#6e819b}.composer-actions button{font-size:.8125rem;padding:8px 10px}.footnote{font-size:.75rem;color:#91a3bb;line-height:1.6}.composer .footnote{margin-bottom:0}.canvas-panel{display:flex;flex-direction:column;min-width:0}.tabs{display:flex;align-items:center;gap:1px;padding:0 10px;border-bottom:1px solid var(--line);min-height:64px;flex-wrap:wrap}.tabs button{background:transparent;border:0;border-radius:0;padding:21px 10px;color:#8fa1b9;font-size:.875rem;white-space:nowrap;position:relative}.tabs button.selected{color:var(--green);box-shadow:inset 0 -2px var(--green)}.tabs button i{position:absolute;right:2px;top:16px;width:5px;height:5px;background:var(--green);border-radius:50%}.tabs button:hover{color:#dae6f6;background:#142033}.canvas-content{padding:26px 24px;flex:1;background-color:#0d1420;background-image:radial-gradient(#263346 1px,transparent 1px);background-size:22px 22px;max-height:730px;overflow:auto;scrollbar-width:thin;scrollbar-color:#34445c transparent}.view-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:24px}.eyebrow{font-size:.75rem;letter-spacing:1.6px;color:#78bba9;margin:0 0 8px;font-weight:600}.view-heading h2{font-size:1.25rem;letter-spacing:-.7px;margin:0 0 8px}.view-heading p:not(.eyebrow){font-size:.875rem;color:#8fa4bf;line-height:1.7;margin:0}.workflow{max-width:720px;margin:0 auto}.flow-row{display:flex;align-items:center;justify-content:center;gap:14px}.flow-node{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:17px;width:46%;min-height:108px;background:#141f2f;border:1px solid #35465f;border-radius:9px;box-shadow:0 4px 15px #0002}.node-kicker{font-size:.75rem;letter-spacing:.8px;color:#7f95b2;margin-bottom:7px}.flow-node strong{font-size:.9375rem}.flow-node small{font-size:.75rem;color:#93a9c4;line-height:1.6;margin-top:6px}.flow-arrow{color:#668199;font-size:24px}.vertical-arrow{text-align:center;color:#587491;font-size:22px;height:32px;line-height:32px}.flow-node.approval{border-color:#87733c;background:#29251b}.flow-node.approval .node-kicker{color:#d5b65e}.flow-node.approved{border-color:#31705f;background:#142c28}.flow-node.approved .node-kicker{color:var(--green)}.parallel-group{position:relative;display:flex;gap:10px;border:1px dashed #36586d;background:#11203380;border-radius:10px;padding:23px 14px 14px}.parallel-label{position:absolute;top:-8px;left:20px;font-size:.75rem;color:#75b8db;background:#0d1420;padding:0 8px;letter-spacing:1px}.mini-node{flex:1;min-width:0;background:#17283b;padding:12px 8px;text-align:center}.mini-node strong{font-size:.875rem;display:block}.mini-node small{display:block;font-size:.75rem;color:#8ba2bf;margin-top:6px}.mini-node.done{border-color:#347662}.mini-node.done small{color:var(--green)}.mini-node.running{border-color:var(--green);animation:borderPulse 1.2s infinite}.run-strip{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:68px;padding:13px 18px;border-top:1px solid var(--line);background:#111b29}.run-strip>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.run-strip strong{font-size:.8125rem;font-weight:500}.signal{width:7px;height:7px;border-radius:50%;background:#d5b65e;display:inline-block}.strip-detail{font-size:.75rem;color:#8195af}.run-strip button{font-size:.8125rem;white-space:nowrap}.inspector{background:#101824;border-left:1px solid var(--line);min-width:0}.inspector-body{padding:23px 19px}.inspector h3{font-size:1.0625rem;margin:16px 0}.inspector dl{display:grid;grid-template-columns:90px 1fr;font-size:.8125rem;line-height:2.2}.inspector dt{color:#8295b1}.inspector dd{margin:0;color:#ced9e8;overflow-wrap:anywhere}.inspector code{font-size:.75rem;color:#8aa9c9}.inspector-divider{border-top:1px solid var(--line);margin:20px 0}.inspector h4{font-size:.875rem;color:#afc2d9;margin:22px 0 11px}.inspector blockquote{margin:0;font-size:.8125rem;line-height:1.9;color:#a5b9d3;border-left:2px solid #376053;padding:8px 12px;background:#14231f}.requirements{padding-left:17px;color:#92a9c5;font-size:.8125rem;line-height:2}.artifact-links{display:flex;flex-direction:column;gap:6px}.artifact-links button{background:transparent;font-size:.75rem;padding:9px;text-align:left;color:#98b8d9;display:flex;justify-content:space-between}.approval-note{margin-top:28px;background:#1c2330;padding:13px;border-radius:7px;font-size:.8125rem;line-height:1.8}.approval-note strong{color:#cebf8c}.approval-note p{margin:7px 0 0;color:#8c9fba}.swarm{padding:26px 28px 30px;background:#0d1420}.swarm-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.swarm-heading h2{font-size:1.125rem;margin:0;font-weight:500}.worker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.worker-card{background:#141f2e;border:1px solid #293b51;border-radius:10px;padding:19px}.worker-top{display:flex;align-items:center;gap:12px}.worker-icon{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;border:1px solid #3c5066;color:#8bcbbb;border-radius:9px;font-size:22px}.worker-top>div{flex:1}.worker-top strong{font-size:.9375rem}.worker-top small{display:block;color:#738ba7;font-size:.75rem;margin-top:3px}.badge{font-size:.75rem;color:#9eb2cd;background:#203047;border:1px solid #34485f;border-radius:20px;padding:4px 9px;white-space:nowrap}.badge.success{color:#71dcb6;background:#17352e;border-color:#275b4c}.badge.active{color:#88c7ff;border-color:#3b6d99}.badge.danger{color:#ffabb0;border-color:#8a4b55;background:#391e2b}.worker-card p{color:#99adc5;font-size:.875rem}.worker-files{display:flex;gap:6px;flex-wrap:wrap}.worker-files span{font-family:monospace;font-size:.75rem;background:#0d1725;padding:5px 7px;border-radius:4px;color:#8197b1}.worker-bottom{border-top:1px solid #26364a;margin-top:17px;padding-top:13px;display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:#6f8aa7}.worker-card.done{border-color:#2c5c50}.worker-card.running{border-color:#4baf93}.footer{padding:19px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);color:#6f849f;font-size:.75rem;flex-wrap:wrap}.footer>span:first-child{letter-spacing:1.6px}.footer button{font-size:.75rem;background:transparent;border:0;color:#94b9c1}.graph-legend{display:flex;gap:15px;font-size:.75rem;color:#91abc7;margin-bottom:10px;flex-wrap:wrap}.graph-svg{width:100%;min-width:420px;max-height:560px;overflow:visible}.graph-edge{stroke:#405673;stroke-width:1.4;fill:none}.edge-label{fill:#7c96b3;font-size:11px;text-anchor:middle;paint-order:stroke;stroke:#0d1420;stroke-width:4px;stroke-linejoin:round}.graph-node{cursor:pointer}.graph-node rect{fill:#1a2b41;stroke:#3d5877;stroke-width:1.4}.graph-node text{fill:#d3e3f6;font-size:12px}.graph-node .type-label{fill:#819bb9;font-size:10px}.graph-node.Requirement rect{fill:#15352e;stroke:#358c72}.graph-node.Constraint rect{fill:#342d1c;stroke:#8a7744}.graph-node.Test rect{fill:#282340;stroke:#68578d}.graph-node.selected rect{stroke:#78ffce;stroke-width:2.5}.graph-node:hover rect{stroke:#c2fff0}.graph-table{background:#121e2c;border:1px solid #2c3d53;border-radius:8px;padding:14px;margin-top:10px}.graph-table>strong{font-size:.875rem}.graph-table button{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:0;border-bottom:1px solid #253246;border-radius:0;padding:10px 0;gap:8px;font-size:.8125rem;text-align:left}.graph-table code{font-size:.75rem;color:#70bba1}.graph-table button span{max-width:35%}.decision-root{margin:30px auto 0;max-width:370px;text-align:center;background:#203046;border:1px solid #486383;padding:20px;border-radius:10px;font-size:.9375rem}.branch-lines{display:flex;width:50%;height:35px;margin:auto}.branch-lines span{width:50%;border-bottom:1px solid #3a576f}.branch-lines span:first-child{border-right:1px solid #3a576f}.alternatives{display:grid;grid-template-columns:1fr 1fr;gap:18px}.alternative{background:#182231;border:1px solid #35465b;border-radius:9px;padding:19px}.alternative.chosen{border-color:#337e67;background:#152c28}.alternative h3{font-size:1rem;margin:19px 0 10px}.alternative p,.alternative li{font-size:.875rem;color:#a6b7cd;line-height:1.8}.alternative ul{padding-left:17px}.choice-reason{font-size:.8125rem;line-height:1.8;border-top:1px solid #344351;padding-top:12px;color:#8ec6b3}.decision-subtitle{text-align:center;color:#8facc4;font-size:.875rem;padding:24px 0 15px}.branch-task-row{display:flex;gap:10px}.branch-task-row button{flex:1;min-width:0}.branch-task-row small{display:block;color:#8ea9c4;margin-top:5px;font-size:.75rem}.design-note{margin-top:24px;padding:16px;background:#152336;border-left:2px solid #4b79a0;font-size:.875rem;line-height:1.8}.design-note p{margin:8px 0 0;color:#9bb3cc}.component-stack{display:grid;gap:15px}.component-stack>article{background:#151f2e;border:1px solid #324459;border-radius:9px;padding:20px}.component-title{display:flex;gap:12px;align-items:center;margin-bottom:16px}.component-title h3{font-size:1rem;margin:0;flex:1}.component-stack>article>label{font-size:.875rem;color:#9eb4cd}.field-preview{display:grid;grid-template-columns:130px 1fr;gap:9px;align-items:center;font-size:.8125rem;margin-bottom:12px}.field-preview label{color:#9eb2cb}.field-preview div{border:1px solid #344458;padding:8px;border-radius:5px;color:#7c95b3;background:#101b29}.toggle-line{display:flex;align-items:center;gap:10px;min-height:38px;margin:9px 0;font-size:.875rem}input[type=checkbox]{accent-color:#4de0ba;width:18px;height:18px}.number-field{display:flex;align-items:center;gap:12px;margin:12px 0}.number-field input{width:88px;background:#102032;color:#e1ebf8;border:1px solid #415670;border-radius:6px;padding:10px}.number-field span{font-size:.8125rem;color:#96acc5}.component-stack code{font-size:.75rem;color:#78aab3}.component-stack p{font-size:.875rem;color:#9fb2ca;line-height:1.8}.empty-state{max-width:440px;margin:90px auto;text-align:center}.empty-state>span{font-size:48px;color:#456784}.empty-state h2{font-size:1.25rem}.empty-state p{font-size:.9375rem;color:#94abc5;line-height:1.9;margin-bottom:24px}.result-summary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.result-summary span{font-size:.75rem;padding:5px 8px;border-radius:5px;background:#192c28;color:#82cfb3}.result-summary span.failed{color:#ffb0b0;background:#38202a}.result-tabs{display:flex;gap:6px;margin-bottom:12px}.result-tabs button{background:#19283c;color:#a3bbd7;font-size:.8125rem}.result-tabs button.selected{color:#041f19;background:#6ddcc0}#appPreview{width:100%;height:490px;border:1px solid #42566c;border-radius:8px;background:white}.file-select{display:flex;align-items:center;gap:10px;font-size:.8125rem}.file-select select{flex:1;background:#102237;border:1px solid #3e536d;color:#d7e4f4;padding:9px;border-radius:6px;min-width:0}.file-select button{font-size:.8125rem}pre{font:.8125rem/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;background:#07111e;color:#adcbe4;border:1px solid #2f435a;border-radius:8px;padding:20px;max-height:470px;overflow:auto}.trace-card{border-top:1px solid #2b3e52;margin-top:20px;padding-top:18px;font-size:.875rem;line-height:1.9}.trace-card p{color:#a9bfd7}.trace-card span{color:#829bb8;font-size:.75rem}.event-log{margin-top:18px;border:1px solid #2c4158;border-radius:7px;padding:13px;font-size:.8125rem}.event-log summary{cursor:pointer;color:#9fc5ce}.event-log>div{display:grid;grid-template-columns:70px 1fr;gap:6px;padding:10px 0;border-bottom:1px solid #25354a}.event-log time{color:#728da8;font-size:.75rem}.event-log div>span{grid-column:2;color:#88a2be}.replay-box{margin-top:20px;border:1px solid #468376;border-radius:9px;padding:16px;background:#14312b}.replay-box strong{display:block;margin-top:12px;font-size:.9375rem}.replay-box p{font-size:.875rem;color:#9bcab7}.replay-box button{font-size:.75rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:#142033;color:#e0eafa;border:1px solid #405772;border-radius:16px;width:min(700px,calc(100% - 28px));max-height:90vh;padding:0;box-shadow:0 25px 90px #0009}dialog::backdrop{background:#03080eca;backdrop-filter:blur(5px)}.dialog-title{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 26px;border-bottom:1px solid #33465e}.dialog-title h2{font-size:1.1875rem;margin:0}.dialog-title button{border:0;background:transparent}.dialog-body{padding:23px 26px;max-height:65vh;overflow:auto;font-size:1rem;line-height:1.8}.dialog-body p{color:#adbed5}.dialog-body h3{font-size:1rem;margin-top:24px}.dialog-lead{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:18px 26px;border-top:1px solid #33465e}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.review-grid>div{padding:13px;border:1px solid #344b64;border-radius:8px;background:#111c2b}.review-grid span{font-size:.8125rem;color:#7f9dbd;display:block;margin-bottom:6px}.review-grid strong{font-size:.875rem;font-weight:500}.file-chips{display:flex;gap:7px;flex-wrap:wrap}.file-chips code{font-size:.75rem;padding:3px 7px;background:#24384f;border-radius:4px;color:#9dbdda}.consent{display:flex;align-items:center;gap:12px;font-size:.875rem;padding:13px;background:#23372f;border-radius:8px;color:#c5e5d4}.consent input{flex-shrink:0}.architecture-flow{text-align:center}.architecture-flow div{border:1px solid #344d68;padding:11px;border-radius:7px;background:#101b2b;font-size:.875rem}.architecture-flow b{color:#6f8cac}.architecture-flow .chosen{border-color:#4ab68f;color:#9becce}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);z-index:100;background:#d5faec;color:#082d22;border:1px solid #81d8b5;border-radius:10px;padding:13px 22px;max-width:min(600px,90vw);font-size:.875rem;box-shadow:0 10px 40px #0005;opacity:0;pointer-events:none;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}.pulse{background:#4de0ba;animation:borderPulse 1s infinite}@keyframes borderPulse{50%{opacity:.5}}
@media(min-width:1700px){.workspace{grid-template-columns:350px minmax(550px,1fr) 300px}.canvas-content{padding:30px 45px}.flow-node{min-height:115px}.conversation-scroll{max-height:600px}}@media(max-width:1200px){.workspace{grid-template-columns:270px minmax(400px,1fr)}.inspector{grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}.inspector-body{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px}.inspector-body .tiny-tag,.inspector-body h3{grid-column:1}.inspector-body dl{grid-column:1}.inspector-divider{display:none}.inspector-body h4{margin:8px 0}.inspector-body blockquote{grid-column:2;grid-row:1/4}.inspector-body .requirements{grid-column:3;grid-row:1/4}.inspector-body .approval-note{grid-column:2/4;margin-top:0}.steps{gap:10px;padding-inline:15px}.step small{display:none}.tabs button{padding:20px 7px;font-size:.8125rem}.worker-grid{gap:10px}.worker-card{padding:14px}.worker-top{flex-wrap:wrap}.worker-top .badge{margin-left:auto}.projectbar{padding-inline:20px}}
@media(max-width:760px){header{padding:12px 16px;flex-wrap:wrap;gap:12px}.brand span{display:none}.header-right{gap:8px}.header-right .mode{font-size:.75rem}.header-right button{font-size:.75rem;padding:7px}.projectbar{align-items:flex-start;flex-direction:column;padding:18px 16px;gap:15px}.project-actions{width:100%;flex-wrap:wrap}.project-actions button{font-size:.8125rem;padding:9px 11px}.project-actions .primary{margin-left:auto}.steps{justify-content:flex-start;overflow-x:auto;gap:8px;padding:12px 16px}.step{font-size:.75rem;gap:6px}.step>span{width:22px;height:22px;font-size:.75rem}.step-connector{display:none}.workspace{display:flex;flex-direction:column;min-height:0}.conversation{max-height:none;border-right:0}.conversation-scroll{max-height:310px}.composer{padding:14px 17px}.panel-heading{padding:16px 18px}.canvas-content{padding:22px 16px;max-height:none}.tabs{overflow-x:auto;flex-wrap:nowrap;padding:0 8px}.tabs button{padding:17px 9px;font-size:.8125rem}.tabs button span{white-space:nowrap}.view-heading{margin-bottom:22px}.view-heading h2{font-size:1.125rem}.flow-row{gap:8px}.flow-node{padding:12px;min-height:110px;width:46%}.flow-node strong{font-size:.875rem}.flow-node small{font-size:.75rem}.node-kicker{font-size:.75rem;letter-spacing:0}.flow-arrow{font-size:19px}.parallel-group{gap:6px;padding:20px 8px 10px}.mini-node{padding:10px 4px}.mini-node strong,.mini-node small{font-size:.75rem}.run-strip{align-items:flex-start;flex-wrap:wrap}.run-strip .footnote{display:none}.inspector-body{display:block}.inspector-body blockquote{margin-block:12px}.inspector-body h4{margin-top:20px}.inspector-body .approval-note{margin-top:20px}.swarm{padding:25px 16px}.swarm-heading{align-items:flex-start;flex-direction:column}.worker-grid{grid-template-columns:1fr}.worker-top{flex-wrap:nowrap}.worker-card{padding:18px}.footer{padding:18px 16px}.alternatives{grid-template-columns:1fr}.branch-lines{height:20px;border:0}.alternative{padding:17px}.branch-task-row{flex-wrap:wrap}.graph-svg{min-width:0}.graph-table button,.graph-table code{font-size:.75rem}.component-stack article{padding:15px}.field-preview{grid-template-columns:100px 1fr}.number-field{flex-wrap:wrap}.number-field span{font-size:.75rem}.dialog-title{padding:17px}.dialog-body{padding:18px}.dialog-actions{padding:15px;flex-wrap:wrap}.review-grid{grid-template-columns:1fr}.view-heading .tiny-tag{display:none}#appPreview{height:520px}.file-select{flex-wrap:wrap}.file-select label{width:100%}.trace-card p{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}animateMotion{display:none}}

.speak-button{margin-top:9px;padding:5px 8px;font-size:.75rem;background:transparent;color:#7fbaa7;border-color:#315245}.graph-node text{font-size:14px}.graph-node .type-label{font-size:12px}.edge-label{font-size:12px}

.sample-first{margin:14px 16px 0;padding:12px;border:1px solid #366354;border-radius:8px;background:#142b24;font-size:.8125rem;line-height:1.8}.sample-first strong{font-size:.875rem;color:#8eebc6}.sample-first p{margin:7px 0;color:#c0dacf}.sample-first>div{display:flex;align-items:center;gap:8px}.sample-first button{font-size:.75rem;padding:5px 8px;white-space:nowrap}.sample-first span{color:#8ea99f;font-size:.75rem}.stt-status{display:flex;align-items:center;justify-content:space-between;color:#8da4bd;font-size:.75rem;margin-top:5px}.stt-status.listening{color:#73e7c2}.stt-status button{font-size:.75rem;padding:4px 8px}.pip{position:fixed;right:18px;bottom:18px;width:310px;z-index:30;background:#101e2ef5;border:1px solid #447365;border-radius:13px;box-shadow:0 15px 55px #0009;backdrop-filter:blur(14px);overflow:hidden}.pip.expanded{width:390px}.pip-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;background:#19352d;border-bottom:1px solid #36564a;cursor:move;touch-action:none}.pip-head>div{display:flex;align-items:center;gap:7px}.pip-head strong{font-size:.875rem}.pip-live{font-size:.75rem;letter-spacing:1px;color:#77e5b8}.pip-head button{font-size:.75rem;padding:4px 7px;background:transparent;border-color:#427363}.pip-meta{display:flex;justify-content:space-between;gap:5px;padding:10px 12px;font-size:.75rem;color:#9db6ca}.pip-svg{display:block;width:100%;height:320px}.pip.expanded .pip-svg{height:420px}.pip-node{cursor:pointer}.pip-node rect{fill:#192738;stroke:#40516a;stroke-width:1.3}.pip-node.done rect{fill:#17392e;stroke:#3b9872}.pip-node.active rect{stroke:#8affd3;stroke-width:2;animation:borderPulse .8s infinite}.pip-node text{font-size:14px;fill:#d6e8ed}.pip-node .pip-type{font-size:12px;fill:#91afbc}.pip-edge{fill:none;stroke:#4e677c;stroke-width:1.2}.pip-edge.complete{stroke:#4fbd8d}.pip-edge.active{stroke:#8bffd5;stroke-dasharray:5 4;animation:flowDash 1s linear infinite}.pip-predicate{font-size:12px;fill:#8aa9bc;text-anchor:middle;paint-order:stroke;stroke:#111f2e;stroke-width:4px}.pip-event{padding:9px 12px;border-top:1px solid #2a4450;color:#9de2bd;font-size:.8125rem}.pip-foot{padding:0 12px 9px;font-size:.75rem;color:#839fac}.pip.minimized{width:auto;max-width:calc(100vw - 24px)}.pip.minimized button{display:flex;align-items:center;gap:8px;color:#96e5c4;background:#132e27;border:0}.pip.minimized span{font-size:.75rem;color:#9bb5ae}@keyframes flowDash{to{stroke-dashoffset:-18}}@media(max-width:760px){.pip{width:260px;right:12px;bottom:12px}.pip .pip-svg{height:265px}.pip.expanded{width:min(370px,calc(100vw - 24px))}.pip.expanded .pip-svg{height:370px}.pip-head{padding:8px 10px}.pip-head strong{font-size:.8125rem}.pip-foot{display:none}.pip-meta{padding:8px;font-size:.75rem}.pip.minimized button{font-size:.8125rem}}

.pip{width:340px}.pip-svg{height:400px}.pip.expanded .pip-svg{height:450px}.pip-node text{font-size:15px}.pip-node .pip-type,.pip-predicate{font-size:13px}@media(max-width:760px){.pip{width:min(320px,calc(100vw - 24px))}.pip .pip-svg{height:360px}.pip.minimized{width:auto}}
/* Claude suggestions remain separate from approved development plans. */
.ai-controls,.ai-proposal{padding:10px;margin-bottom:10px;border:1px solid #35564e;border-radius:8px;background:#10231f}
.ai-controls label{display:flex;align-items:center;gap:7px;font-size:13px}
.ai-controls small,.ai-proposal small{display:block;margin-top:7px;color:#a8bdb5;font-size:11px;line-height:1.5}
.ai-proposal p{font-size:13px;line-height:1.6}
.message p{white-space:pre-wrap}