:root{--bg: #0d0f14;--panel: #161a22;--panel-2: #1d222c;--line: #2a303c;--text: #dfe5f0;--muted: #8c95a8;--accent: #2f6fed;--accent-soft: #21375f;--good: #22c55e;--warn: #f59e0b;--danger: #ef4444;--radius: 7px;--left-w: 244px;--right-w: 330px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--toolrow-h: 0px;--topbar-h: 48px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif;overflow:hidden;touch-action:manipulation;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app{display:grid;grid-template-rows:auto 1fr;grid-template-columns:var(--left-w) 1fr var(--right-w);grid-template-areas:"top top top" "left view right";height:100vh;height:100dvh}.topbar{grid-area:top;display:flex;align-items:center;gap:6px;padding:7px 10px;padding-top:calc(7px + var(--safe-top));padding-left:calc(10px + var(--safe-left));padding-right:calc(10px + var(--safe-right));background:var(--panel);border-bottom:1px solid var(--line);position:relative;z-index:40}.brand{display:flex;align-items:center;gap:8px;min-width:0}.brand img{width:24px;height:24px;flex:none;display:block}.brand{flex:0 1 auto}.brand input{width:190px;min-width:96px}.toolrow{display:flex;align-items:center;gap:6px}.tb-more{position:relative}.menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:grid;grid-template-columns:repeat(2,minmax(104px,1fr));gap:5px;padding:9px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 18px 40px #0000008c}.menu .full{grid-column:1 / -1}.menu-label{grid-column:1 / -1;color:var(--muted);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;margin:4px 2px 0}.sidebar{background:var(--panel);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;z-index:30}.sidebar.left{grid-area:left;border-right:1px solid var(--line);padding-left:var(--safe-left)}.sidebar.right{grid-area:right;border-left:1px solid var(--line);padding-right:var(--safe-right)}.viewport{grid-area:view;position:relative;min-width:0}.viewport canvas{touch-action:none!important;display:block}.scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#06080c8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer-head{display:none;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.drawer-head strong{flex:1;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.section{border-bottom:1px solid var(--line);padding:10px 11px 13px}.section h2{margin:0 0 9px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}button{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--line);border-radius:var(--radius);padding:5px 10px;cursor:pointer;user-select:none;-webkit-user-select:none;white-space:nowrap}button:hover:not(:disabled){background:#262d3a;border-color:#3a4356}button:disabled{opacity:.4;cursor:default}button.active{background:var(--accent-soft);border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover{background:#4480f5}button.icon{padding:5px 9px}button.wide{width:100%}.row{display:flex;gap:6px;align-items:center}.row.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.sep{width:1px;height:22px;background:var(--line);margin:0 4px;flex:none}.spacer{flex:1}input,select{font:inherit;color:var(--text);background:#10131a;border:1px solid var(--line);border-radius:var(--radius);padding:5px 7px;width:100%;min-width:0}input:focus,select:focus{outline:none;border-color:var(--accent)}input[type=checkbox]{width:auto;accent-color:var(--accent);min-height:0}.field{display:grid;grid-template-columns:68px 1fr;gap:6px;align-items:center;margin-bottom:6px}.field>label{color:var(--muted);font-size:12px}.field .unit{color:var(--muted);font-size:11px;margin-left:4px}.vec{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;margin-bottom:5px;text-align:left;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--line);cursor:pointer;white-space:normal}.item:hover{border-color:#3a4356}.item .swatch{width:13px;height:13px;border-radius:3px;flex:none}.item .meta{color:var(--muted);font-size:11px}.hint{color:var(--muted);font-size:11.5px;margin:6px 0 0}.empty{color:var(--muted);padding:14px 11px;font-size:12px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:4px 6px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.05em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.total td{font-weight:700;border-bottom:none}.badge{font-size:11px;padding:1px 6px;border-radius:99px;background:var(--accent-soft);color:#b7ccff;white-space:nowrap}.badge.warn{background:#4a3410;color:#fbbf24}.status{position:absolute;left:calc(12px + var(--safe-left));bottom:calc(12px + var(--toolrow-h) + var(--safe-bottom));display:flex;gap:6px;align-items:center;padding:5px 10px;border-radius:var(--radius);background:#0d0f14d1;border:1px solid var(--line);font-size:12px;pointer-events:none;max-width:calc(100% - 24px)}.status .dot{width:7px;height:7px;border-radius:99px;background:var(--good);flex:none}.tabs{display:flex;gap:3px;padding:8px 10px 0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:5px 8px;font-size:11.5px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(16px + var(--toolrow-h) + var(--safe-bottom));z-index:70;display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);box-shadow:0 14px 32px #00000080;max-width:calc(100vw - 32px)}@media (max-width: 1199px){.app{grid-template-columns:1fr;grid-template-areas:"top" "view"}.sidebar{position:fixed;top:var(--topbar-h);bottom:0;width:min(86vw,340px);padding-bottom:calc(var(--toolrow-h) + var(--safe-bottom));box-shadow:0 0 40px #00000080;transition:transform .18s ease;will-change:transform}.sidebar.left{left:0;transform:translate(-101%)}.sidebar.right{right:0;transform:translate(101%)}.app[data-left=true] .sidebar.left,.app[data-right=true] .sidebar.right{transform:none}.app[data-left=true] .scrim,.app[data-right=true] .scrim{display:block}.drawer-head{display:flex}}@media (min-width: 1200px){.only-narrow{display:none!important}}@media (max-width: 1399px){.only-wide{display:none!important}}@media (min-width: 1400px){.tb-more{display:none!important}}@media (max-width: 719px){:root{--toolrow-h: 54px}.toolrow{position:fixed;left:0;right:0;bottom:0;z-index:45;justify-content:center;gap:5px;padding:7px calc(8px + var(--safe-right)) calc(7px + var(--safe-bottom)) calc(8px + var(--safe-left));background:var(--panel);border-top:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.toolrow::-webkit-scrollbar{display:none}.toolrow .sep{display:none}.topbar{gap:5px}}.name-field{display:none}@media (max-width: 900px){.brand input{display:none}.name-field{display:block}}@media (max-width: 419px){.brand img{display:none}.menu{grid-template-columns:1fr 1fr;right:-4px}}@media (pointer: coarse){button{min-height:40px;padding:7px 12px}.tabs button{min-height:36px}input,select{min-height:40px}input[type=checkbox]{width:20px;height:20px}.item{padding:10px}.field{grid-template-columns:76px 1fr}}.ortho{width:100%;height:auto;display:block}.ortho-part{fill:#7896d238;stroke:#8ea6d8;stroke-width:.8}.ortho-dim line{stroke:#7f8aa3;stroke-width:.8}.ortho-dim path{stroke:#7f8aa3}.ortho-dim text{fill:#b8c2d6;font-size:10px}.ortho-ext{stroke-dasharray:2 2}.ortho-note{fill:var(--muted);font-size:9.5px}.print-sheet{display:none}@media print{body{background:#fff;color:#111;overflow:visible}.app,.toast,.toolrow{display:none!important}.print-sheet{display:block;padding:16mm;font-size:11pt}.print-sheet header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #111;padding-bottom:6px;margin-bottom:14px}.print-sheet h1{font-size:18pt;margin:0}.print-sheet h2{font-size:12pt;margin:18px 0 6px}.print-sheet img{width:100%;max-height:110mm;object-fit:contain;border:1px solid #ccc}.print-sheet table{width:100%;border-collapse:collapse;page-break-inside:avoid}.print-sheet th,.print-sheet td{border:1px solid #bbb;padding:4px 7px;text-align:left}.print-sheet thead{background:#eee}.ortho-part{fill:#0000001a;stroke:#222}.ortho-dim line,.ortho-dim path{stroke:#444}.ortho-dim text{fill:#111}.ortho-note{fill:#555}.print-views{display:grid;grid-template-columns:1fr 1fr;gap:8mm;page-break-inside:avoid}.print-views figure{margin:0;border:1px solid #ccc;padding:4px}}.viewport[data-tool=select] canvas{cursor:crosshair}.marquee{position:absolute;z-index:5;pointer-events:none;border:1px solid var(--accent);background:#2f6fed29;border-radius:2px}.marquee.crossing{border-style:dashed;border-color:var(--good);background:#22c55e24}