@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--font-family: "Outfit", system-ui, -apple-system, sans-serif;--bg-primary: #080c14;--panel-bg: rgba(13, 20, 35, .65);--panel-border: rgba(255, 255, 255, .08);--text-primary: #f8fafc;--text-muted: #94a3b8;--accent-cyan: #06b6d4;--accent-blue: #3b82f6;--accent-purple: #8b5cf6;--status-green: #10b981;--status-yellow: #f59e0b;--status-red: #ef4444;--shadow-sm: 0 2px 8px -1px rgba(0, 0, 0, .3);--shadow-md: 0 10px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);font-family:var(--font-family);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{width:100%;height:100%;position:relative}#webgl-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0;z-index:1}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid var(--panel-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;display:flex;flex-direction:column;transition:transform var(--transition-normal),opacity var(--transition-normal),visibility var(--transition-normal)}#hud-panel{position:absolute;top:20px;left:20px;width:350px;padding:16px;gap:12px}.hud-item{display:flex;justify-content:space-between;align-items:center}.hud-label{font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.hud-value{font-size:1.1rem;font-weight:700;transition:color var(--transition-fast)}.kerf-progress-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-top:4px}#kerf-progress-bar{height:100%;width:100%;background:var(--status-green);transition:width .1s ease,background-color var(--transition-fast)}#control-panel{position:absolute;top:155px;left:20px;bottom:20px;width:350px;padding:20px;overflow-y:auto}.panel-title{font-size:1.25rem;font-weight:700;margin:0 0 16px;background:linear-gradient(135deg,var(--text-primary),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;justify-content:space-between}.help-trigger-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:50%;transition:color var(--transition-fast),background var(--transition-fast)}.help-trigger-btn:hover{color:var(--accent-cyan);background:#ffffff0d}.section-title{font-size:.9rem;font-weight:600;color:var(--text-muted);margin:16px 0 8px;text-transform:uppercase;letter-spacing:.05em}.scenario-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.scenario-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);color:var(--text-primary);padding:12px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-align:center;min-height:54px;display:flex;align-items:center;justify-content:center}.scenario-btn:hover{background:#06b6d41a;border-color:var(--accent-cyan);transform:translateY(-2px)}.scenario-btn.active{background:linear-gradient(135deg,#06b6d433,#3b82f633);border-color:var(--accent-cyan);box-shadow:0 0 12px #06b6d433}.upload-container{display:flex;flex-direction:column;gap:8px;margin-top:8px}.file-input-label{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-sm);padding:10px;font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.file-input-label:hover{background:#ffffff14;border-color:var(--text-muted)}#json-file-input{display:none}.json-preview{font-family:monospace;font-size:.75rem;background:#0006;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:8px;max-height:120px;overflow-y:auto;color:var(--accent-cyan);white-space:pre-wrap;display:none}.param-group{display:flex;flex-direction:column;gap:12px;margin-top:12px}.param-row{display:flex;justify-content:space-between;align-items:center}.param-row label{font-size:.85rem;color:var(--text-muted)}.param-value-box{background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);padding:4px 10px;font-size:.85rem;font-weight:600;min-width:60px;text-align:right}.toolbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.tool-btn:not(.disabled):hover{background:#ffffff1a;border-color:var(--text-muted)}.tool-btn.active{background:#06b6d433;border-color:var(--accent-cyan);box-shadow:inset 0 0 8px #06b6d466;color:var(--accent-cyan)}.tool-btn.disabled{opacity:.3;cursor:not-allowed}#debug-panel{position:absolute;top:20px;right:20px;bottom:20px;width:320px;padding:20px;overflow-y:auto;transform:translate(360px);opacity:0;visibility:hidden}#debug-panel.active{transform:translate(0);opacity:1;visibility:visible}.flag-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.03)}.flag-row label{font-size:.9rem;cursor:pointer}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ffffff1a;transition:.2s;border-radius:34px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:var(--text-primary);transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--accent-cyan)}input:checked+.slider:before{transform:translate(22px)}.slider-container{display:flex;flex-direction:column;gap:8px;margin-top:10px}.slider-labels{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.range-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-cyan);cursor:pointer;box-shadow:0 0 8px #06b6d466;transition:background var(--transition-fast)}.range-slider::-webkit-slider-thumb:hover{background:var(--text-primary)}.range-slider:disabled::-webkit-slider-thumb{background:var(--text-muted);box-shadow:none;cursor:not-allowed}.range-slider:disabled::-webkit-slider-thumb:hover{background:var(--text-muted)}#help-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#04060abf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}#help-modal-overlay.active{opacity:1;visibility:visible}.help-modal{width:480px;max-width:90%;padding:30px;position:relative}.close-modal-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.close-modal-btn:hover{color:var(--status-red);background:#ffffff0d}.help-modal h2{margin:0 0 16px;font-size:1.5rem;font-weight:700;color:var(--accent-cyan)}.help-modal p{color:var(--text-muted);line-height:1.6;font-size:.95rem}.shortcuts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.08)}.shortcut-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted)}kbd{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem;color:var(--text-primary);box-shadow:0 2px #0003}#route-overlay{position:absolute;bottom:20px;left:390px;z-index:100;padding:12px 18px;pointer-events:none;font-family:monospace;font-size:.85rem;color:var(--accent-cyan);display:flex;flex-direction:column;gap:8px}.route-indicator{background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-sm);padding:8px 12px}.route-btn{pointer-events:auto;background:var(--accent-cyan);border:none;color:var(--bg-primary);padding:6px 12px;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:filter var(--transition-fast);margin-top:4px}.route-btn:hover{filter:brightness(1.1)}#error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#04060ad9;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}#error-overlay.active{opacity:1;visibility:visible}.error-modal{width:480px;max-width:90%;padding:30px;border-color:#ef444466;box-shadow:0 0 24px #ef444433;text-align:center}.error-title{margin:0 0 16px;font-size:1.5rem;font-weight:700;color:var(--status-red)}.error-message{color:var(--text-muted);line-height:1.6;font-size:.95rem;word-break:break-word}