.designer-main{max-width:1900px;box-sizing:border-box;width:100%;margin:auto;padding:45px clamp(16px,3vw,58px) 65px}.designer-intro{max-width:800px;margin-bottom:32px}.designer-intro h1{font:500 clamp(38px,5vw,65px)/1.08 var(--serif);letter-spacing:-1.5px;margin:16px 0}.designer-intro p{color:var(--muted);line-height:1.65}.designer-intro .eyebrow{color:var(--teal)}.designer-intro .example-note{font-size:14px}.designer-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:28px clamp(24px,3vw,50px);align-items:start}.designer-page h2{font:500 27px/1.2 var(--serif);margin:0 0 20px}.designer-page fieldset{border:0;border-top:1px solid var(--line);padding:20px 0;margin:0;min-width:0}.designer-page legend{font-size:17px;padding:0 12px 0 0}.designer-page legend small{display:block;color:var(--teal);font:11px/2 var(--sans);letter-spacing:.1em}.numeric-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.designer-page label{display:block;font-size:14px;line-height:1.5;color:var(--ink);min-width:0}.designer-page label>span{color:var(--muted)}.designer-page input:not([type=range]),.designer-page select{width:100%;min-width:0;box-sizing:border-box;font:16px var(--sans);color:var(--ink);background:#171717;border:1px solid #555;border-radius:0;padding:11px 9px;margin-top:6px;min-height:44px}.designer-page input:focus-visible,.designer-page select:focus-visible,.designer-page button:focus-visible,.designer-page summary:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.designer-page input[aria-invalid=true]{border-color:#d28268}.designer-page [hidden]{display:none!important}.designer-page .control-note{font-size:14px;color:var(--muted);line-height:1.6}.designer-page .text-button{font:14px var(--sans);padding:14px 0;background:none;border:0;color:var(--teal);cursor:pointer}.response-panel{min-width:0;position:sticky;top:24px}.volume-control{border-top:1px solid var(--line);padding:18px 0 24px}.volume-control label{display:flex;justify-content:space-between;gap:16px;font-size:13px;letter-spacing:.06em}.volume-control output{font-size:20px;color:var(--teal);letter-spacing:0}.volume-control input{width:100%;height:36px;margin:10px 0 0;accent-color:var(--teal);cursor:pointer}.volume-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.graph-legend{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:14px;color:var(--muted);margin-bottom:12px}.graph-legend span:before{content:'';display:inline-block;width:24px;margin:0 8px 4px 0;border-top:2px solid var(--teal)}.graph-legend .reference-key:before{border-color:#9aa6b4;border-top-style:dashed}#response-graph{width:100%;min-width:0}#response-graph svg{display:block;width:100%;height:auto;overflow:visible}.grid-line{stroke:#343434;stroke-width:1}.zero-line{stroke:#777;stroke-width:1}.tick{fill:#adb8c5;font:13px var(--sans)}.axis-label{fill:#adb8c5;font:11px var(--sans);letter-spacing:.04em}.current-curve{stroke:#b89b5e;stroke-width:2.5;stroke-linejoin:round}.reference-curve{stroke:#9aa6b4;stroke-width:1.5;stroke-dasharray:6 5}.designer-page summary{cursor:pointer;font-size:14px;color:var(--teal);padding:14px 0}.model-info,.sample-values{border-top:1px solid var(--line)}.model-info p{font-size:14px;line-height:1.75;color:var(--muted)}.model-info a{text-decoration:underline;text-underline-offset:3px}.sample-scroll{overflow:auto}.sample-values table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}.sample-values td,.sample-values th{padding:10px;border-bottom:1px solid var(--line);font-weight:400}.sample-values th{color:var(--muted)}#circuit-summary{margin-top:24px;border-top:1px solid var(--line);padding-top:24px}#summary-values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 24px}#summary-values dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin-bottom:6px}#summary-values dd{margin:0;font-size:14px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}#designer-error{color:#efad96;font-size:15px;line-height:1.6}#custom-topology{margin-top:16px}@media(max-width:900px){.designer-layout{grid-template-columns:1fr;gap:28px}.response-panel{position:static}.designer-main{padding:30px 5% 50px}#designer-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}#designer-inputs>h2,#designer-inputs>.control-note,#designer-inputs>.text-button{grid-column:1/-1}}@media(max-width:600px){#designer-inputs{display:block}.designer-main{padding-left:16px;padding-right:16px}.designer-intro h1{letter-spacing:-1px}.designer-page h2{font-size:25px}.numeric-grid{gap:14px}#summary-values{grid-template-columns:1fr}.graph-legend{gap:12px}.response-panel{width:100%}}

.reference-actions{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}.reference-actions button{font:inherit;min-height:44px;padding:9px 14px;border:1px solid var(--teal);background:#171717;color:var(--teal);cursor:pointer}.reference-actions button:hover{background:#222}.frozen-summary{border-left:3px dashed #78d4d0;padding-left:12px;overflow-wrap:anywhere}.graph-legend .frozen-key:before{border-color:#78d4d0;border-top-style:dashed;border-top-width:3px}.frozen-curve{stroke:#78d4d0;stroke-width:3;stroke-dasharray:10 6;stroke-linecap:round;stroke-linejoin:round}

.designer-commerce{border-top:1px solid var(--line);padding:22px 0}.designer-commerce>div{padding:14px 0;border-top:1px solid var(--line)}.designer-commerce h3{margin:0 0 6px}.designer-commerce a{display:inline-block;margin-right:15px;color:var(--gold)}.designer-commerce button{min-height:44px}.designer-commerce button:disabled{opacity:.55}

/* Handoff context is a full-width row, never a workbench column. */
.designer-layout>#designer-import-note,.designer-layout>#designer-source-circuit{grid-column:1/-1;margin:0;overflow-wrap:anywhere}.designer-layout>#designer-import-note:empty{display:none}.designer-layout>#designer-inputs{grid-column:1}.designer-layout>.response-panel{grid-column:2}.designer-layout>*{min-width:0}.designer-page .local-projects{box-sizing:border-box}.designer-page .sample-scroll{max-width:100%}
@media(max-width:900px){.designer-layout>#designer-inputs,.designer-layout>.response-panel{grid-column:1}.designer-layout{grid-template-columns:minmax(0,1fr)}}
/* Shared workbench presentation; responsive columns and graph geometry unchanged. */
.designer-page .reference-actions button{border-radius:2px}.designer-page legend small{font-family:'JetBrains Mono',monospace}.designer-page input:not([type=range]),.designer-page select{border-radius:2px}.designer-page h2{letter-spacing:-.025em}.designer-page #summary-values dd{font-variant-numeric:tabular-nums}
