.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.stack{flex-direction:column;display:flex}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-12{gap:12px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;display:grid}@media (width<=640px){.grid-2{grid-template-columns:1fr}.hide-sm{display:none!important}}.center{text-align:center}.error-text{color:var(--danger);align-items:center;gap:6px;margin:6px 0 0;display:flex}.warn-text{color:var(--warning);align-items:center;gap:6px;display:flex}.link-btn{color:var(--brand);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link-btn:hover{text-decoration:underline}.badge-xs{padding:1px 6px;font-size:.62rem}.is-pressed{background:var(--brand-soft)!important;border-color:var(--brand)!important;color:var(--brand)!important}.app-root{margin-top:12px;position:relative}.app-root .card{padding:16px}@media (width>=768px){.app-root .card{padding:20px}}.spin{animation:.9s linear infinite spin;display:inline-flex}.spin svg{width:100%;height:100%}@keyframes spin{to{transform:rotate(360deg)}}.progress{background:var(--surface-3);border-radius:99px;flex:1;min-width:80px;height:6px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--brand), var(--accent));border-radius:99px;height:100%;transition:width .2s}.toggle{cursor:pointer;user-select:none;color:var(--text);align-items:center;gap:8px;font-size:.88rem;font-weight:500;display:inline-flex}.toggle input{opacity:0;width:1px;height:1px;position:absolute}.toggle-track{background:var(--border-strong);border-radius:99px;flex:none;width:36px;height:20px;transition:background .15s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.toggle input:checked+.toggle-track{background:var(--brand)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.toggle input:focus-visible+.toggle-track{box-shadow:var(--focus)}.toggle.is-disabled{opacity:.5;cursor:not-allowed}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;gap:14px;padding:clamp(28px,6vw,56px) 16px;transition:border-color .15s,background .15s;display:flex}.dropzone.is-over{border-color:var(--brand);background:var(--brand-soft)}.dz-icon{color:#fff;background:linear-gradient(135deg, var(--brand), var(--accent));width:64px;height:64px;box-shadow:0 8px 24px color-mix(in srgb, var(--brand) 35%, transparent);border-radius:18px;place-items:center;display:grid}.dz-title{margin:0;font-size:clamp(1.15rem,1vw + .9rem,1.45rem)}.dz-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.dz-convert-to{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.dz-convert-to label{color:var(--text-2);font-size:.95rem}.dz-convert-to .select{min-width:160px;font-weight:600}.dz-note{color:var(--text-3);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:620px;margin:0;font-size:.82rem;display:flex}.drop-overlay{z-index:80;background:color-mix(in srgb, var(--brand) 18%, transparent);backdrop-filter:blur(2px);pointer-events:none;place-items:center;display:grid;position:fixed;inset:0}.drop-overlay>div{background:var(--surface);border:2px dashed var(--brand);border-radius:var(--radius-lg);text-align:center;color:var(--brand);box-shadow:var(--shadow-lg);padding:32px 48px;font-weight:700}.drop-overlay svg{margin:0 auto 8px}.fl-toolbar,.fl-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.fl-toolbar{border-bottom:1px solid var(--border);padding-bottom:14px}.fl-convert .select{min-width:120px;font-weight:600}.fl-footer{border-top:1px solid var(--border);padding-top:14px}.fl-items{margin:0;padding:0;list-style:none}.fl-item{border-bottom:1px solid var(--border);grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 4px;display:grid}.fl-item:last-child{border-bottom:0}.fl-item.is-dragging{opacity:.4}.fl-item.status-done .fl-icon{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success)}.fl-item.status-error .fl-icon{background:color-mix(in srgb, var(--danger) 15%, transparent);color:var(--danger)}.fl-grip{color:var(--text-3);cursor:grab}.fl-icon{background:var(--brand-soft);width:38px;height:38px;color:var(--brand);border-radius:10px;place-items:center;display:grid}.fl-main{min-width:0}.fl-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.fl-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.fl-progress{align-items:center;gap:8px;margin-top:6px;display:flex}.fl-out{color:var(--text-3);align-items:center;gap:6px;display:flex}.fl-out .select{min-width:92px}.fl-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}@media (width<=720px){.fl-item{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon main main""icon out actions";row-gap:8px}.fl-grip{display:none}.fl-icon{grid-area:icon;align-self:start}.fl-main{grid-area:main}.fl-out{grid-area:out}.fl-actions{grid-area:actions}}.editor{flex-direction:column;gap:14px;display:flex}.editor-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.editor-title{flex-direction:column;flex:1;min-width:0;display:flex}.editor-title strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.editor-loading{min-height:240px;color:var(--text-2);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.editor-loading .progress{flex:none;width:240px}.waveform{flex-direction:column;gap:6px;display:flex}.waveform-canvas{border-radius:var(--radius);border:1px solid var(--border);background:var(--wave-bg);touch-action:none;height:clamp(150px,22vw,220px);position:relative;overflow:hidden}.waveform-canvas canvas{position:absolute;inset:0}.waveform-over{cursor:text;outline:none}.waveform-over:focus-visible{box-shadow:inset var(--focus)}.waveform-zoom{align-items:center;gap:8px;min-height:32px;display:flex}.wave-scroll{flex:1}.transport,.sel-bar,.export-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.play-btn{border-radius:50%;width:48px;height:48px}.play-btn svg{width:22px;height:22px}.time{font-variant-numeric:tabular-nums;margin-left:6px;font-size:1.05rem;font-weight:600}.transport-right{margin-left:auto}.spectrum{opacity:.9}.spectrum.is-idle{display:none}@media (width<=640px){.spectrum{display:none}}.sel-field{color:var(--text-3);align-items:center;gap:6px;font-size:.8rem;font-weight:600;display:inline-flex}.sel-field .input{font-variant-numeric:tabular-nums;width:108px}.edit-tools{scrollbar-width:thin;-webkit-overflow-scrolling:touch;gap:6px;padding:2px 2px 6px;display:flex;overflow-x:auto}.tool-btn{border:1px solid var(--border);background:var(--surface);min-width:64px;color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 8px 6px;font-size:.72rem;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.tool-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-primary:not(:disabled){color:var(--brand);border-color:color-mix(in srgb, var(--brand) 40%, var(--border))}.tool-accent:not(:disabled){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.regions-bar{border-radius:var(--radius);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip.is-active{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.chip-region{padding:0 4px 0 0}.chip-region.is-active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.chip-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px 4px 5px 12px;display:inline-flex}.chip-x{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:4px;display:grid}.chip-x:hover{background:var(--surface-3)}.dot{background:var(--success);border-radius:50%;width:6px;height:6px;display:inline-block}.fx{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:14px}.fx-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.fx-target{flex-direction:column;display:flex}.fx-preset{min-width:140px}.preset-chips{scrollbar-width:thin;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.fx-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;gap:4px;margin:4px -14px 0;padding:0 14px;display:flex;overflow-x:auto}.fx-tabs::-webkit-scrollbar{display:none}.fx-tab{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 12px;font-size:.86rem;font-weight:600;display:inline-flex}.fx-tab:hover{color:var(--text)}.fx-tab.is-active{color:var(--brand);border-bottom-color:var(--brand)}.dot-count{background:var(--brand);min-width:18px;height:18px;color:var(--brand-contrast);border-radius:99px;place-items:center;padding:0 5px;font-size:.7rem;display:inline-grid}.fx-sections{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:12px;padding-top:14px;display:grid}.fx-section{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:12px 14px 14px;transition:border-color .15s,background .15s}.fx-section.is-on{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));background:color-mix(in srgb, var(--brand-soft) 35%, var(--surface))}.fx-section-head{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.fx-section-head .toggle{margin-top:2px}.fx-section-title{flex:1;min-width:0}.fx-section-title h3{flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:.95rem;display:flex}.fx-section-title p{color:var(--text-3);margin:2px 0 0;font-size:.8rem}.fx-section:not(.is-on) .fx-controls,.fx-section:not(.is-on) .eq{opacity:.72}.fx-controls{gap:12px;display:grid}.fx-extra{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.slider{flex-direction:column;gap:4px;display:flex}.slider.is-disabled{opacity:.5}.slider-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.slider-head label{color:var(--text-2);font-size:.82rem;font-weight:600}.slider-value{background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:text;text-align:right;border-radius:6px;min-width:56px;padding:1px 8px;font-size:.78rem;font-weight:600}.slider-edit{border:1px solid var(--brand);background:var(--surface);text-align:right;border-radius:6px;width:84px;height:24px;padding:0 6px;font-size:.8rem}.slider-help{color:var(--text-3);font-size:.75rem}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--brand) 0 var(--pct,50%), var(--surface-3) var(--pct,50%) 100%);border-radius:99px;height:5px}input[type=range]::-moz-range-track{background:var(--surface-3);border-radius:99px;height:5px}input[type=range]::-moz-range-progress{background:var(--brand);border-radius:99px;height:5px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--brand);background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6.5px;transition:transform .1s;box-shadow:0 1px 3px #00000040}input[type=range]::-moz-range-thumb{border:2px solid var(--brand);background:#fff;border-radius:50%;width:14px;height:14px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus)}input[type=range]:disabled{cursor:not-allowed}.wave-scroll::-webkit-slider-runnable-track,.eq-range::-webkit-slider-runnable-track{background:var(--surface-3)}.eq-bands{grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;gap:4px;display:grid}.eq-band{flex-direction:column;align-items:center;gap:4px;display:flex}.eq-range{writing-mode:vertical-lr;direction:rtl;width:22px!important;height:130px!important}.eq-range::-webkit-slider-runnable-track{width:5px;height:auto}.eq-range::-webkit-slider-thumb{margin-top:0;margin-left:-6.5px}.eq-val{color:var(--text-2);font-size:.68rem;font-weight:600}.eq-freq{color:var(--text-3);font-size:.7rem;font-weight:600}.export-bar{border-top:1px solid var(--border);padding-top:14px}.export-bar .select{min-width:120px;font-weight:600}.export-actions{margin-left:auto}.export-progress{flex-direction:column;gap:6px;min-width:240px;display:flex}.panel-view{flex-direction:column;gap:12px;display:flex}.pv-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pv-head h2{align-items:center;gap:8px;margin:0;font-size:1.2rem;display:flex}.pv-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:6px;padding-top:14px;display:flex}.merge-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.merge-list li{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:10px;padding:8px 10px;display:flex}.merge-n{background:var(--brand);width:26px;height:26px;color:var(--brand-contrast);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.merge-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.mix-tracks{gap:12px;display:grid}.mix-track{border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.mix-track.is-muted{opacity:.55}.mix-track-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.mix-track-head strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.mix-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 18px;display:grid}.recorder .rec-body{flex-direction:column;align-items:center;gap:18px;padding:24px 0;display:flex}.rec-time{letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:800}.rec-time.is-live{color:var(--danger)}.meter{background:var(--surface-3);border-radius:99px;width:min(420px,100%);height:10px;overflow:hidden}.meter-bar{background:linear-gradient(90deg, var(--success), var(--warning));height:100%;transition:width 60ms}.meter-bar.is-hot{background:linear-gradient(90deg, var(--warning), var(--danger))}.rec-btn{gap:10px}.rec-dot{background:var(--danger);width:14px;height:14px;box-shadow:0 0 0 4px color-mix(in srgb, var(--danger) 25%, transparent);border-radius:50%}.radio{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;font-size:.92rem;font-weight:500;display:flex}.modal-backdrop{z-index:100;background:#05080f8c;place-items:center;padding:16px;animation:.15s fade;display:grid;position:fixed;inset:0}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);flex-direction:column;animation:.18s pop;display:flex;padding:0!important}.modal-wide{width:min(820px,100%)}.modal-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 8px;display:flex}.modal-head h2{margin:0;font-size:1.1rem}.modal-body{padding:8px 20px 16px;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.out-settings .est{align-items:center;gap:6px;margin:14px 0 0;display:flex}.tag-editor{border-top:1px solid var(--border);margin-top:16px;padding-top:12px}.tag-editor summary{cursor:pointer;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;display:flex}.upgrade-hero{align-items:center;gap:12px;margin-bottom:12px;display:flex}.upgrade-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;display:grid}.upgrade-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin:0 0 16px;padding:0;list-style:none;display:grid}.upgrade-list li{color:var(--text-2);align-items:flex-start;gap:8px;font-size:.88rem;display:flex}.upgrade-list svg{color:var(--success);flex:none;margin-top:2px}.upgrade-prices{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:12px;display:grid}.price-opt{border-radius:var(--radius);border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;display:flex}.price-opt.is-selected{border-color:var(--brand);background:var(--brand-soft)}.price-opt-label{align-items:center;gap:6px;font-weight:600;display:flex}.price-opt-price{letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.toasts{z-index:110;flex-direction:column;gap:8px;max-width:min(440px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);align-items:center;gap:10px;padding:10px 10px 10px 14px;font-size:.88rem;animation:.2s pop;display:flex}.toast>span{flex:1}.toast-success>svg{color:var(--success)}.toast-error>svg{color:var(--danger)}.toast-pro>svg{color:var(--pro)}.toast-info>svg{color:var(--brand)}.pro-nudge{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--pro) 40%, var(--border));background:color-mix(in srgb, var(--pro-soft) 55%, var(--surface));flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;padding:14px 16px;display:flex}.pro-nudge>div{flex:1;min-width:200px}.pro-nudge p{margin:2px 0 0}.pro-nudge-icon{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.account{gap:16px;display:grid}.account .card{padding:20px}.otp-input{letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;max-width:220px;height:48px;font-size:1.3rem}
