:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#071014;--bg-elevated:#09181ecc;--panel:#0d1d23e6;--panel-strong:#112329f5;--panel-outline:#76b0b22e;--text:#eef6f3;--text-muted:#a2bab5;--accent:#57bfb6;--accent-warm:#ff8a57;--danger:#ff6f75;--shadow:0 28px 80px #0000006b;font-family:Avenir Next,Segoe UI Variable,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--text);background:linear-gradient(#081116 0%,#04080b 100%);margin:0}button,input{font:inherit}button{cursor:pointer;border:none}#root{min-height:100vh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(100%,1440px);min-height:100vh;margin:0 auto;padding:3px;position:relative;overflow:hidden}.panel-card--dragging:after{content:"Drop audio to load it";color:#fff8ea;letter-spacing:.18em;text-transform:uppercase;z-index:5;pointer-events:none;background:#040c10c7;border:2px dashed #fff2d88c;border-radius:1.3rem;place-items:center;display:grid;position:absolute;inset:1rem}.app-shell__glow{display:none}.app-shell__glow--left{background:#57bfb69e;top:-8rem;left:-10rem}.app-shell__glow--right{background:#ff8a5785;top:8rem;right:-12rem}.topbar,.panel-card{border:1px solid var(--panel-outline);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:0;box-shadow:var(--shadow);background:linear-gradient(#0f2127eb,#081419f0);border-radius:1.6rem;position:relative}.topbar{align-items:center;gap:1rem;margin-bottom:1.4rem;padding:1.5rem 1.6rem;display:grid}.topbar h1,.panel-card__header h2{letter-spacing:.01em;margin:.15rem 0 0;font-family:Avenir Next Condensed,Trebuchet MS,sans-serif;font-size:clamp(1.5rem,2vw,2.2rem);line-height:1.05}.topbar__actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0;font-size:.72rem}.layout-grid{gap:1.35rem;display:grid}.layout-grid>*{min-width:0}.layout-grid__bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;display:grid}.layout-grid__bottom>*{min-width:0}.panel-card{padding:1.4rem}.panel-card--waveform{min-height:0;padding:1.2rem}.panel-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.panel-card__header--spaced{margin-top:1.75rem}.panel-card__header-stack{justify-items:end;gap:.45rem;display:grid}.panel-card__header-stack--wide{width:min(100%,32rem)}.panel-card__header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.metric-cluster,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.metric-cluster strong,.stat-card strong{font-size:1.12rem;display:block}.metric-label,.minor-copy{color:var(--text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.8rem}.status-pill{color:#fdf4de;background:#fff8e714;border-radius:999px;align-items:center;max-width:26rem;padding:.8rem 1rem;font-size:.92rem;display:inline-flex}.panel-card--waveform .status-pill{padding:.68rem .92rem;font-size:.88rem}.button{color:var(--text);background:#fff8e714;border-radius:999px;padding:.78rem 1rem;transition:transform .18s,background .18s}.button:hover:not(:disabled){background:#fff8e721;transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#071014;background:linear-gradient(135deg,#57bfb6f0,#ff8a57eb);font-weight:700}.waveform-surface{gap:1rem;min-width:0;display:grid}.waveform-stage{background:linear-gradient(#09181efa,#050e12f2),repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 48px);border:1px solid #76b0b229;border-radius:1.2rem;min-width:0;min-height:22rem;padding:1rem;position:relative;overflow:hidden}.waveform-stage--empty{place-items:center;display:grid}.waveform-stage__placeholder{text-align:center;color:var(--text-muted);place-items:center;padding:2rem;display:grid;position:absolute;inset:0}.waveform-stage__placeholder p{margin:.2rem 0}.waveform-stage__canvas{min-width:0;min-height:16rem;overflow:hidden}.waveform-stage__timeline{min-width:0;margin-top:.75rem;overflow:hidden}.transport-strip,.control-stack{gap:1rem;display:grid}.control-stack--compact{margin-bottom:0}.control-stack--waveform{margin-top:1.2rem}.control-stack--dense{gap:.75rem}.transport-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.2rem}.transport-strip__section,.stat-card{background:#fff8e70a;border:1px solid #76b0b224;border-radius:1rem;padding:1rem}.stat-grid--wide{grid-template-columns:repeat(5,minmax(0,1fr))}.transport-strip__section--summary{flex-direction:column;justify-content:center;display:flex}.slider-label,.slider-field span,.input-field span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.55rem;font-size:.82rem;display:block}input[type=range]{width:100%;accent-color:var(--accent-warm)}.preset-row,.button-row{flex-wrap:wrap;gap:.6rem;display:flex}.button-row--transport{align-items:center;gap:.5rem;min-width:0}.transport-metrics{flex-wrap:wrap;justify-content:flex-end;gap:.55rem;margin-left:auto;display:flex}.transport-metric{background:#fff8e70a;border:1px solid #76b0b224;border-radius:.9rem;min-width:5.5rem;padding:.58rem .78rem}.panel-card--waveform .button{padding:.68rem .92rem}.panel-card--waveform .transport-metric{padding:.5rem .72rem}.panel-card--waveform .transport-metric strong{font-size:.92rem}.transport-metric strong{font-size:.96rem;line-height:1.1;display:block}.transport-metric .metric-label{margin-bottom:.34rem;font-size:.68rem;display:block}.preset-chip{color:var(--text);background:#fff8e712;border-radius:999px;padding:.42rem .72rem}.preset-chip--active{color:#dbfffa;background:#57bfb62e}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.input-field input{width:100%;color:var(--text);background:#02090d99;border:1px solid #76b0b229;border-radius:.95rem;padding:.82rem .92rem}.slider-field,.empty-state{background:#fff8e70a;border:1px solid #76b0b21f;border-radius:1rem;padding:.9rem 1rem}.panel-card--controls{padding:1.2rem}.panel-card--suggestions{min-height:0;max-height:var(--controls-card-height);flex-direction:column;display:flex}.panel-card--controls .slider-field{padding:.78rem .9rem}.panel-card--controls .preset-row{gap:.45rem}.helper-icon{width:1.9rem;height:1.9rem;color:var(--text-muted);cursor:help;-webkit-user-select:none;user-select:none;background:#fff8e70d;border:1px solid #76b0b22e;border-radius:999px;outline:none;place-items:center;font-size:.9rem;font-weight:700;line-height:1;display:inline-grid;position:relative}.helper-icon:after{content:attr(data-tooltip);width:min(22rem,70vw);color:var(--text);letter-spacing:.01em;text-transform:none;white-space:normal;opacity:0;pointer-events:none;z-index:4;background:#081217fa;border:1px solid #76b0b233;border-radius:.9rem;padding:.75rem .85rem;font-size:.82rem;font-weight:400;line-height:1.45;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .6rem);right:0;transform:translateY(4px);box-shadow:0 18px 40px #00000059}.helper-icon:before{content:"";opacity:0;pointer-events:none;z-index:3;background:#081217fa;border-bottom:1px solid #76b0b233;border-right:1px solid #76b0b233;width:.7rem;height:.7rem;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .2rem);right:.6rem;transform:rotate(45deg)translateY(4px)}.helper-icon:hover:after,.helper-icon:hover:before,.helper-icon:focus-visible:after,.helper-icon:focus-visible:before{opacity:1;transform:translateY(0)}.helper-icon:focus-visible{border-color:#ff8a576b;box-shadow:0 0 0 3px #ff8a571f}.mode-chip{color:#d7fffb;letter-spacing:.12em;text-transform:uppercase;background:#57bfb624;border-radius:999px;padding:.4rem .72rem;font-size:.76rem}.mode-chip--custom{color:#ffe4d6;background:#ff8a5729}.status-chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.status-chip{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;background:#fff8e70a;border:1px solid #76b0b21f;border-radius:999px;padding:.34rem .68rem;font-size:.76rem}.segment-list{flex:1;gap:.8rem;min-height:0;margin-top:.9rem;padding-right:.3rem;display:grid;overflow:auto}.segment-card{text-align:left;color:var(--text);background:#fff8e70a;border:1px solid #76b0b224;border-radius:1rem;padding:.9rem 1rem;transition:border-color .18s,transform .18s,background .18s;display:block}.segment-card:hover{border-color:#ff8a5773;transform:translateY(-1px)}.segment-card--active{background:#ff8a5714;border-color:#ff8a5794}.segment-card__label{font-size:.94rem;line-height:1.45}@media (width<=1200px){.transport-strip{grid-template-columns:1fr}.stat-grid--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-metrics{justify-content:flex-start;margin-left:0}.layout-grid__bottom{grid-template-columns:1fr}.panel-card--suggestions{max-height:none}}@media (width<=720px){.app-shell{padding:3px}.topbar,.panel-card{padding:1rem}.field-grid,.metric-cluster,.stat-grid{grid-template-columns:1fr}.panel-card__header-stack,.panel-card__header-stack--wide{justify-items:start;width:100%}.panel-card__header-actions{justify-content:flex-start}.helper-icon:after{left:0;right:auto}.helper-icon:before{left:.6rem;right:auto}}