@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:var(--text);background:var(--page);font-synthesis:none;font-weight:400;font-size:16px;--line:var(--border);--muted:#7b8492;--gold:#ebba56;--ink:var(--ink)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #be861d;outline-offset:3px}button,a{color:inherit}header{height:76px;border-bottom:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.brand{display:flex;align-items:center;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-1px;text-decoration:none;gap:0}.brand-icon{width:36px;height:36px;background:var(--ink);border-radius:9px;color:var(--gold);display:grid;place-items:center;margin-right:11px}.brand-light{font-weight:400}.beta{font-family:DM Sans,sans-serif;font-size:12px;color:#8a7153;letter-spacing:1.2px;border:1px solid #eadfcf;background:var(--accent-surface);border-radius:4px;padding:4px 6px;margin-left:12px}.help-button{display:flex;align-items:center;gap:8px;border:none;background:transparent;color:#697382;font-size:14px}main{max-width:1450px;margin:auto;padding:35px 48px 0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.65px;color:#8b929d}h1{font-family:Space Grotesk,sans-serif;letter-spacing:-1.1px;font-size:32px;font-weight:600;margin:9px 0 5px}.page-heading p{color:#7d8794;font-size:15px;margin:0}.workspace{display:grid;grid-template-columns:318px minmax(0,1fr);gap:22px;align-items:start}.config-panel,.preview-panel,.diagram-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 2px 4px #192b4003}.panel-heading{display:flex;align-items:center;height:58px;padding:0 22px;border-bottom:1px solid var(--line);gap:10px}.panel-heading h2{font-size:15px;font-weight:600;margin:0}.panel-heading>svg{color:#687384}.icon-button{border:none;background:transparent;display:grid;place-items:center;padding:7px;border-radius:5px}.icon-button:hover{background:var(--selected)}.panel-heading button{margin-left:auto;color:#8b95a4}.config-panel section{padding:21px 22px;border-bottom:1px solid var(--border)}.section-label{display:flex;align-items:center;font-size:14px;font-weight:600;gap:9px;margin-bottom:16px}.section-label>span{font-size:12px;font-weight:500;color:#a4acb8;font-family:Space Grotesk,sans-serif}.variant-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.variant-button{position:relative;min-height:80px;border:1px solid var(--line);border-radius:6px;background:var(--surface);display:flex;flex-direction:column;align-items:center;padding:10px 2px 8px;gap:7px}.variant-button svg:not(.variant-check){height:32px;width:40px;stroke:#8793a3;stroke-width:1.25}.variant-button span{font-size:12px;white-space:nowrap}.variant-button.selected{border-color:#d9ad51;background:var(--accent-surface)}.variant-button.selected svg:not(.variant-check){stroke:#95752d}.variant-check{position:absolute;right:4px;top:4px;color:#b38732}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:14px;min-width:0}.field>span{font-size:14px;color:#697484;display:flex;gap:6px;align-items:center}.field b{font-size:12px;line-height:15px;text-align:center;background:var(--selected);color:#6c7f96;border-radius:3px;width:16px;font-weight:500}.field.focused b{background:#f9e3b4;color:#a2771e}.input-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:5px;height:40px;background:var(--surface);overflow:hidden}.input-wrap:focus-within{border-color:#d3a64a;box-shadow:0 0 0 2px #f5e5c2}.input-wrap input{border:none;width:100%;min-width:0;padding:9px 0 9px 11px;font-size:14px;outline:none!important;color:var(--text);font-family:Space Grotesk,sans-serif;font-weight:500}.input-wrap>span{font-size:12px;color:#a0a8b3;padding:0 11px 0 4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row .field{margin-bottom:0}.field-note{font-size:12px;line-height:1.6;color:#939ca8;margin:11px 0 0}.select-wrap{position:relative}.select-wrap select{appearance:none;width:100%;height:40px;border:1px solid var(--border);border-radius:5px;padding:0 30px 0 11px;background:var(--surface);font-size:14px;color:var(--text)}.select-wrap svg{position:absolute;right:11px;top:13px;pointer-events:none;color:#9aa4b1}.segmented{display:flex;padding:3px;border:1px solid var(--border);background:var(--surface-alt);border-radius:6px;gap:3px}.segmented button{flex:1;border:1px solid transparent;display:flex;gap:7px;align-items:center;justify-content:center;background:transparent;font-size:12px;padding:7px 4px;border-radius:4px;color:#7f8a98}.segmented button.selected{border-color:var(--border);background:var(--surface);color:var(--text);box-shadow:0 1px 3px #23324a0c}.segmented.three{margin-bottom:15px}.config-foot{display:flex;align-items:center;gap:6px;padding:16px 22px;color:#98a1ad;font-size:12px;background:var(--surface-alt)}.result-column{display:flex;flex-direction:column;gap:20px;min-width:0}.preview-heading{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-bottom:1px solid var(--line);gap:12px}.view-tabs{display:flex;gap:23px;height:100%}.view-tabs button{display:flex;align-items:center;gap:8px;font-size:14px;border:none;background:transparent;color:#96a0ae;position:relative;padding:0}.view-tabs button.active{color:var(--text);font-weight:500}.view-tabs button.active:after{content:"";height:2px;background:#d6a747;width:100%;position:absolute;bottom:-1px;left:0}.preview-state{font-size:12px;color:#8b97a7;display:flex;gap:5px;align-items:center;white-space:nowrap}.viewport{height:420px;position:relative;overflow:hidden;background-color:var(--drawing-fill);background-image:radial-gradient(var(--grid) .6px,transparent .6px);background-size:19px 19px}.three-host{position:absolute;inset:0;touch-action:none}.three-host canvas{display:block;width:100%;height:100%}.model-label{position:absolute;left:24px;top:21px;display:flex;flex-direction:column;gap:7px;pointer-events:none}.model-label span{font-size:12px;letter-spacing:1.4px;color:#9aa7b8}.model-label strong{font-size:12px;color:#6d7e94;letter-spacing:.5px;font-weight:500}.model-label i{color:#b6c0cc;font-style:normal;margin:0 6px}.viewer-tools{position:absolute;right:19px;top:19px;display:flex;flex-direction:column;gap:5px}.viewer-tools button{border:1px solid var(--border);border-radius:5px;background:var(--tool-surface);width:32px;height:32px;display:grid;place-items:center;color:#8b99ac}.viewer-tools button.active{background:var(--accent-surface);border-color:#d7b262;color:#927025}.orientation{position:absolute;left:24px;bottom:46px;width:48px;height:48px}.orientation svg{width:45px;height:45px}.orientation>span{position:absolute;font-size:12px}.axis-z{top:-10px;left:21px;color:#6e8ac4}.axis-y{bottom:1px;right:-3px;color:#699c83}.axis-x{bottom:1px;left:-3px;color:#c07975}.view-select{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:3px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:3px;box-shadow:0 3px 8px #41537606}.view-select button{font-size:12px;border:0;background:transparent;color:#99a3b1;border-radius:4px;padding:7px 12px}.view-select button.active{background:var(--selected);color:#53647c}.orbit-note{position:absolute;right:20px;bottom:18px;color:#a1adbd;font-size:12px}.measure-strip{padding:20px 22px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line)}.measure-strip>div{border-right:1px solid var(--border);padding-left:20px}.measure-strip>div:first-child{padding-left:0}.measure-strip>div:last-child{border:none}.measure-strip span{display:block;font-size:12px;letter-spacing:.75px;color:#919cab;white-space:nowrap}.measure-strip strong{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:500;display:block;margin-top:7px;letter-spacing:-.5px}.measure-strip small{font-family:DM Sans,sans-serif;font-size:12px;margin-left:5px;color:#a0a9b5;font-weight:400;letter-spacing:0}.small-heading{display:flex;align-items:center;gap:8px;padding:16px 19px;color:#75839a;border-bottom:1px solid var(--border)}.small-heading h2{font-size:14px;font-weight:500;margin:0;color:#607087}.small-heading>span{margin-left:auto;font-size:12px;color:#a3afbd}.diagram-svg{width:100%;height:auto;display:block;margin:16px 0 0}.diagram-svg text{font-family:Space Grotesk,sans-serif;font-size:12px}.diagram-svg .view-label{font-size:12px;letter-spacing:1.1px;fill:#a2aec0}.diagram-panel>p{font-size:12px;color:#a1aab6;text-align:center;padding:0 15px 11px;margin-top:8px}.download-button{width:100%;padding:12px 10px;background:#efbe62;color:#303032;border:none;border-radius:5px;font-size:14px;font-weight:600;display:flex;justify-content:center;gap:9px;align-items:center}.download-button:hover:not(:disabled){background:#f4ca7d}footer{display:flex;justify-content:space-between;gap:18px;color:#9aa4b1;font-size:12px;padding:24px 0}footer>span{display:flex;align-items:center;gap:7px}footer i{font-style:normal;color:#c2c9d1;margin:0 4px}footer a{text-underline-offset:3px;color:#8190a3}.loading-overlay{position:absolute;inset:0;background:var(--loading-surface);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#75859b;font-size:14px}.loading-overlay small{color:#a2acb9;font-size:12px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.validation{position:absolute;bottom:70px;left:22px;right:22px;background:var(--accent-surface);border:1px solid #eed39c;color:#96742c;border-radius:7px;padding:14px 16px;display:flex;gap:10px;font-size:12px;max-height:210px;overflow:auto}.validation svg{flex-shrink:0}.validation p{margin:7px 0 0;line-height:1.5}.drawing-mode{display:flex;align-items:center;justify-content:center}.drawing-mode>.diagram-svg{width:85%;margin-top:35px}.modal-backdrop{position:fixed;inset:0;background:#17233683;display:grid;place-items:center;z-index:20;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{position:relative;background:var(--surface);border-radius:12px;padding:35px;max-width:550px;max-height:90vh;overflow:auto;box-shadow:0 10px 60px #10253a40}.modal-close{position:absolute;right:14px;top:14px;color:#8794a5}.modal h2{font-family:Space Grotesk,sans-serif;font-size:27px;margin:12px 0 24px}.modal h3{font-size:15px;margin:20px 0 6px}.modal p{font-size:14px;line-height:1.7;color:#788697;margin:0}.guide-source a{display:flex;align-items:center;gap:5px;font-size:12px;margin-top:10px;color:#9a7a32}.guide-note{display:flex;gap:10px;background:var(--surface-alt);border:1px solid var(--border);border-radius:6px;padding:14px;margin:20px 0}.guide-note>svg{flex-shrink:0;color:#8b9ab0}.guide-note p{font-size:12px}.modal .download-button{font-size:14px}@media(min-width:1600px){.viewport{height:460px}}@media(max-width:1150px){main{padding:28px 24px 0}header{padding:0 24px}.workspace{grid-template-columns:285px minmax(0,1fr);gap:16px}.config-panel section{padding:18px}.diagram-panel{order:2}.download-button{grid-column:2}.measure-strip{padding:18px 12px}.measure-strip>div{padding-left:10px}.measure-strip span{font-size:12px}.measure-strip strong{font-size:19px}.orbit-note{display:none}.view-tabs{gap:14px}.preview-heading{padding:0 14px}.preview-state,.view-tabs button,.variant-button span{font-size:12px}}@media(max-width:800px){header{height:65px;padding:0 18px}.brand{font-size:22px}.help-button{font-size:12px}main{padding:24px 18px 0}.page-heading{margin-bottom:20px}h1{font-size:28px}.workspace{grid-template-columns:1fr}.config-panel{order:2}.result-column{order:1}.config-panel section{display:block}.viewport{height:350px}.diagram-panel{order:0;display:flex;flex-direction:column;justify-content:center}.diagram-panel p{margin-top:auto}.small-heading{padding:14px 12px;font-size:12px}.small-heading h2{font-size:12px}.diagram-svg{min-height:130px}.variant-button span{font-size:14px}.variant-button{height:88px}.field>span,.section-label{font-size:14px}.field-note{font-size:14px}.input-wrap input,.select-wrap select{font-size:15px}.segmented button{font-size:14px}.config-foot{font-size:12px}.config-panel section{padding:20px}.config-panel .field-row{gap:15px}.measure-strip span{font-size:12px}.measure-strip strong{font-size:21px}.view-tabs button{font-size:14px}.preview-state{font-size:12px}.preview-heading{height:52px}.orbit-note{display:none}footer{flex-direction:column;align-items:center}.diagram-panel .diagram-svg{padding:0 5px}}@media(max-width:520px){.diagram-panel{order:2}.diagram-svg{margin-top:6px;min-height:0}.preview-state{display:none}.preview-heading{padding:0 14px}.view-tabs{gap:20px}.measure-strip{grid-template-columns:1fr 1fr;gap:16px;padding:18px}.measure-strip>div:nth-child(3){padding-left:0}.measure-strip>div:nth-child(2){border:none}.measure-strip span{font-size:12px}.measure-strip strong{font-size:22px}.viewport{height:310px}.model-label{left:18px;top:15px}.view-select button{padding:7px 10px}.download-button,.small-heading h2{font-size:14px}.diagram-panel>p{font-size:12px}.modal{padding:28px 23px}.help-button{gap:5px}.beta{display:none}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.diagram-placeholder{padding:50px 20px;color:#8a97aa;font-size:14px;text-align:center}@media(max-width:1150px){.measure-strip{grid-template-columns:1fr 1fr;gap:16px;padding:18px}.measure-strip>div:nth-child(3){padding-left:0}.measure-strip>div:nth-child(2){border:none}.preview-heading{flex-wrap:wrap;height:auto;min-height:58px;padding-top:10px;padding-bottom:10px}.view-tabs{min-height:30px}.view-tabs button.active:after{bottom:-5px}.preview-state{margin-left:auto}.small-heading{flex-wrap:wrap}}.feature-drawing{padding:12px 15px 9px;min-width:0;container-type:inline-size}.drawing-definitions{position:absolute;width:0;height:0;min-height:0;margin:0;pointer-events:none}.drawing-views{display:grid;grid-template-columns:minmax(0,340fr) minmax(0,410fr);align-items:start}.feature-svg{width:100%;min-width:0;max-width:100%;margin:0;height:auto;overflow:hidden}.drawing-callout polyline,.drawing-dimension path{stroke:currentColor;fill:none;stroke-width:1}.drawing-callout text,.drawing-dimension text{fill:currentColor;font-size:12px}.dimension-schedule{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;margin:0}.dimension-schedule>div{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:7px 4px;border-top:1px solid var(--border);font-size:12px;line-height:1.35}.dimension-schedule>div.highlighted{background:var(--accent-surface)}.dimension-schedule dt{display:flex;gap:7px;color:#607186;min-width:0}.dimension-schedule dt b{color:#aa7b28;flex:none}.dimension-schedule dd{margin:0;color:var(--text);font-family:Space Grotesk,sans-serif;white-space:nowrap}.drawing-note{color:#8391a2;font-size:12px;line-height:1.4;margin:10px 3px 2px}.viewport.drawing-mode{height:auto;min-height:420px;display:block;overflow:visible}.drawing-mode>.feature-drawing{padding:20px}.drawing-mode .feature-svg{max-width:760px}.drawing-mode .dimension-schedule{max-width:780px;margin:0 auto}.drawing-mode .drawing-note{max-width:780px;margin:12px auto}.three-host{cursor:grab}.three-host:active{cursor:grabbing}@media(max-width:800px){.dimension-schedule{grid-template-columns:1fr 1fr}.page-heading{gap:12px}}@media(max-width:560px){.dimension-schedule{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}}:root{color-scheme:light;--page:#f5f6f8;--surface:#fff;--surface-alt:#f2f5f8;--drawing-fill:#fafcff;--tool-surface:#ffffffed;--loading-surface:#fafcffe8;--text:#222b38;--border:#e3e7ed;--selected:#eaf0f6;--accent-surface:#fff5df;--grid:#c9d4e4;--ink:#202936;--secondary:#65758b}:root[data-theme=dark]{color-scheme:dark;--page:#111720;--surface:#1b2430;--surface-alt:#222e3d;--drawing-fill:#151e29;--tool-surface:#253244ed;--loading-surface:#151e29e8;--text:#e6edf6;--border:#334154;--selected:#34445a;--accent-surface:#3d3525;--grid:#344459;--ink:#202936;--secondary:#b0bfd1;background:var(--page);color:var(--text)}.header-actions{display:flex;align-items:center;gap:22px}.theme-toggle{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--secondary);font-size:13px}.viewer-bar{padding:12px 18px;background:var(--surface);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;align-items:center}.viewer-bar .view-select{position:static;transform:none;flex-wrap:wrap;box-shadow:none;gap:2px;background:var(--surface-alt);border:1px solid var(--border);margin:0;padding:3px}.viewer-bar .view-select button{padding:7px 9px;color:var(--secondary)}.viewer-bar .view-select button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #00000014}.viewer-settings{display:flex;flex-wrap:wrap;gap:12px}.viewer-settings label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--secondary)}.viewer-settings select{background:var(--surface-alt);border:1px solid var(--border);border-radius:5px;padding:7px 6px;color:var(--text);font-size:12px;max-width:160px}.viewer-bar .orbit-note{display:block;position:static;margin:0;width:100%;font-size:11px;line-height:1.5;color:var(--secondary)}.projection-label{position:absolute;bottom:18px;left:24px;font-size:10px;letter-spacing:1px;color:var(--secondary);pointer-events:none}.three-host.navigation-pan{cursor:move}:root[data-theme=dark] .field>span,:root[data-theme=dark] .field-note,:root[data-theme=dark] .page-heading p,:root[data-theme=dark] .small-heading h2,:root[data-theme=dark] .dimension-schedule dt,:root[data-theme=dark] .drawing-note,:root[data-theme=dark] .modal p,:root[data-theme=dark] .help-button,:root[data-theme=dark] .view-tabs button,:root[data-theme=dark] .measure-strip span,:root[data-theme=dark] .config-foot,:root[data-theme=dark] footer{color:var(--secondary)}:root[data-theme=dark] .view-tabs button.active{color:var(--text)}:root[data-theme=dark] .variant-button.selected,:root[data-theme=dark] .viewer-tools button.active{color:#efc776}:root[data-theme=dark] .input-wrap input{background:var(--surface)}:root[data-theme=dark] .drawing-geometry{stroke:#a6b7ca}:root[data-theme=dark] .drawing-callout,:root[data-theme=dark] .drawing-dimension{filter:brightness(1.55)}@media(max-width:800px){.header-actions{gap:12px}.theme-toggle span{display:none}.viewer-bar{padding:10px 12px;gap:10px}.viewer-settings{gap:8px}.viewer-settings label{flex-wrap:wrap}.viewer-bar .view-select{width:100%;justify-content:center}.viewer-bar .view-select button{flex:1;padding:7px 5px}.projection-label{left:18px}}:root{--drawing-annotation:#435c78;--drawing-active:#936317;--drawing-edge:#70849d}:root[data-theme=dark]{--drawing-annotation:#bfcee0;--drawing-active:#efc776;--drawing-edge:#a6b7ca}.feature-drawing{width:100%;padding:16px;position:relative}.drawing-views{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.drawing-view{margin:0;min-width:0;display:flex;flex-direction:column;align-items:center}.drawing-view figcaption{font-size:12px;line-height:1.4;font-weight:600;letter-spacing:.5px;color:var(--secondary);text-align:center;margin-top:4px}.feature-svg,.drawing-mode .feature-svg{width:100%;max-width:480px;justify-self:center;padding:0!important}.diagram-svg .drawing-callout text,.diagram-svg .drawing-dimension text{font-size:14px;font-weight:500;paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}.diagram-svg .view-label{font-size:14px;letter-spacing:1px;fill:var(--secondary);font-weight:600}.drawing-geometry{stroke:var(--drawing-edge)}.drawing-callout polyline,.drawing-dimension path{stroke-width:1.2}.drawing-dimension .dimension-extension{opacity:.5;stroke-width:.8}:root[data-theme=dark] .drawing-callout,:root[data-theme=dark] .drawing-dimension{filter:none}.dimension-schedule{gap:0 20px;margin-top:12px}.dimension-schedule>div{min-width:0;padding:6px 2px;font-size:13px;line-height:1.4;gap:12px}.dimension-schedule dt{color:var(--secondary);overflow-wrap:anywhere;flex:1}.dimension-schedule dt b{color:var(--drawing-active)}.dimension-schedule dd{min-width:0;max-width:48%;white-space:normal;overflow-wrap:anywhere;text-align:right}.drawing-note{font-size:13px;line-height:1.6;color:var(--secondary);margin:14px 2px 4px}@container (max-width:600px){.dimension-schedule{grid-template-columns:minmax(0,1fr)}.diagram-svg .drawing-callout text,.diagram-svg .drawing-dimension text{font-size:16px}}main{max-width:1680px;padding:28px 32px 0}.page-heading{align-items:flex-start;gap:24px;margin-bottom:24px}.page-heading h1{margin:6px 0;font-size:30px}.export-toolbar{min-width:0;max-width:100%}.export-controls{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:wrap}.export-controls label{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--secondary)}.export-controls select{height:40px;padding:0 30px 0 12px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:14px}.export-controls .download-button{width:auto;height:40px;padding:0 18px;white-space:nowrap}.export-status{color:var(--secondary);text-align:right;font-size:12px;line-height:1.5}.export-status:not(:empty){margin-top:8px}.workspace{grid-template-columns:360px minmax(0,1fr);gap:24px}.config-panel section{padding:24px}.result-column{gap:24px}.viewport{height:460px}.diagram-panel{min-width:0}.diagram-panel .feature-drawing{padding:24px}.loading-overlay{z-index:5;background:var(--drawing-fill);color:var(--secondary);gap:16px;text-align:center;padding:24px;cursor:progress}.loading-overlay strong{font-size:18px;font-weight:500;color:var(--text)}.loading-overlay small{color:var(--secondary);font-size:13px}.validation{z-index:6}@media(min-width:1600px){.viewport{height:500px}}@media(max-width:1150px){main{padding:24px 24px 0}.workspace{grid-template-columns:320px minmax(0,1fr);gap:20px}.config-panel section{padding:22px}.viewer-settings{width:100%}.viewport{height:420px}}@media(max-width:800px){main{padding:22px 18px 0}.page-heading{flex-wrap:wrap;gap:16px}.export-toolbar{margin-left:auto}.workspace{grid-template-columns:minmax(0,1fr);gap:20px}.config-panel{order:2}.result-column{order:1;gap:20px}.viewport{height:380px}.diagram-panel .feature-drawing{padding:20px}}@media(max-width:520px){.page-heading{align-items:stretch;flex-direction:column}.page-heading h1{font-size:28px}.export-toolbar{width:100%;margin:0}.export-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.export-controls select{width:100%;min-width:0}.export-controls .download-button{grid-column:1/-1;width:100%}.export-status{text-align:left}.viewport{height:340px}.diagram-panel .feature-drawing{padding:16px}}