@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-base:#070b14;--bg-surface:#0d1424;--bg-elevated:#111d30;--bg-hover:#162036;--bg-active:#1a2640;--border:#ffffff12;--border-strong:#ffffff21;--accent-blue:#3b82f6;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-yellow:#f59e0b;--accent-red:#ef4444;--accent-purple:#8b5cf6;--accent-blue-dim:#3b82f626;--accent-cyan-dim:#06b6d426;--accent-green-dim:#10b98126;--accent-yellow-dim:#f59e0b26;--accent-red-dim:#ef444426;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#4b6080;--font-sans:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 4px 16px #0009;--shadow-lg:0 8px 32px #000000b3;--shadow-glow-blue:0 0 20px #3b82f640;--shadow-glow-green:0 0 20px #10b98140}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.app{flex-direction:column;height:100%;display:flex;overflow:hidden}.workspace{flex:1;display:flex;position:relative;overflow:hidden}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 12px;display:flex}.header-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-icon{border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;box-shadow:var(--shadow-glow-blue);background:linear-gradient(135deg,#1d4ed8,#7c3aed);justify-content:center;align-items:center;display:flex}.brand-text{flex-direction:column;line-height:1;display:flex}.brand-name{letter-spacing:2px;color:var(--text-primary);font-size:15px;font-weight:800}.brand-pro{color:var(--accent-blue)}.brand-sub{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:600}.header-controls{align-items:center;gap:8px;display:flex;overflow:hidden}.freq-control{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:8px;padding:6px 10px;display:none}@media (width>=600px){.freq-control{display:flex}}.freq-label{color:var(--text-muted);letter-spacing:1.5px;font-size:9px;font-weight:700}.freq-slider{width:90px}.freq-value{color:var(--accent-blue);font-size:13px;font-weight:700;font-family:var(--font-mono);text-align:right;min-width:52px}.mobile-freq{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 12px;display:flex}@media (width>=600px){.mobile-freq{display:none}}.spl-legend{align-items:center;gap:6px;display:none}@media (width>=768px){.spl-legend{display:flex}}.legend-label{color:var(--text-muted);letter-spacing:1.5px;font-size:9px;font-weight:700}.legend-bar{border:1px solid var(--border-strong);background:linear-gradient(90deg,#0000 0%,#4c1d95cc 20%,#1d4ed8 40%,#0891b2 55%,#059669 68%,#d97706 82%,#dc2626 100%);border-radius:4px;width:80px;height:8px}.legend-ticks{width:80px;color:var(--text-muted);font-size:8px;font-family:var(--font-mono);justify-content:space-between;margin-top:20px;display:flex;position:absolute}.header-actions{gap:2px;display:flex}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn--active{background:var(--accent-blue-dim);color:var(--accent-blue)}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:12px;display:none;overflow-y:auto}@media (width>=900px){.sidebar{display:flex}}.sidebar-section{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:12px}.sidebar-section:last-child{border:none}.sidebar-section-title{letter-spacing:2px;color:var(--text-muted);text-transform:uppercase;padding:4px 0 8px;font-size:9px;font-weight:700}.sidebar-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:10px;transition:all .15s;display:flex}.sidebar-btn:last-child{margin-bottom:0}.sidebar-btn:hover{background:var(--bg-hover);transform:translate(2px)}.sidebar-btn--blue:hover{color:var(--accent-blue);border-color:#3b82f666}.sidebar-btn--green:hover{color:var(--accent-green);border-color:#10b98166}.sidebar-btn-name{color:var(--text-primary);font-size:12px;font-weight:600;display:block}.sidebar-btn-sub{color:var(--text-muted);font-size:10px;display:block}.preset-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);text-align:left;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:10px;transition:all .15s;display:flex}.preset-btn:hover{background:var(--bg-hover);border-color:var(--border-strong)}.preset-icon{background:var(--accent-blue-dim);width:28px;height:28px;color:var(--accent-blue);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.preset-name{color:var(--text-primary);font-size:12px;font-weight:600;display:block}.preset-desc{color:var(--text-muted);font-size:10px;display:block}.preset-arrow{color:var(--text-muted);margin-left:auto;transform:rotate(-90deg)}.sidebar-stats{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:4px;padding:10px}.stat-row{color:var(--text-muted);justify-content:space-between;align-items:center;padding:3px 0;font-size:11px;display:flex}.stat-row strong{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.sidebar-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;margin-top:8px;padding:20px 10px;display:flex}.sidebar-empty p{font-size:11px;line-height:1.5}.canvas-container{background:var(--bg-base);cursor:crosshair;flex:1;position:relative;overflow:hidden}.acoustic-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-overlay{width:100%;height:100%;position:absolute;inset:0}.inspector-aside{background:var(--bg-surface);border-left:1px solid var(--border);flex-shrink:0;width:280px;display:none;overflow-y:auto}@media (width>=900px){.inspector-aside{flex-direction:column;display:flex}}.inspector-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:32px;display:flex}.inspector-empty-icon{background:var(--bg-elevated);border:1px solid var(--border);width:52px;height:52px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.inspector-empty h3{color:var(--text-secondary);font-size:13px;font-weight:600}.inspector-empty p{color:var(--text-muted);font-size:11px;line-height:1.6}.inspector-panel{flex-direction:column;height:100%;display:flex}.inspector-header{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex}.inspector-label{letter-spacing:2px;color:var(--accent-blue);text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.inspector-label--green{color:var(--accent-green)}.inspector-title{color:var(--text-primary);font-size:15px;font-weight:700}.inspector-title--green{color:var(--accent-green)}.inspector-id{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);background:var(--bg-base);border-radius:var(--radius-sm);border:1px solid var(--border);padding:3px 6px}.inspector-icon--green{color:var(--accent-green)}.inspector-body{flex-direction:column;flex:1;gap:16px;padding:14px 16px;display:flex;overflow-y:auto}.inspector-section{flex-direction:column;gap:8px;display:flex}.section-title{letter-spacing:1.5px;color:var(--text-muted);text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.coord-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.coord-field{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:3px;padding:8px 10px;display:flex}.coord-field label{color:var(--text-muted);letter-spacing:1px;font-size:9px;font-weight:600}.coord-field input{color:var(--text-primary);font-family:var(--font-mono);background:0 0;border:none;outline:none;width:100%;font-size:13px;font-weight:600}.coord-field input:focus{color:var(--accent-blue)}.slider-row{align-items:center;gap:10px;display:flex}.slider{appearance:none;background:var(--bg-active);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border-radius:50%;width:14px;height:14px;transition:transform .1s}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-blue{accent-color:var(--accent-blue)}.slider-blue::-webkit-slider-thumb{background:var(--accent-blue);box-shadow:0 0 6px #3b82f680}.slider-cyan{accent-color:var(--accent-cyan)}.slider-cyan::-webkit-slider-thumb{background:var(--accent-cyan);box-shadow:0 0 6px #06b6d480}.slider-yellow{accent-color:var(--accent-yellow)}.slider-yellow::-webkit-slider-thumb{background:var(--accent-yellow);box-shadow:0 0 6px #f59e0b80}.slider-value{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--text-secondary);text-align:right;white-space:nowrap;min-width:58px}.slider-value--cyan{color:var(--accent-cyan)}.slider-value--yellow{color:var(--accent-yellow)}.helper-text{color:var(--text-muted);font-size:10px;font-family:var(--font-mono);text-align:right}.toggle-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-elevated);letter-spacing:.5px;height:38px;color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;font-size:10px;font-weight:700;transition:all .15s;display:flex}.toggle-btn:hover{background:var(--bg-hover)}.toggle-btn--red.active{background:var(--accent-red-dim);color:var(--accent-red);border-color:#ef444466}.toggle-btn--orange.active{background:var(--accent-yellow-dim);color:var(--accent-yellow);border-color:#f59e0b66}.info-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.info-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.info-chip span{color:var(--text-muted);font-size:9px;font-weight:600}.info-chip strong{font-family:var(--font-mono);color:var(--text-primary);font-size:13px}.rta-chart-section{flex:1;min-height:0}.rta-chart{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);height:180px;padding:8px;overflow:hidden}.delete-btn{border-radius:var(--radius-md);width:100%;color:var(--accent-red);letter-spacing:.5px;background:0 0;border:1px solid #ef444433;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding:10px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.delete-btn:hover{background:var(--accent-red-dim);border-color:#ef444466}.delete-btn--green{color:var(--text-muted);border-color:var(--border)}.delete-btn--green:hover{color:var(--accent-red);background:#ef444414;border-color:#ef444433}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:420px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;animation:.25s slide-up;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header-left{color:var(--text-primary);align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-actions{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:6px;padding:12px 16px;display:flex}.modal-action-btn{border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.modal-action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-strong)}.modal-list{flex:1;padding:8px;overflow-y:auto}.modal-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.modal-empty p{color:var(--text-secondary);font-size:13px;font-weight:600}.modal-empty span{color:var(--text-muted);font-size:11px}.modal-item{border-radius:var(--radius-md);border:1px solid var(--border);align-items:stretch;margin-bottom:4px;transition:border-color .15s;display:flex;overflow:hidden}.modal-item:hover{border-color:var(--border-strong)}.modal-item-main{background:var(--bg-elevated);text-align:left;flex:1;justify-content:space-between;align-items:center;padding:12px 14px;transition:background .15s;display:flex}.modal-item-main:hover{background:var(--bg-hover)}.modal-item-info{flex-direction:column;gap:3px;display:flex}.modal-item-info strong{color:var(--text-primary);font-size:13px;font-weight:600}.modal-item-info span{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.modal-item-delete{background:var(--bg-elevated);border-left:1px solid var(--border);width:40px;color:var(--text-muted);justify-content:center;align-items:center;transition:all .15s;display:flex}.modal-item-delete:hover{background:var(--accent-red-dim);color:var(--accent-red)}.mobile-fabs{z-index:50;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:16px}@media (width>=900px){.mobile-fabs{display:none}}.fab{width:52px;height:52px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.fab:active{transform:scale(.93)}.fab--secondary{background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--text-secondary)}.fab--inspector{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;box-shadow:var(--shadow-glow-blue)}.sheet-backdrop{z-index:60;background:#00000080;animation:.2s fade-in;position:fixed;inset:0}.bottom-sheet{background:var(--bg-surface);border-top:1px solid var(--border-strong);border-radius:var(--radius-xl) var(--radius-xl) 0 0;z-index:70;flex-direction:column;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) slide-up;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}@media (width>=900px){.bottom-sheet{display:none}}.sheet-handle{background:var(--bg-active);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:12px auto 0}.sheet-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sheet-tabs{background:var(--bg-elevated);border-radius:var(--radius-sm);gap:4px;padding:3px;display:flex}.sheet-tab{color:var(--text-muted);border-radius:4px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.sheet-tab.active{background:var(--bg-hover);color:var(--text-primary)}.sheet-close{width:32px;height:32px;color:var(--text-muted);border-radius:var(--radius-sm);justify-content:center;align-items:center;transition:all .15s;display:flex}.sheet-close:hover{background:var(--bg-hover);color:var(--text-primary)}.sheet-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.sheet-tools{padding:14px 16px}.sheet-btn-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.sheet-tool-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 8px;transition:all .15s;display:flex}.sheet-tool-btn span{color:var(--text-primary);font-size:12px;font-weight:700}.sheet-tool-btn small{color:var(--text-muted);font-size:10px}.sheet-tool-btn--blue:hover,.sheet-tool-btn--blue:active{background:var(--accent-blue-dim);color:var(--accent-blue);border-color:#3b82f666}.sheet-tool-btn--green:hover,.sheet-tool-btn--green:active{background:var(--accent-green-dim);color:var(--accent-green);border-color:#10b98166}.sheet-preset-list{flex-direction:column;gap:6px;display:flex}.sheet-inspector{height:100%;overflow-y:auto}.sheet-inspector .inspector-panel{height:auto}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-active);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.canvas-container,.sidebar,.inspector-aside{-webkit-user-select:none;user-select:none}