:root{--bg-deep: #071525;--bg-panel: #0d2238;--bg-card: #122c47;--border-cad: #255785;--text-main: #f1f5f9;--text-muted: #93c5fd;--accent-cyan: #38bdf8;--accent-amber: #f59e0b;--accent-green: #22c55e;--accent-red: #ef4444}body.theme-parchment{--bg-deep: #e6dfd1;--bg-panel: #f4efe4;--bg-card: #ffffff;--border-cad: #94a3b8;--text-main: #0f172a;--text-muted: #475569;--accent-cyan: #0284c7;--accent-amber: #d97706}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-deep);color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Pretendard,Segoe UI,Roboto,sans-serif}#app{width:100%;max-width:980px;height:100%;margin:0 auto;display:flex;flex-direction:column;padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));padding-left:8px;padding-right:8px;gap:6px}.cad-header{background:var(--bg-panel);border:1.5px solid var(--border-cad);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.cad-brand-row{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.cad-title-block{display:flex;align-items:center;gap:8px}.cad-code-badge{background:var(--accent-cyan);color:#071525;font-family:monospace;font-weight:900;font-size:11px;padding:3px 7px;border-radius:5px}.cad-title-block h1{font-size:15px;font-weight:800;letter-spacing:-.02em}.cad-top-actions{display:flex;align-items:center;gap:5px}.cad-chip-btn{border:none;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:800;cursor:pointer}.cad-chip-amber{background:#f59e0b;color:#0f172a}.cad-chip-cyan{background:#0284c7;color:#fff}.cad-icon-btn{background:var(--bg-card);border:1px solid var(--border-cad);color:var(--text-main);border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px}.cad-metrics-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.metric-cell{background:var(--bg-card);border:1px solid var(--border-cad);border-radius:7px;padding:4px 8px;display:flex;flex-direction:column}.metric-label{font-size:9px;font-family:monospace;color:var(--text-muted)}.metric-val{font-size:12px;font-family:monospace;font-weight:800}.metric-safe{color:var(--accent-green)}.metric-grant{color:var(--accent-amber)}.cad-mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.mode-tab{background:var(--bg-card);border:1px solid var(--border-cad);color:var(--text-muted);border-radius:7px;padding:6px 4px;font-size:11px;font-weight:800;cursor:pointer;transition:all .15s ease}.mode-tab.active{background:var(--accent-cyan);color:#071525;border-color:var(--accent-cyan)}.cad-main{flex:1;min-height:0;display:flex;flex-direction:column}.workspace-panel{display:none;flex:1;min-height:0;flex-direction:column;gap:6px}.workspace-panel.active{display:flex}.canvas-frame{position:relative;flex:1;min-height:210px;background:#0b1e33;border:2px solid var(--border-cad);border-radius:10px;overflow:hidden}#truss-canvas{width:100%;height:100%;display:block;touch-action:none}.canvas-overlay-top{position:absolute;top:8px;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none;gap:6px;flex-wrap:wrap}.overlay-badge{background:#071525d6;border:1px solid rgba(56,189,248,.45);color:#e0f2fe;font-size:11px;font-family:monospace;font-weight:700;padding:3px 8px;border-radius:6px}.oscilloscope-bar{background:#071322;border:1.5px solid var(--border-cad);border-radius:8px;padding:4px 8px;display:flex;flex-direction:column;gap:3px}.scope-legend{display:flex;justify-content:space-between;font-size:10px;font-family:monospace;color:#94a3b8}.legend-amber{color:#f59e0b;font-weight:700}.legend-cyan{color:#38bdf8;font-weight:700}#scope-canvas{width:100%;height:36px;display:block}.material-palette{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.mat-btn{background:var(--bg-panel);border:1.5px solid var(--border-cad);color:var(--text-main);border-radius:8px;padding:5px 4px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.mat-btn.active{background:#38bdf82e;border-color:var(--accent-cyan);box-shadow:0 0 0 1px var(--accent-cyan) inset}.mat-code{font-size:9px;font-family:monospace;color:var(--accent-cyan)}.mat-name{font-size:11px;font-weight:800}.mat-cost{font-size:10px;font-family:monospace;color:var(--accent-amber)}.cad-control-deck{display:grid;grid-template-columns:1.1fr .8fr 1.2fr 1.4fr;gap:6px}.deck-btn{background:var(--bg-panel);border:1.5px solid var(--border-cad);color:var(--text-main);border-radius:8px;padding:9px 8px;font-size:12px;font-weight:800;cursor:pointer}.deck-btn-blueprint{background:#1e3a5f;border-color:#38bdf8;color:#e0f2fe}.deck-btn-primary{background:#f59e0b;border-color:#fbbf24;color:#0f172a}.deck-btn-amber{background:#eab308;border-color:#fde047;color:#0f172a}.deck-btn-danger{background:#dc2626;border-color:#f87171;color:#fff}.panel-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px}.cad-card{background:var(--bg-panel);border:1.5px solid var(--border-cad);border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.cad-card-info{display:flex;flex-direction:column;gap:4px}.cad-card-info h3{font-size:14px;font-weight:800}.cad-card-info p{font-size:12px;color:var(--text-muted);line-height:1.4}.cad-spec-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.spec-tag{background:var(--bg-card);border:1px solid var(--border-cad);padding:2px 7px;border-radius:5px;font-size:11px;font-family:monospace}.cad-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#071525d1;display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}.cad-modal-backdrop.hidden{display:none}.cad-modal-card{background:var(--bg-panel);border:2px solid var(--accent-cyan);border-radius:14px;padding:20px;width:100%;max-width:440px;display:flex;flex-direction:column;gap:12px;text-align:center}.modal-stamp{font-family:monospace;font-size:11px;font-weight:900;color:var(--accent-amber);letter-spacing:.08em}.result-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.r-stat{background:var(--bg-card);border:1px solid var(--border-cad);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:4px;font-size:11px}.r-stat strong{font-size:14px;font-family:monospace;color:var(--accent-cyan)}.modal-btn-col{display:flex;flex-direction:column;gap:8px}.modal-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-rows{display:flex;flex-direction:column;gap:10px;text-align:left}.setting-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-card);padding:10px 12px;border-radius:8px;font-size:13px;font-weight:700}