:root{--font-sans:"IBM Plex Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"IBM Plex Mono", monospace;--bg-base:#2c7a6e;--bg-surface:#f4f7f6f5;--bg-panel:#f4f7f6fa;--bg-inset:#0f211e0d;--color-primary:#4ab3a2;--color-primary-ink:#2c7a6e;--color-primary-hover:#3d9486;--color-primary-fill:#4ab3a22e;--color-primary-light:#4ab3a21a;--color-accent:#ff9800;--color-accent-hover:#e68900;--border-light:#0f211e33;--border-focus:#0f211e73;--text-main:#0f211e;--text-muted:#0f211eb8;--text-dim:#0f211e73;--text-dark:#0b2b27;--track-empty:#0f211e1f;--hover-wash:#0f211e0a;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-medium:.3s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);color:#fff;background:#2c7a6e;overflow:hidden}.app{background:var(--bg-base);width:100vw;height:100vh;color:var(--text-main);transition:background var(--transition-medium), color var(--transition-medium);position:relative;overflow:hidden}.bg-grid{z-index:0;pointer-events:none;background:linear-gradient(180deg, #0f2d28e0 0%, #0f2d28b8 28%, #0f2d2842 52%, #0f2d2800 68%), radial-gradient(120% 90% at 62% 46%, #0f2d2800 30%, #0f2d2842 62%, #0f2d28ad 100%), var(--bg-base);position:absolute;inset:0}.grid-blob-svg{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.viewport{z-index:1;position:absolute;inset:0 0 0 404px}@media (width<=900px){.viewport{left:0}}.babylon-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.logo-promo{z-index:6;cursor:pointer;background:var(--bg-surface);-webkit-backdrop-filter:blur(12px)saturate(140%);border:1px solid var(--border-light);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%);width:300px;transition:background var(--transition-medium), border-color var(--transition-medium);flex-direction:column;align-items:flex-end;gap:10px;padding:16px 18px;text-decoration:none;display:flex;position:absolute;bottom:28px;right:36px}.logo-img{opacity:.9;width:auto;height:40px;transition:opacity var(--transition-fast);align-self:flex-start;display:block}.logo-promo:hover .logo-img{opacity:1}.logo-promo .promo{text-align:right;white-space:pre-line;max-width:260px;min-height:14px;font-family:var(--font-mono);letter-spacing:.2px;color:var(--color-primary-ink);font-size:10.5px;line-height:1.45}.rail{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px)saturate(140%);border:1px solid var(--border-light);z-index:22;width:46px;height:calc(100vh - 20px);transition:background var(--transition-medium), border-color var(--transition-medium);flex-direction:column;align-items:center;gap:6px;padding:8px 0;display:flex;position:absolute;top:10px;left:10px}.rail-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:19px;display:flex}.rail-btn:hover{color:var(--text-main);background:var(--hover-wash)}.rail-btn.active{color:#fff;background:var(--color-primary)}.rail-div{background:var(--border-light);width:20px;height:1px;margin:2px 0}.leftcol{z-index:20;flex-direction:column;gap:10px;width:328px;display:flex;position:absolute;top:10px;bottom:10px;left:66px}.panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px)saturate(140%);border:1px solid var(--border-light);min-height:0;transition:background var(--transition-medium), border-color var(--transition-medium);flex-direction:column;display:flex}.panel.params{flex:auto}.panel.order{flex:none;max-height:58%}.panel-head{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:14px 16px;position:relative;overflow:hidden}.panel-title{font-family:var(--font-sans);letter-spacing:-1px;color:var(--text-main);font-size:22px;font-weight:300;line-height:1.15}.panel-eyebrow{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);min-height:14px;margin-top:6px;font-size:11px;font-weight:500}.panel-eyebrow .sep{color:var(--text-dim)}.panel-eyebrow .live{color:var(--color-primary-ink);animation:.9s ease-in-out infinite hs-blink}.scanbar{height:2px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.scanbar span{background:var(--color-primary);width:25%;height:100%;animation:.9s linear infinite hs-scan;display:block}.panel-body{flex-direction:column;flex:1;gap:18px;padding:14px 16px;display:flex;overflow:hidden auto}.hs-scroll::-webkit-scrollbar{width:6px}.hs-scroll::-webkit-scrollbar-track{background:0 0}.hs-scroll::-webkit-scrollbar-thumb{background:var(--border-light)}.hs-scroll::-webkit-scrollbar-thumb:hover{background:var(--border-focus)}.group{flex-direction:column;gap:18px;display:flex}.ctrl{flex-direction:column;gap:8px;display:flex}.ctrl-top{justify-content:space-between;align-items:center;display:flex}.ctrl-name{align-items:center;gap:6px;display:flex}.ctrl-name .lbl{font-family:var(--font-sans);color:var(--text-main);font-size:13px;font-weight:500}.info-badge{font-family:var(--font-mono);border:1px solid var(--border-light);width:13px;height:13px;color:var(--text-dim);cursor:help;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:inline-flex}.ctrl-val{font-family:var(--font-mono);color:var(--color-primary-ink);background:var(--color-primary-light);cursor:text;white-space:nowrap;border:1px solid #0000;flex-shrink:0;padding:3px 8px;font-size:12px;font-weight:600}.ctrl-val:hover{border:1px dashed var(--color-primary)}.ctrl-val input{width:66px;font-family:var(--font-mono);color:var(--color-primary-ink);background:var(--bg-inset);border:1px solid var(--border-focus);text-align:right;outline:none;padding:3px 6px;font-size:12px;font-weight:600}.minmax{justify-content:space-between;display:flex}.minmax span{font-family:var(--font-mono);color:var(--text-dim);font-size:10px}input.sl{appearance:none;cursor:pointer;outline:none;width:100%;height:4px;margin:2px 0}input.sl::-webkit-slider-thumb{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0.75 0.75 L11.25 0.75 L0.75 11.25 Z' fill='%234ab3a2' stroke='%23f4f7f6' stroke-width='1.5'/%3E%3C/svg%3E") 50%/14px 14px no-repeat;border:none;border-radius:0;width:14px;height:14px;margin-top:5px}input.sl::-webkit-slider-thumb:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0.75 0.75 L11.25 0.75 L0.75 11.25 Z' fill='%233d9486' stroke='%23f4f7f6' stroke-width='1.5'/%3E%3C/svg%3E")}input.sl::-moz-range-thumb{cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M0.75 0.75 L11.25 0.75 L0.75 11.25 Z' fill='%234ab3a2' stroke='%23f4f7f6' stroke-width='1.5'/%3E%3C/svg%3E") 50%/14px 14px no-repeat;border:none;border-radius:0;width:14px;height:14px;transform:translateY(5px)}.hint{font-family:var(--font-sans);color:var(--text-muted);font-size:12px;line-height:1.5}.preset-btn{width:100%;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;border:1px solid var(--border-light);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;align-items:center;gap:9px;padding:11px 12px;font-size:11px;font-weight:600;display:flex}.preset-btn:hover{border-color:var(--color-primary);color:var(--color-primary-ink)}.preset-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.reset-btn{margin-top:6px}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:600}.hs-select{appearance:none;width:100%;font-family:var(--font-mono);color:var(--text-main);background-color:var(--bg-inset);border:1px solid var(--border-light);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='none' stroke='%234ab3a2' stroke-width='1.5'%3E%3Cpath d='M1 3 L5 7 L9 3'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:9px 12px;font-size:12px}.tabs{border:1px solid var(--border-light);display:flex}.tab{text-align:center;cursor:pointer;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:9px 0;font-size:11px;font-weight:600}.tab:hover{color:var(--text-main)}.tab.active{background:var(--color-primary);color:#fff}.tab+.tab{border-left:1px solid var(--border-light)}.row-between{justify-content:space-between;align-items:center;display:flex}.switch{border:1px solid var(--border-light);cursor:pointer;width:42px;height:22px;transition:all var(--transition-medium);background:0 0;border-radius:0;padding:2px}.switch.on{border-color:var(--color-primary);background:var(--color-primary)}.switch .knob{background:var(--text-muted);width:16px;height:16px;transition:transform var(--transition-medium), background var(--transition-medium);display:block}.switch.on .knob{background:var(--text-dark);transform:translate(20px)}.swatch{align-items:center;gap:7px;display:flex}.swatch:before{content:"";flex:0 0 10px;width:10px;height:3px}.swatch.block:before{background:#1a58cc}.swatch.drill:before{background:#e05a5a}.swatch.fins:before{background:#d99000}.rack{margin-top:6px}.rack-head,.rack-row{grid-template-columns:1fr 1fr 46px 46px 24px;align-items:center;gap:6px;display:grid}.rack-head{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);padding-bottom:4px;font-size:9px}.rack-row+.rack-row{margin-top:4px}.rack-row input{text-align:right;width:100%;font-family:var(--font-mono);color:var(--text-main);background:var(--bg-inset);border:1px solid var(--border-light);outline:none;padding:5px 6px;font-size:12px;font-weight:600}.rack-row input:focus{border-color:var(--border-focus)}.rack-row span{font-family:var(--font-mono);color:var(--text-muted);text-align:right;font-size:11px}.rack-row .rack-bad{color:#c8281e;font-weight:600}.rack-del{cursor:pointer;color:var(--text-dim);background:0 0;border:none;padding:2px;font-size:15px;line-height:1}.rack-del:hover:not(:disabled){color:#c8281e}.rack-del:disabled{opacity:.25;cursor:default}.rack-add{border:1px solid var(--border-light);cursor:pointer;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);background:0 0;padding:4px 10px;font-size:10px}.rack-add:hover{border-color:var(--color-primary);color:var(--color-primary-ink)}.alarm{font-family:var(--font-sans);color:#a8231b;background:#c8281e12;border-left:2px solid #c8281e;padding:8px 10px;font-size:11px;line-height:1.45}.alarm+.alarm{margin-top:2px}.panel-fixed{flex-direction:column;flex-shrink:0;gap:18px;padding:14px 16px;display:flex}.panel-fixed+.panel-body{gap:2px;padding-top:0}.allclear{font-family:var(--font-sans);color:#1d6b4f;background:#28a06e1a;border-left:2px solid #2fa06e;padding:8px 10px;font-size:11px;line-height:1.45}.panel-foot{border-top:1px solid var(--border-light);background:var(--bg-panel,inherit);flex-shrink:0;padding:12px 16px 14px}.next-btn{width:100%;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:#fff;background:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:12px;font-weight:600;display:flex}.next-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.next-btn .sub{opacity:.7}.metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.well{background:var(--bg-inset);border:1px solid var(--border-light);flex-direction:column;justify-content:space-between;gap:6px;min-height:74px;padding:12px;display:flex}.well .k{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dim);font-size:9.5px;font-weight:600}.well .v{font-family:var(--font-mono);color:var(--text-main);font-size:20px;font-weight:700}.well .v small{font-size:12px;font-weight:600}.costs{flex-direction:column;gap:9px;display:flex}.cost-row{justify-content:space-between;align-items:center;display:flex}.cost-row .lab{font-family:var(--font-mono);letter-spacing:.3px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.cost-row .amt{font-family:var(--font-mono);color:var(--text-main);font-size:13px;font-weight:600}.cost-total{border-top:1px solid var(--border-light);align-items:baseline;margin-top:2px;padding-top:11px}.cost-total .lab{color:var(--text-main);font-size:12px;font-weight:600}.cost-total .amt{color:var(--color-accent);font-size:22px;font-weight:700}.btn-accent{width:100%;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-dark);background:var(--color-accent);border:1px solid var(--color-accent);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:13px;font-weight:600;display:flex}.btn-accent:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn-accent .sub{opacity:.75}.export-row{flex-shrink:0;gap:10px;display:flex}.btn-ghost{height:40px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);border:1px solid var(--border-light);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary-ink)}@keyframes hs-scan{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes hs-blink{0%,to{opacity:.4}50%{opacity:1}}@media (width<=900px){.leftcol{width:calc(100vw - 76px)}}