:root{color:#dce8f6;font-synthesis:none;text-rendering:optimizelegibility;background:#0b1321;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:inherit}.cad-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:#111e31;border-bottom:1px solid #293b52;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px clamp(16px,3vw,40px);display:flex}.brand{letter-spacing:.08em;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:750;display:flex}.brand-mark{color:#fff;letter-spacing:0;background:#1768c2;border-radius:8px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.brand-accent{color:#60a9fa}.brand-separator{color:#60758f;padding:0 5px}.topbar-actions{align-items:center;gap:16px;display:flex}.language-picker{color:#9db2c9;align-items:center;gap:8px;font-size:12px;display:flex}.language-picker select{color:#e5f0ff;font:inherit;background:#1a2c43;border:1px solid #395471;border-radius:6px;padding:6px 8px}.back-link{color:#dce8f6;white-space:nowrap;border:1px solid #395471;border-radius:7px;padding:8px 11px;font-size:12px;text-decoration:none}.back-link:hover,.back-link:focus-visible{color:#fff;border-color:#64a9f5}.workspace{flex-direction:column;flex:1;gap:24px;width:min(100%,1640px);margin:0 auto;padding:clamp(20px,3vw,42px);display:flex}.workspace-heading h1{letter-spacing:-.025em;margin:7px 0 5px;font-size:clamp(25px,2.5vw,34px)}.workspace-heading p{color:#9db2c9;margin:0;font-size:14px}.eyebrow{color:#65b0ff;letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.workspace-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;display:flex}.status{color:#bad2e9;border:1px solid #42607b;border-radius:7px;padding:7px 11px;font-size:12px}.status-ready{color:#88e5bf;border-color:#327c69}.status-error{color:#ffaaa9;border-color:#a95757}.viewport-panel{background:#0e1b2c;border:1px solid #30435a;border-radius:14px;flex:1;height:min(68vh,680px);min-height:min(68vh,680px);position:relative;overflow:hidden}.three-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:14px;display:grid}.primitive-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.primitive-toolbar span{color:#9db2c9;margin-right:4px;font-size:12px}.primitive-toolbar button{color:#dce8f6;font:inherit;cursor:pointer;background:#1a2c43;border:1px solid #3b5875;border-radius:7px;padding:9px 12px;font-size:12px}.primitive-toolbar button.active{background:#1768c2;border-color:#69aef5}.primitive-hint{color:#9db2c9;margin:-14px 0 0;font-size:12px}.primitive-form{background:#162b44;border:1px solid #4b81bc;border-radius:9px;gap:9px;margin:15px 0;padding:13px;display:grid}.primitive-form h3,.primitive-form p{margin:0}.primitive-form label{color:#c6d9ed;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.primitive-form input{color:#fff;width:105px;font:inherit;background:#102138;border:1px solid #5d7fa2;border-radius:6px;padding:8px}.primitive-unused{display:none!important}.feature-panel{background:#111e31;border:1px solid #30435a;border-radius:12px;padding:17px}.feature-panel h2{margin:0 0 14px;font-size:17px}.feature-panel h3{margin:0 0 12px;font-size:13px}.feature-panel p,.feature-panel small{color:#a9c0d7;font-size:12px;line-height:1.5}.feature-list{margin:0;padding:0;list-style:none}.feature-list li{border-bottom:1px solid #30435a;padding:9px 0}.feature-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.feature-row button{text-align:left;flex:1}.feature-list small{margin-top:5px;display:block}.feature-panel button,.feature-create button{color:#dce8f6;font:inherit;cursor:pointer;background:#1a2c43;border:1px solid #3b5875;border-radius:7px;padding:9px 12px;font-size:12px}.feature-panel button:hover,.feature-create button:hover{border-color:#69aef5}.feature-panel button.active{color:#fff;background:#1768c2}.feature-details{border-top:1px solid #30435a;gap:10px;margin-top:18px;padding-top:14px;display:grid}.feature-details label,.feature-create label{color:#9db2c9;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.feature-details input,.feature-details select,.feature-create input,.feature-create select{color:#dce8f6;width:105px;font:inherit;background:#1a2c43;border:1px solid #3b5875;border-radius:6px;padding:8px}.feature-modifiers{border-top:1px solid #30435a;gap:9px;padding-top:14px;display:grid}.feature-modifiers h3,.feature-modifiers p{margin:0}.feature-modifiers select{max-width:120px}.feature-modifiers button:disabled{opacity:.45;cursor:not-allowed}.feature-export{border-top:1px solid #30435a;gap:10px;margin-top:18px;padding-top:14px;display:grid}.feature-export h3,.feature-export p{margin:0}.feature-export label{color:#9db2c9;gap:6px;font-size:12px;display:grid}.feature-export select{color:#dce8f6;width:100%;font:inherit;background:#1a2c43;border:1px solid #3b5875;border-radius:6px;padding:8px}.export-buttons{gap:6px;display:flex}.export-buttons button{flex:1;padding:9px 3px}.export-buttons button:disabled{opacity:.45;cursor:not-allowed}.viewport{width:100%;height:100%;min-height:inherit}.viewport canvas{display:block}.viewport-help,.reset-view{z-index:1;color:#dce8f6;background:#13243bdc;border:1px solid #3b5875;border-radius:7px;font-size:12px;position:absolute;bottom:16px}.grid-scale{z-index:1;color:#dce8f6;pointer-events:none;background:#13243bdc;border:1px solid #3b5875;border-radius:7px;max-width:calc(100% - 24px);padding:7px 9px;font-size:11px;position:absolute;top:12px;left:12px}.touch-controls{display:none}.viewport-help{pointer-events:none;padding:9px 11px;left:16px}.reset-view{cursor:pointer;padding:9px 12px;right:16px}.reset-view:hover,.reset-view:focus-visible{border-color:#64a9f5}.sample-note{color:#9db2c9;margin:-9px 0 0;font-size:12px}.sample-note a{color:#8cc2ff;margin-left:8px}.mode-tabs{border-bottom:1px solid #30435a;gap:6px;display:flex}.project-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:-14px;display:flex}.project-toolbar button,.project-load{color:#dce8f6;font:inherit;cursor:pointer;background:#1a2c43;border:1px solid #3b5875;border-radius:7px;padding:9px 13px;font-size:12px}.project-toolbar button:hover,.project-load:hover{border-color:#69aef5}.project-toolbar button:disabled{opacity:.45;cursor:not-allowed}.project-load input{display:none}#project-status{color:#a9c0d7;font-size:12px}.parameter-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-16px;display:flex}.parameter-toolbar label{color:#9db2c9;align-items:center;gap:5px;font-size:12px;display:flex}.parameter-toolbar input{color:#dce8f6;width:104px;font:inherit;background:#1a2c43;border:1px solid #3b5875;border-radius:6px;padding:8px}.parameter-toolbar button,.mode-tabs button,.sketch-toolbar button,.sketch-inspector button{color:#dce8f6;font:inherit;cursor:pointer;background:#1a2c43;border:1px solid #3b5875;border-radius:7px;padding:9px 13px;font-size:12px}.mode-tabs button{border-bottom-right-radius:0;border-bottom-left-radius:0}.mode-tabs button.active,.sketch-toolbar button.active{color:#fff;background:#1768c2;border-color:#69aef5}.mode-tabs button:hover,.sketch-toolbar button:hover,.sketch-inspector button:hover{border-color:#69aef5}.sketch-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sketch-toolbar label,.constraint-actions label{color:#9db2c9;font-size:12px}.sketch-toolbar select,.constraint-actions input{color:#dce8f6;font:inherit;background:#1a2c43;border:1px solid #3b5875;border-radius:6px;margin-left:6px;padding:8px}.sketch-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start;gap:14px;display:grid}.sketch-canvas-wrap{background:#0e1b2c;border:1px solid #30435a;border-radius:12px;height:580px;min-height:580px;overflow:hidden}#sketch-canvas{touch-action:pan-y;cursor:crosshair;width:100%;height:100%;min-height:580px;display:block}.sketch-axis{stroke:#586f87;stroke-width:.35px;pointer-events:none}.sketch-origin{fill:#ffca69;stroke:#0e1b2c;stroke-width:.5px;pointer-events:none}.sketch-origin-label{fill:#ffca69;pointer-events:none;font-size:4px}.sketch-entity{fill:none;stroke:#7bf;stroke-width:1.4px;pointer-events:stroke;cursor:pointer}.sketch-entity.selected{stroke:#ffca69;stroke-width:2.2px}.sketch-hit{fill:none;stroke:#0000;stroke-width:24px;vector-effect:non-scaling-stroke;pointer-events:stroke;cursor:pointer}.sketch-point{fill:#cce7ff;pointer-events:none}#sketch-preview{fill:none;stroke:#ffca69;stroke-width:1px;stroke-dasharray:3 2;pointer-events:none}.sketch-inspector{background:#111e31;border:1px solid #30435a;border-radius:12px;padding:17px}.sketch-inspector h2{margin:0 0 14px;font-size:17px}.sketch-inspector p{color:#a9c0d7;font-size:12px;line-height:1.5}.shape-dialog{background:#162b44;border:1px solid #4b81bc;border-radius:9px;gap:9px;margin:12px 0;padding:13px;display:grid}.shape-dialog[hidden],.shape-dialog label[hidden]{display:none}.shape-dialog h2{margin:0 0 4px}.shape-dialog label{color:#c6d9ed;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.shape-dialog input{color:#fff;width:110px;font:inherit;background:#102138;border:1px solid #5d7fa2;border-radius:6px;padding:9px}.shape-actions{gap:8px;display:flex}.shape-actions button{flex:1}.sketch-grid-label{fill:#8aa4bd;pointer-events:none;font-size:3.2px}.constraint-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.constraint-actions label{justify-content:space-between;align-items:center;display:flex}.constraint-actions [hidden]{display:none}.constraint-actions input{width:105px}.sketch-inspector button:disabled,.sketch-toolbar button:disabled{opacity:.45;cursor:not-allowed}#sketch-status.error{color:#ffaaa9}.sketch-hint{border-top:1px solid #30435a;padding-top:12px}.feature-create{border-top:1px solid #30435a;gap:9px;margin-top:20px;padding-top:16px;display:grid}.feature-create h2{margin:0}.feature-create p{margin:0 0 5px}.feature-create button:disabled{opacity:.45;cursor:not-allowed}@media (width<=620px){.topbar{flex-wrap:wrap;align-items:flex-start}.topbar-actions{justify-content:space-between;width:100%}.workspace{padding:18px}.viewport-panel{height:55vh;min-height:55vh}.viewport-help{bottom:58px;right:16px}.desktop-controls{display:none}.touch-controls{display:inline}.sketch-layout,.three-layout{grid-template-columns:1fr}.sketch-canvas-wrap,#sketch-canvas{height:420px;min-height:420px}.constraint-actions{grid-template-columns:1fr 1fr;display:grid}}