@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=JetBrains+Mono:wght@400&display=swap";:root{--bg: #0e1014;--panel: #151922;--border: #2a3040;--border-bright: #3a4255;--text: #e8ebf0;--text-muted: #8b93a5;--accent: #7ec8ff;--accent-dim: #4a8fc7;--input-bg: #0a0c10}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);background-image:radial-gradient(ellipse 120% 80% at 20% 0%,rgba(60,100,160,.12),transparent 50%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(100,60,120,.08),transparent 45%);color:var(--text);font-family:DM Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh}button:disabled,input:disabled,select:disabled{opacity:.45;cursor:not-allowed}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}a{color:var(--accent)}code{font-family:JetBrains Mono,monospace;font-size:.88em}.app{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem 3rem;min-height:100vh}.app-header h1{font-family:DM Sans,system-ui,sans-serif;font-weight:600;font-size:1.65rem;letter-spacing:-.02em;margin:0 0 .35rem;color:var(--text)}.app-header p{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.5;max-width:56ch}.app-header-safety{margin-top:.5rem!important;font-size:.82rem!important;opacity:.9}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem;margin-top:1rem}.panel h2{margin:0 0 .75rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:600}.dropzone{border:1px dashed var(--border-bright);border-radius:8px;padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem;transition:border-color .2s,background .2s}.dropzone:hover{border-color:var(--accent-dim);background:#64b4ff0a}.dropzone code{color:var(--accent);font-size:.85em}.waveform-wrap{margin-top:.5rem}.waveform-hint{font-size:.8rem;color:var(--text-muted);margin:0 0 .5rem}.waveform-canvas{border-radius:6px;overflow:hidden;border:1px solid var(--border)}.preset-row{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.preset-btn{font-size:.78rem;padding:.45rem .6rem;border-radius:6px;border:1px solid var(--border);background:#00000040;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.preset-btn:hover{background:#64c8ff1f;border-color:var(--accent-dim)}.preset-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.zones-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.btn{font-size:.8rem;padding:.45rem .75rem;border-radius:6px;border:1px solid var(--border);background:#ffffff0d;color:var(--text);cursor:pointer}.btn:hover{background:#ffffff1a}.btn-primary{background:linear-gradient(180deg,#5096dc59,#3264b440);border-color:var(--accent-dim)}.zones-list{display:flex;flex-direction:column;gap:.6rem}.zone-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem .75rem;padding:.65rem .75rem;background:#00000038;border:1px solid var(--border);border-radius:6px;border-left:3px solid var(--zone-accent, #7ec8ff);align-items:end}.zone-card label{display:flex;flex-direction:column;gap:.2rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.zone-card input,.zone-card select{font-size:.8rem;padding:.3rem .4rem;border-radius:4px;border:1px solid var(--border);background:var(--input-bg);color:var(--text)}.zone-actions{display:flex;gap:.4rem;flex-wrap:wrap;align-items:flex-end}.playback-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:.75rem}.time-readout{font-family:JetBrains Mono,Consolas,monospace;font-size:.85rem;color:var(--accent);min-width:8.5ch}.slider{flex:1;min-width:120px;max-width:360px}.mixer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:.5rem;font-size:.85rem}.mixer-grid label{display:flex;align-items:center;gap:.5rem;color:var(--text-muted)}.fulltrack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.6rem;align-items:end;margin-top:.5rem}.fulltrack-grid label,.export-actions label{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.fulltrack-grid input,.fulltrack-grid select,.export-actions input,.export-actions select{font-size:.8rem;padding:.35rem .4rem;border-radius:4px;border:1px solid var(--border);background:var(--input-bg);color:var(--text)}.warn-banner{background:#c8a0501f;border:1px solid rgba(200,160,80,.35);color:#d4b896;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;margin-top:.6rem}.disclaimer{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;line-height:1.45;max-width:70ch}.vocal-top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem}.vocal-snap-row,.vocal-asset-actions{display:flex;flex-wrap:wrap;gap:.6rem 1rem;align-items:center;font-size:.85rem;color:var(--text-muted)}.vocal-timeline-outer{margin:.75rem 0 .25rem}.vocal-timeline-ruler{position:relative;height:1.1rem;font-size:.65rem;color:var(--text-muted)}.ruler-tick{position:absolute;transform:translate(-50%)}.vocal-timeline-lane{position:relative;height:40px;background:#00000059;border:1px solid var(--border);border-radius:6px;margin-top:.25rem;overflow:hidden}.vocal-clip{position:absolute;top:2px;bottom:2px;min-width:4px;border-radius:4px;border:1px solid rgba(0,0,0,.35);cursor:grab;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#111;-webkit-user-select:none;user-select:none}.vocal-clip--active{box-shadow:0 0 0 1px var(--accent);z-index:2}.vocal-clip--muted{opacity:.45;filter:grayscale(.4)}.vocal-clip-lbl{pointer-events:none;text-transform:uppercase;letter-spacing:.05em;font-weight:600;opacity:.7}.vocal-clip-resize{position:absolute;top:0;bottom:0;width:7px;border:none;padding:0;margin:0;background:#00000040;cursor:ew-resize;z-index:3}.vocal-clip-resize--L{left:0;border-radius:4px 0 0 4px}.vocal-clip-resize--R{right:0;border-radius:0 4px 4px 0}.vocal-clip-card{margin-top:.9rem;padding:.75rem;background:#00000040;border:1px solid var(--border);border-radius:6px}.vocal-clip-h{margin:0 0 .5rem;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.vocal-clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.4rem .6rem;align-items:end;font-size:.75rem}.vocal-clip-grid label{display:flex;flex-direction:column;gap:.2rem;color:var(--text-muted)}.vocal-clip-grid input,.vocal-clip-grid select{font-size:.8rem;padding:.3rem .35rem;border:1px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:4px}.vocal-clip-btns{display:flex;gap:.4rem;margin-top:.5rem}.vocal-asset-sel{min-width:200px;font-size:.8rem;padding:.35rem;border-radius:4px;background:var(--input-bg);color:var(--text);border:1px solid var(--border)}.app-tabs{display:flex;gap:.35rem;margin:.5rem 0 .25rem;padding:.25rem;background:var(--panel);border:1px solid var(--border);border-radius:10px;max-width:1200px;margin-left:auto;margin-right:auto}.app-tab{flex:1;min-height:2.4rem;font-size:.88rem;font-weight:600;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;padding:.45rem .9rem}.app-tab:hover{color:var(--text);background:#64b4ff14}.app-tab--active{color:var(--text);background:#64b4ff26;border-color:var(--border-bright)}.spectrogram-wrap{position:relative;margin-top:.5rem}.spectrogram-y-label{position:absolute;right:.2rem;top:.25rem;bottom:.25rem;display:flex;flex-direction:column;justify-content:space-between;font-size:.65rem;color:var(--text-muted);pointer-events:none;z-index:1}.spectrogram-canvas{width:100%;max-height:200px;object-fit:fill;border:1px solid var(--border);border-radius:6px}.fd-panel .fd-error{color:#e88;font-size:.85rem}.fd-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.fd-markers{display:flex;flex-direction:column;gap:.5rem}.fd-marker-block{border:1px solid var(--border);border-radius:6px;padding:.45rem .55rem;background:#0000001f}.fd-marker-chip{display:block;width:100%;text-align:left;background:none;border:none;color:var(--accent);font-size:.85rem;cursor:pointer;margin-bottom:.35rem}.fd-marker-row{display:flex;flex-wrap:wrap;gap:.4rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.fd-table{width:100%;border-collapse:collapse;font-size:.8rem}.fd-table th,.fd-table td{border-bottom:1px solid var(--border);padding:.4rem .35rem;text-align:left;vertical-align:top}.fd-table th{color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.fd-row--sel{background:#64b4ff1a}.fd-disclaimer-block{font-size:.82rem;color:var(--text-muted);line-height:1.45;padding:.6rem .75rem;border:1px solid var(--border);border-radius:6px;background:#00000026;margin:0 0 .75rem}@media (max-width: 600px){.app{padding:.9rem .8rem 2rem}.zone-card{grid-template-columns:1fr 1fr}}.harmony-panel{display:flex;flex-direction:column;gap:1rem}.harmony-lead{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.harmony-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0}.harmony-field{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem}.harmony-field input[type=text],.harmony-field input[type=file],.harmony-field textarea,.harmony-field select{font:inherit;padding:.45rem .55rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.harmony-check{flex-direction:row;align-items:center;gap:.5rem;align-self:end}.harmony-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.harmony-actions button.harmony-primary{background:var(--accent);color:#111;font-weight:600}.harmony-meta{font-size:.85rem;color:var(--text-muted)}.harmony-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.5rem}.harmony-table th,.harmony-table td{border:1px solid var(--border);padding:.35rem .5rem;text-align:left}.harmony-table th{background:#ffffff0a}.harmony-error{color:#e88;font-size:.85rem}.harmony-verify-ok{margin-top:1rem;padding:.75rem;border-radius:6px;border:1px solid #3a6;background:#32b45014}.harmony-verify-fail{margin-top:1rem;padding:.75rem;border-radius:6px;border:1px solid #a44;background:#c83c3c14}.harmony-execution-preview{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.harmony-execution-preview h3{margin:0 0 .35rem}.harmony-preview-note{font-size:.82rem;color:var(--text-muted);margin:0 0 .75rem}.harmony-preview-dl{display:grid;gap:.65rem;margin:0 0 1rem;font-size:.85rem}.harmony-preview-dl dt{font-weight:600;color:var(--text-muted);margin-bottom:.15rem}.harmony-preview-dl dd{margin:0}.harmony-preview-list{margin:0;padding-left:1.1rem}.harmony-preview-summary{font-size:.88rem;line-height:1.45;color:var(--text-muted);margin:0 0 .75rem}.harmony-json-preview{font-size:.75rem;overflow-x:auto;max-height:240px;padding:.5rem;background:#0003;border-radius:4px}.harmony-action-queue,.harmony-demo-presets{margin:1.25rem 0;padding:1rem 0;border-top:1px solid var(--border)}.harmony-demo-presets h3{margin:0 0 .35rem}.harmony-safety-note{border-left:3px solid var(--accent, #3d9cf0);padding-left:.65rem}.harmony-demo-preset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.harmony-demo-preset-card{padding:.75rem;border:1px solid var(--border);border-radius:8px;background:#00000026}.harmony-demo-preset-card strong{display:block;margin-bottom:.35rem}.harmony-demo-preset-card .btn{margin-top:.5rem}.harmony-compact{font-size:.7rem;word-break:break-all}.harmony-test-bench{margin-top:1rem}.harmony-grade{margin-top:1rem;padding:.75rem;border-radius:6px;border:1px solid var(--border)}.harmony-grade--excellent{border-color:#3a6;background:#32b4501a}.harmony-grade--good{border-color:#6a3;background:#78b43c14}.harmony-grade--weak{border-color:#a80;background:#c8a0281a}.harmony-grade--failed{border-color:#a44;background:#c83c3c14}.harmony-ffmpeg-log{font-size:.65rem;max-height:80px;overflow:auto;opacity:.7;margin:.25rem 0}.harmony-listener-panel .harmony-listener-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.harmony-listener-status{margin-bottom:1rem}.harmony-listener-meter{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.harmony-listener-meter meter{flex:1;height:1.25rem}.harmony-listener-last,.harmony-listener-table,.harmony-listener-log{margin-top:1.5rem}.harmony-reliability-panel .harmony-reliability-hint{margin:.75rem 0 1rem;padding:.75rem;border-radius:6px;background:#ffffff08;border:1px solid var(--border)}.harmony-reliability-scenarios{margin-top:1.5rem;font-size:.9rem}.harmony-reliability-scenarios ul{margin:.5rem 0 0;padding-left:1.25rem}.harmony-inspector-panel .harmony-inspector-packet-detail{margin:.5rem 0;padding:.5rem;border:1px solid var(--border);border-radius:4px}.harmony-inspector-compat{margin-top:.5rem}.harmony-decoded-message-panel{border:1px solid rgba(120,200,255,.35);background:#78c8ff0f;border-radius:6px;padding:1rem 1.1rem;margin-top:.25rem}.harmony-decoded-message-panel h3{margin:0 0 .5rem;font-size:.95rem;letter-spacing:.04em;text-transform:uppercase;color:#78c8fff2}.harmony-decoded-message-panel p{margin:0;line-height:1.55;font-size:1.02rem}.harmony-decoded-message-panel .harmony-meta{margin-top:.65rem}.harmony-inspector-panel .harmony-candidate-section{opacity:.85;margin-top:1rem}.harmony-encode-steps{margin:.35rem 0 .5rem;padding-left:1.35rem;line-height:1.55}.harmony-encode-steps li{margin:.25rem 0}.harmony-queue-setup-help{border:1px solid rgba(120,200,255,.35);background:#78c8ff12;border-radius:6px;padding:.85rem 1rem;margin:.75rem 0 1rem;line-height:1.5}.harmony-queue-setup-help p{margin:0 0 .5rem}.harmony-example-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.35rem}@media (max-width: 700px){.harmony-grid{grid-template-columns:1fr}}.public-page{display:flex;flex-direction:column;gap:1rem}.public-hero h2{margin:.25rem 0 .75rem;font-size:1.5rem}.public-eyebrow{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted, #8b9cb0)}.public-lead{font-size:1.05rem;color:var(--text, #e8eef4)}.public-tagline{font-weight:600;color:var(--accent, #3d9cf0)}.public-bullets{margin:.75rem 0 1rem;padding-left:1.25rem;line-height:1.5}.public-cta-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.public-process h3{margin:0 0 .5rem}.public-steps{margin:0 0 1rem;padding-left:1.25rem;display:grid;gap:.5rem}.public-steps li{display:flex;flex-direction:column;gap:.15rem}.public-flow-chain{display:flex;flex-wrap:wrap;gap:.35rem .5rem;font-size:.82rem;color:var(--text-muted, #8b9cb0);padding:.75rem;border:1px solid var(--border, #2a3544);border-radius:8px;background:#00000026}.public-flow-item{display:inline-flex;align-items:center;gap:.35rem}.public-flow-arrow{opacity:.6}.public-inspector-summary{display:grid;gap:.5rem;font-size:.9rem}.public-inspector-summary dt{font-weight:600;color:var(--text-muted, #8b9cb0)}.public-inspector-summary dd{margin:0 0 .5rem}.public-encode-success{margin-top:1rem;padding:.75rem 1rem;border-radius:8px;border:1px solid var(--ok, #3ecf8e);background:#3ecf8e14;color:var(--ok, #3ecf8e)}