:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b0e12;color:#e6edf3}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0e12}#app{display:flex;flex-direction:column;min-height:100vh}.header{padding:16px 24px;border-bottom:1px solid #1f2430;background:#0f131a}.title{font-size:20px;font-weight:600;margin-bottom:12px}.controls{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.control{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#8fa3bf;min-height:54px}#toneControl{min-width:160px;gap:4px}#toneControl.hidden{display:none}#toneControl .tone-title{font-size:12px;color:#8fa3bf}#toneFrequencyLabel.tone-inline{font-size:12px;color:#c7d2fe}.control select,.control input[type=range]{background:#0f131a;color:#e6edf3;border:1px solid #2a3342;border-radius:6px;padding:6px 8px;height:34px}button{border:none;border-radius:6px;padding:8px 14px;font-weight:600;cursor:pointer;height:34px;align-self:flex-end}button.primary{background:#3b82f6;color:#fff}button.secondary{background:#1f2937;color:#e6edf3}button.danger{background:#7f1d1d;color:#fee2e2}button.icon{background:#1f2937;color:#e6edf3;padding:8px 10px}button:disabled{opacity:.5;cursor:not-allowed}.main{flex:1;padding:20px 24px 32px;display:flex;flex-direction:column;gap:12px}#plot{width:100%;height:520px;border-radius:12px;background:#0f131a;border:1px solid #1f2430}.status{font-size:12px;color:#8fa3bf}.settings{padding:16px 24px;border-bottom:1px solid #1f2430;background:#111622}.settings.hidden{display:none}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-title{font-size:16px;font-weight:600}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1200px}.settings-card{background:#0f131a;border:1px solid #1f2430;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:160px}.card-title{font-size:13px;font-weight:600;color:#e6edf3}.divider{height:1px;background:#1f2430;margin:8px 0}.rms-indicator{width:22px;height:22px;border-radius:50%;background:#4b5563;border:2px solid #111827}.rms-indicator.ok{background:#22c55e}.rms-indicator.low{background:#9ca3af}.rms-indicator.high{background:#ef4444}.note{font-size:12px;color:#8fa3bf}.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#080b10bf;padding:20px;z-index:1000}.modal.hidden{display:none}.modal-card{width:min(760px,100%);max-height:min(90vh,760px);overflow:auto;background:#101723;border:1px solid #2a3342;border-radius:12px;padding:20px;box-shadow:0 20px 40px #00000073}.modal-title{margin:0 0 8px;font-size:22px}.modal-subtitle{margin:0 0 14px;color:#9cb0ca;font-size:14px}.modal-steps{margin:0;padding-left:20px;color:#dce6f2;font-size:14px;line-height:1.5;display:grid;gap:10px}.modal-note{margin:14px 0;color:#8fa3bf;font-size:12px}.modal-checkbox{display:inline-flex;align-items:center;gap:8px;color:#c7d2e5;font-size:13px}.modal-actions{margin-top:16px;display:flex;gap:10px}@media (max-width: 720px){.settings-grid{grid-template-columns:repeat(1,minmax(0,1fr))}.modal-actions{flex-direction:column}}