:root{font-family:system-ui,sans-serif;color:#18322e;background:#f3f6f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;padding:40px 24px;margin:auto}h1{margin:8px 0;font-size:34px}h2{font-size:21px}.eyebrow{font-size:12px;letter-spacing:2px;color:#42766a}.notice{padding:16px;background:#e8eee4;border-radius:8px}.layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}form,aside{background:#fff;padding:24px;border:1px solid #d6e0db;border-radius:12px}fieldset{border:0;padding:0;margin:0 0 24px}legend{font-weight:650;margin-bottom:16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:flex;flex-direction:column;gap:7px;font-size:13px}input,select,button{font:inherit;min-height:42px;border-radius:6px}input,select{width:100%;border:1px solid #a9bbb3;padding:9px;background:#fff;color:#18322e}button{cursor:pointer;border:0;background:#236653;color:#fff;padding:10px 16px}button:disabled{opacity:.55;cursor:not-allowed}:focus-visible{outline:3px solid #a77b21;outline-offset:3px}.secondary{background:#edf2ef;color:#234d41;margin-top:12px;width:100%}.total{font-size:34px;font-weight:700;margin:20px 0}dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #edf2ef}dd{margin:0;text-align:right}.muted{font-size:12px;color:#536b62;line-height:1.6}[role=status]{line-height:1.5}.workflow-nav{max-width:1120px;margin:20px auto 0;padding:0 24px;display:flex;gap:10px}.workflow-nav button[aria-pressed=false]{background:#e0eae4;color:#234d41}.calculation-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}.measurement-card{background:#fff;padding:20px;border:1px solid #d6e0db;border-radius:12px;margin:16px 0}.work-row{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.work-row label{flex:1 1 160px}.finish-settings{margin-top:16px}.finish-settings label,.finish-band label{margin-bottom:12px}.finish-quantities{font-size:13px;line-height:1.6;border-top:1px solid #d6e0db;padding-top:16px;margin-bottom:20px}.finish-quantities ul{padding-left:20px}.checkbox{flex-direction:row;align-items:center;gap:10px}.checkbox input{width:18px;min-height:18px}.section-row{margin-bottom:12px}summary{cursor:pointer;margin-bottom:18px}.validation{padding:14px;border-left:3px solid #a14029;color:#832c1a;background:#fff1e9}.window-preview{margin:0}.window-preview svg{width:100%;height:320px;padding:10px;overflow:visible}.glazing{fill:#edf5f7;stroke:#244d50;stroke-width:2}.transom{fill:#e2edef}.opening-symbol{fill:none;stroke:#247660;stroke-width:1.5}.opening-symbol.hinge{stroke-width:5}.opening-symbol.tilt{stroke-dasharray:5 4}figcaption{font-size:12px;color:#536b62;line-height:1.6}figcaption span,figcaption strong{display:block;margin-top:4px}@media(min-width:761px){aside{position:sticky;top:16px}}@media(max-width:760px){.layout{grid-template-columns:1fr}main{padding:20px 12px}}@media(max-width:420px){.fields{grid-template-columns:1fr}}.glazing.sandwich{fill:#d6d1c4}.auth-screen{max-width:640px}.auth-screen form>button{margin-top:16px}.workflow-nav{align-items:center;flex-wrap:wrap}.access-warning{margin:1rem;padding:1rem;border:2px solid #c27a00;background:#fff4d6;color:#513300;border-radius:8px}.access-warning.urgent{border-color:#b42318;background:#fff0ed;color:#8a1c13}.access-warning button{margin-left:1rem}