:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}button{font-family:inherit;cursor:pointer}.app{display:grid;grid-template-columns:300px 1fr 320px;height:100vh;background:#15171c;color:#e8e8ea}.panel{background:#1f2229;overflow-y:auto;padding:16px 16px 28px}.panel.left{border-right:1px solid #2c2f38}.panel.right{border-left:1px solid #2c2f38}.apphead{display:flex;align-items:center;justify-content:space-between;gap:8px}.unitstoggle{display:flex;gap:2px;background:#15171c;border:1px solid #2c2f38;border-radius:6px;padding:2px}.unitstoggle button{background:transparent;color:#8c93a1;border:0;border-radius:4px;padding:3px 7px;font-size:11px}.unitstoggle button.active{background:#3a82f6;color:#fff}.panel h1{font-size:17px;margin:0 0 2px}.panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#8c93a1;margin:18px 0 8px}.sub{color:#8c93a1;font-size:12px;margin:0 0 14px}.mlbtn{width:100%;background:#2a4a30;color:#cfe9d4;border:1px solid #3a6b45;border-radius:6px;padding:7px;font-size:12px;margin-bottom:14px}.mlbtn:hover{background:#345c3c}.projectbar{position:relative;display:flex;gap:6px;margin-bottom:14px}.projname{flex:1;min-width:0;background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:6px;padding:5px 8px;font-size:12px}.projsave{background:#3a82f6;color:#fff;border:0;border-radius:6px;padding:5px 10px;font-size:12px}.projsave:disabled{opacity:.5}.projopen{background:#2a2e37;color:#d7dbe2;border:1px solid #363b45;border-radius:6px;padding:5px 10px;font-size:12px}.projdropdown{position:absolute;top:36px;left:0;right:0;z-index:20;background:#1b1d22;border:1px solid #2c2f38;border-radius:8px;padding:8px;max-height:320px;overflow-y:auto;box-shadow:0 8px 24px #0006}.projdhead{font-size:11px;color:#8c93a1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.projerr{color:#ff9aa6;font-size:12px;margin-bottom:6px}.projempty{color:#6b7280;font-size:12px}.projrow{display:flex;gap:4px;align-items:center}.projrow.cur .projload{color:#8fc0ff}.projload{flex:1;text-align:left;background:transparent;color:#d7dbe2;border:0;border-radius:5px;padding:6px 8px;font-size:13px}.projload:hover{background:#262a33}.projdel{background:transparent;border:0;color:#8c93a1;padding:5px 7px;border-radius:5px}.projdel:hover{background:#5a2530;color:#ff9aa6}.catalogbtn{width:100%;background:#2c3a52;color:#cfe0f5;border:1px solid #3a5680;border-radius:6px;padding:8px;font-size:12px;margin-bottom:12px}.catalogbtn:hover{background:#34466a}.catalogoverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:50;display:flex;align-items:center;justify-content:center}.catalog{width:min(880px,92vw);height:min(80vh,720px);background:#1b1d22;border:1px solid #2c2f38;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.cathead{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #2c2f38}.cathead h2{margin:0;font-size:16px;text-transform:none;letter-spacing:0;color:#e8e8ea}.catclose{background:transparent;border:0;color:#8c93a1;font-size:16px}.catcontrols{display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #2c2f38}.catsearch{flex:1;background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:6px;padding:7px 10px;font-size:13px}.catcontrols label{font-size:12px;color:#9aa3b2}.catcontrols input[type=number]{width:70px;background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:5px;padding:5px}.catbody{overflow-y:auto;padding:8px 18px 18px}.catgroup summary{cursor:pointer;font-size:13px;color:#9aa3b2;padding:8px 0;text-transform:uppercase;letter-spacing:.04em}.catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-bottom:8px}.cattile{text-align:left;background:#2a2e37;color:#d7dbe2;border:1px solid #363b45;border-radius:6px;padding:7px 9px;font-size:12px}.cattile:hover{background:#34466a;border-color:#3a82f6}.sheettable{width:100%;border-collapse:collapse;font-size:12px;margin-bottom:10px}.sheettable th,.sheettable td{text-align:left;padding:4px 8px;border-bottom:1px solid #262a33}.sheettable td.num,.sheettable th.num{text-align:right;font-variant-numeric:tabular-nums}.sheettable tr.pickable{cursor:pointer}.sheettable tr.pickable:hover{background:#262a33}.addbar{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.addgroup{display:flex;align-items:center;gap:6px}.addlabel{font-size:11px;color:#9aa3b2;width:78px;flex:none}.addgroup button{background:#2a2e37;color:#d7dbe2;border:1px solid #363b45;border-radius:6px;padding:4px 8px;font-size:12px;min-width:38px}.addgroup button:hover{background:#343a45;border-color:#4a5161}.wallpick{margin-bottom:12px}.wallpick button.active{background:#3a82f6;color:#fff;border-color:#3a82f6}.cablist{margin-top:6px}.cabrow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px;padding:7px 8px;border-radius:6px;cursor:pointer;border:1px solid transparent}.cabrow:hover{background:#262a33}.cabrow.sel{background:#20364c;border-color:#3a82f6}.cabname{font-size:13px;grid-column:1}.cabmeta{font-size:11px;color:#8c93a1;grid-column:1}.cabrow .del{grid-column:2;grid-row:1 / span 2;background:transparent;border:0;color:#8c93a1;font-size:13px;padding:4px 6px;border-radius:4px}.cabrow .del:hover{background:#5a2530;color:#ff9aa6}.empty{color:#6b7280;font-size:12px}.summary .stat,.props .stat{display:flex;justify-content:space-between;font-size:13px;padding:3px 0}.summary .stat b,.props .stat b{font-variant-numeric:tabular-nums}.viewport{position:relative;display:flex;align-items:center;justify-content:center}.viewport .hint{position:absolute;bottom:12px;left:14px;font-size:11px;color:#6b7280}.viewtabs{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:4px;background:#1f2229;padding:4px;border-radius:8px;border:1px solid #2c2f38}.viewtabs button{background:transparent;color:#c4c9d4;border:0;padding:6px 14px;border-radius:6px;font-size:13px}.viewtabs button.active{background:#3a82f6;color:#fff}.cadtoolbar{position:absolute;top:12px;left:14px;z-index:5;display:flex;gap:4px;background:#1f2229;padding:4px;border-radius:8px;border:1px solid #2c2f38}.cadtoolbar button{background:transparent;color:#c4c9d4;border:0;padding:6px 10px;border-radius:6px;font-size:12px}.cadtoolbar button.active{background:#3a82f6;color:#fff}.cadtoolbar button:hover:not(.active){background:#2a2e37}.cadtoolbar .tidybtn{background:#2a4a30;color:#cfe9d4}.cadtoolbar .tidybtn:hover{background:#345c3c}.measurelabel{background:#ffd24a;color:#1a1a1a;font-size:11px;font-weight:600;padding:1px 6px;border-radius:4px;cursor:pointer;white-space:nowrap;box-shadow:0 1px 4px #0006;-webkit-user-select:none;user-select:none}.measurelabel:hover{background:#ff7a6b;color:#fff}.plan2d{color:#6b7280}.planeditor{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:52px 16px 16px}.planhead{font-size:12px;color:#9aa3b2}.plansvg{background:#15171c;border:1px solid #2c2f38;border-radius:8px;touch-action:none}.planlegend{font-size:11px;color:#6b7280;display:flex;align-items:center;gap:6px}.planlegend .dot{width:18px;height:3px;border-radius:2px;display:inline-block}.planlegend .dot.front{background:#7cc4ff}.comingsoon{font-size:13px}.production{width:100%;height:100%;display:flex;flex-direction:column;padding:52px 20px 20px;overflow-y:auto}.prodtabs{display:flex;gap:4px;margin-bottom:14px}.prodtabs button{background:#2a2e37;color:#c4c9d4;border:1px solid #363b45;border-radius:6px;padding:6px 16px;font-size:13px}.prodtabs button.active{background:#3a82f6;color:#fff;border-color:#3a82f6}.prodbody{max-width:720px}.cutltable{width:100%;border-collapse:collapse;font-size:12px}.cutltable th,.cutltable td{text-align:left;padding:5px 8px;border-bottom:1px solid #262a33}.cutltable td.num,.cutltable th.num{text-align:right;font-variant-numeric:tabular-nums}.sheetnav{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#c4c9d4;margin-bottom:12px}.sheetnav button{background:#2a2e37;color:#c4c9d4;border:1px solid #363b45;border-radius:5px;padding:3px 10px;margin:0 4px}.sheetnav button:disabled{opacity:.4}.nestsvg svg,.simsvg{border:1px solid #363b45;border-radius:6px}.simctrls{display:flex;align-items:center;gap:6px;margin-bottom:10px;flex-wrap:wrap}.simctrls button{background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:5px;padding:4px 10px;font-size:13px}.simctrls select{background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:5px;padding:3px 6px}.simstatus{font-size:12px;color:#9aa3b2}.exportbar{display:flex;align-items:center;gap:6px;margin-bottom:12px;flex-wrap:wrap}.exportbar button{background:#2a4a30;color:#cfe9d4;border:1px solid #3a6b45;border-radius:6px;padding:5px 12px;font-size:12px}.exportbar button:hover{background:#345c3c}.dropzone{border:2px dashed #3a4150;border-radius:10px;padding:28px;text-align:center;color:#c4c9d4;margin-bottom:16px}.dropzone.drag{border-color:#3a82f6;background:#1c2533}.dropzone p{margin:6px 0;font-size:13px}.filebtn{display:inline-block;background:#3a82f6;color:#fff;padding:7px 16px;border-radius:6px;font-size:13px;cursor:pointer;margin:6px 0}.imperr{color:#ff9aa6;font-size:13px}.production details{margin:8px 0}.production summary{cursor:pointer;font-size:13px;padding:4px 0}.props h2,.noselect h2{margin-top:0}.field{margin-bottom:12px}.field label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px;color:#c4c9d4}.field label b{color:#fff;font-variant-numeric:tabular-nums}.field input[type=range]{width:100%}.field select{width:100%;background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:6px;padding:5px 8px;font-size:13px}.swatch{display:inline-block;width:28px;height:14px;border-radius:3px;border:1px solid #00000040;vertical-align:middle}.setallbtn{width:100%;background:#2c3a52;color:#cfe0f5;border:1px solid #3a5680;border-radius:6px;padding:6px;font-size:12px;margin:2px 0 12px}.setallbtn:hover{background:#34466a}.partmats{margin-bottom:12px}.partmats summary{cursor:pointer;font-size:12px;color:#9aa3b2;padding:4px 0}.handrow{display:flex;gap:8px;flex-wrap:wrap}.handpick{display:flex;flex-direction:column;gap:3px;flex:1 1 90px}.handpick>span{font-size:11px;color:#9aa3b2}.handpick select{background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:6px;padding:4px 6px;font-size:12px}.partmats .field{margin-bottom:7px}.check{display:flex;align-items:center;gap:8px;font-size:13px;color:#c4c9d4;margin:4px 0 12px;cursor:pointer}.check input{width:auto}.code{margin-left:auto;font-size:11px;color:#8c93a1;font-variant-numeric:tabular-nums}.opening{background:#262a33;border:1px solid #2f343d;border-radius:6px;padding:8px;margin-bottom:8px}.openhead{display:flex;align-items:center;gap:8px;font-size:12px}.openhead b{text-transform:capitalize}.openhead select{flex:1;background:#2a2e37;color:#e8e8ea;border:1px solid #363b45;border-radius:5px;padding:3px 6px;font-size:12px}.openhead .del{background:transparent;border:0;color:#8c93a1}.openrow{display:flex;gap:6px;margin-top:6px}.openrow label{font-size:11px;color:#9aa3b2;display:flex;flex-direction:column;gap:2px;flex:1}.openrow input{width:100%;background:#1f2229;color:#e8e8ea;border:1px solid #363b45;border-radius:5px;padding:3px 5px;font-size:12px}.parts table{width:100%;border-collapse:collapse;font-size:12px}.parts th,.parts td{text-align:left;padding:4px 6px;border-bottom:1px solid #262a33}.parts td.num,.parts th.num{text-align:right;font-variant-numeric:tabular-nums}.totals{font-size:12px;color:#9aa3b2;margin-top:8px}.noselect .sub{color:#8c93a1}