:root{--bg:#07131c;--bg-soft:#0f2532;--panel:#091c27d1;--panel-soft:#0c222ebf;--line:#91abb83d;--text:#ecf5f9;--muted:#93adba;--accent:#f3b258;--accent-strong:#ffd297;--accent-2:#3fd2bc;--danger:#ff9a92}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 13% 12%,#3fd2bc2e,#0000 42%),radial-gradient(circle at 90% 86%,#f3b2582e,#0000 42%),linear-gradient(150deg,#060e14,#12313f 58%,#0d2430);font-family:Space Grotesk,Avenir Next,Trebuchet MS,sans-serif;overflow:auto}.layout-shell{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#06151db8;border-radius:26px;grid-template-columns:minmax(260px,20%) 1fr;width:min(1760px,99vw);height:auto;min-height:min(96vh,980px);margin:1vh auto;animation:.52s ease-out both rise;display:grid;overflow:hidden;box-shadow:0 36px 88px #0006}.tool-nav{border-right:1px solid var(--line);background:linear-gradient(160deg,#0a1a23f2,#08131ae6);flex-direction:column;gap:20px;padding:14px 10px;display:flex;overflow-y:auto}.tool-nav-title{border:1px solid var(--line);background:#08161db3;border-radius:16px;padding:14px}.tool-nav-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-2);margin:0 0 8px;font-size:11px}.tool-nav-title h1{margin:0;font-family:Syne,Space Grotesk,sans-serif;font-size:clamp(1.3rem,2.2vw,1.7rem)}.tool-tab-list{gap:10px;display:grid}.tool-tab{appearance:none;border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#091821b8;border-radius:14px;gap:5px;padding:13px 14px;text-decoration:none;transition:transform .17s,border-color .17s,background-color .17s,box-shadow .22s;display:grid}.tool-tab:hover,.tool-tab:focus-visible{border-color:#3fd2bc85;transform:translateY(-1px)}.tool-tab.active{background:linear-gradient(130deg,#223f4acc,#0f222de6);border-color:#f3b25899;box-shadow:0 10px 24px #00000040}.tool-tab-label{font-size:1rem;font-weight:700}.tool-tab-hint{color:var(--muted);font-size:.82rem}.workspace{grid-template-rows:auto 1fr auto;gap:8px;min-width:0;padding:8px 8px 6px;display:grid;overflow-y:auto}.workspace-topbar{border:1px solid var(--line);background:var(--panel-soft);border-radius:16px;grid-template-columns:1fr auto;align-items:center;padding:12px 14px;display:grid;display:none!important}.project-name-input{border:1px solid var(--line);width:100%;color:var(--text);background:#08171fb3;border-radius:10px;padding:8px 10px;font-family:inherit;font-size:14px;font-weight:600}.project-name-input:focus{background:#0c1f298f;border-color:#f3b25885;outline:none}.topbar-right{justify-content:flex-end;display:flex}.primary-btn,.ghost-btn{cursor:pointer;border:1px solid #0000;border-radius:11px;padding:10px 14px;font-family:inherit;font-weight:600}.primary-btn{background:linear-gradient(112deg, var(--accent), var(--accent-strong));color:#17252f}.ghost-btn{color:#f5dfbf;background:0 0;border-color:#f3b25875}.icon-btn{color:#f5dfbf;cursor:pointer;background:0 0;border:1px solid #f3b25875;border-radius:11px;place-items:center;width:42px;height:42px;padding:0;display:inline-grid}.icon-btn span{font-size:20px;line-height:1}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.danger-btn{color:#ffd4d0;border-color:#ff9a9294}.danger-btn:hover,.danger-btn:focus-visible{background:#ff9a921f}.empty-state{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:10px;padding:12px;display:grid}.tool-info-card{border:1px solid var(--line);background:#08161eb8;border-radius:16px;width:min(860px,100%);padding:14px 16px}.tool-info-kicker{color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:11px}.tool-info-title{margin:0;font-family:Syne,Space Grotesk,sans-serif;font-size:clamp(1.05rem,2.2vw,1.32rem)}.tool-info-body{color:var(--muted);margin:8px 0 10px}.tool-info-steps{color:#d2e4ec;gap:4px;margin:0;padding-left:18px;font-size:13px;display:grid}.empty-drop-zone{text-align:center;cursor:pointer;background:#0918219e;border:1px dashed #93adba80;border-radius:18px;width:min(760px,100%);padding:clamp(26px,8vw,56px) 20px;transition:border-color .17s,transform .17s,background-color .17s}.empty-drop-zone:hover,.empty-drop-zone:focus-visible,.empty-drop-zone.drag-active{background:#0e2732b8;border-color:#3fd2bcbf;transform:translateY(-1px)}.empty-title{margin:0 0 8px;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:700}.empty-subtitle{color:var(--muted);margin:0 0 18px}.file-workspace{border:1px solid var(--line);background:var(--panel);border-radius:18px;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:8px;min-height:0;padding:8px;display:grid}.workspace-main{gap:8px;min-width:0;min-height:0;display:grid}.file-workspace.show-empty .selected-file-bar,.file-workspace.show-empty .tool-panel{display:none!important}.selected-file-bar{border:1px solid var(--line);background:#08171fbd;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;padding:8px 10px;display:flex;overflow:hidden}.selected-file-copy{flex:auto;min-width:0;overflow:hidden}.selected-file-label{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px}.selected-file-name{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 1px;font-size:1rem;font-weight:700;display:-webkit-box;overflow:hidden}.selected-file-meta{color:var(--muted);margin:0;font-size:12px}.selected-file-actions{flex-wrap:nowrap;flex:none;gap:8px;margin-left:auto;display:flex}.project-sidebar{border:1px solid var(--line);background:#08171fb8;border-radius:14px;grid-template-rows:auto 1fr;width:100%;min-width:0;min-height:0;display:grid;overflow:hidden}.project-tab{border:0;border-bottom:1px solid var(--line);color:#f6e3c4;letter-spacing:.08em;text-transform:uppercase;text-align:left;background:#0a1d27e6;width:100%;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:700}.project-tab-body{align-content:start;gap:10px;min-width:0;padding:10px;display:grid;overflow-y:auto}.project-name-field{gap:6px;display:grid}.project-name-field span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}#saveProjectBtn{width:100%}.project-files-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-files-head p{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.project-files-head .ghost-btn{padding:7px 10px;font-size:12px}.project-file-list{gap:6px;min-width:0;display:grid}.project-file-item{border:1px solid var(--line);background:#07141bad;border-radius:10px;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0;padding:6px;transition:border-color .17s,transform .17s;display:grid}.project-file-item:hover{border-color:#3fd2bc94;transform:translateY(-1px)}.project-file-item.active{background:#1d343fc7;border-color:#f3b258b8}.project-file-item.playing{box-shadow:inset 0 0 0 1px #3fd2bc80}.project-file-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;min-width:0;padding:2px;overflow:hidden}.project-file-select:focus-visible{border-radius:8px;outline:1px solid #3fd2bca6}.project-file-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0;font-size:13px;font-weight:600;overflow:hidden}.project-file-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}.project-file-play-btn{color:#f5dfbf;cursor:pointer;background:0 0;border:1px solid #f3b25875;border-radius:8px;flex-shrink:0;min-width:56px;padding:6px 8px;font-family:inherit;font-size:11px;font-weight:600}.project-file-play-btn:hover,.project-file-play-btn:focus-visible{border-color:#3fd2bc94}.project-empty-hint{color:var(--muted);margin:0;font-size:12px}.pending-output-card{background:#0a242db3;border:1px solid #3fd2bc73;border-radius:12px;gap:8px;padding:10px;display:grid}.pending-output-title{text-transform:uppercase;letter-spacing:.08em;color:#95efe0;margin:0;font-size:12px}.pending-output-label{color:#d8eaef;margin:0;font-size:13px}.pending-output-actions{gap:8px;display:flex}.pending-output-actions .primary-btn,.pending-output-actions .ghost-btn{padding:8px 10px;font-size:12px}.panel-control-row{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.spectrogram-control-row{grid-template-columns:auto 1fr}.spectrogram-actions{align-items:center;gap:8px;display:inline-flex}.panel-status{color:var(--muted);justify-self:end;margin:0;font-size:13px}.panel-status.success{color:#a0efcf}.panel-status.error{color:#ff9a92}.crop-control-row{grid-template-columns:auto auto minmax(78px,104px) auto minmax(78px,104px) auto minmax(84px,110px) auto auto;align-items:center}.crop-control-row label{color:var(--muted);font-size:12px}.filter-control-row{grid-template-columns:auto auto minmax(108px,130px) auto minmax(92px,120px) auto minmax(92px,120px) auto;align-items:center}.gain-control-row{grid-template-columns:auto auto minmax(92px,120px) auto minmax(92px,120px) auto;align-items:center}.convert-control-row{grid-template-columns:auto auto minmax(92px,120px) auto auto;align-items:center}.filter-control-row label,.gain-control-row label,.convert-control-row label{color:var(--muted);font-size:12px}.filter-control-row input,.filter-control-row select,.gain-control-row input,.gain-control-row select,.convert-control-row input,.convert-control-row select{border:1px solid var(--line);width:100%;color:var(--text);background:#07141bbf;border-radius:9px;padding:6px 8px;font-family:inherit;font-size:14px}.filter-control-row button,.gain-control-row button,.convert-control-row button{white-space:nowrap}.yt-control-row{grid-template-columns:auto minmax(260px,1fr) auto minmax(110px,130px) auto;align-items:center}.yt-control-row label{color:var(--muted);font-size:12px}.yt-control-row input,.yt-control-row select{border:1px solid var(--line);width:100%;color:var(--text);background:#07141bbf;border-radius:9px;padding:8px;font-family:inherit}.ytd-meta-row{grid-template-columns:minmax(140px,1.4fr) repeat(3,minmax(120px,1fr))}.filter-meta-row,.gain-meta-row,.convert-meta-row{grid-template-columns:repeat(4,minmax(120px,1fr))}.ytd-status{justify-self:start;font-size:13px}.filter-status,.gain-status,.convert-status{justify-self:start}.ytd-status.success{color:#a0efcf}.ytd-status.error{color:#ff9a92}.filter-status.success{color:#a0efcf}.filter-status.error{color:#ff9a92}.gain-status.success{color:#a0efcf}.gain-status.error{color:#ff9a92}.convert-status.success{color:#a0efcf}.convert-status.error{color:#ff9a92}.result-preview{border:1px solid var(--line);background:#08171f9e;border-radius:12px;gap:8px;padding:10px 12px;display:grid}.result-preview-title{color:var(--accent-2);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px}.result-preview-label{color:#d7e8ef;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.result-preview-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.crop-control-row input,.crop-control-row select{border:1px solid var(--line);width:100%;color:var(--text);background:#07141bbf;border-radius:9px;padding:6px 8px;font-family:inherit;font-size:14px}.crop-control-row button{white-space:nowrap}.meta-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.spectrogram-meta-row{grid-template-columns:repeat(4,minmax(120px,1fr))}.meta-row div{border:1px solid var(--line);background:#07141ba3;border-radius:10px;padding:8px 10px}.meta-row span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:10px;display:block}.meta-row strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.tool-panel{grid-template-rows:auto auto 1fr;gap:10px;min-height:0;display:none}.tool-panel.active{display:grid}.canvas-wrap{border:1px solid var(--line);background:#061118d1;border-radius:12px;min-height:0;padding:8px;position:relative}#waveCanvas,#cropCanvas{cursor:crosshair;background:linear-gradient(#061016f2,#091b24f7);border-radius:10px;width:100%;height:min(50vh,470px);display:block}#cropCanvas{height:min(44vh,420px)}#spectrogramCanvas{aspect-ratio:1.5;cursor:crosshair;background:linear-gradient(#061016f2,#091b24f7);border-radius:10px;width:100%;max-height:min(54vh,520px);display:block}.loading-overlay{opacity:0;pointer-events:none;background:#061016cc;border-radius:10px;align-content:center;place-items:center;gap:12px;transition:opacity .16s;display:grid;position:absolute;inset:8px}.canvas-shell.loading .loading-overlay{opacity:1;pointer-events:auto}.loading-spinner{border:3px solid #ffffff2e;border-top-color:var(--accent);border-radius:999px;width:34px;height:34px;animation:.8s linear infinite spin}.loading-overlay p{color:#e8f3f8;margin:0;font-size:13px}.legend{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.legend-bar{border:1px solid var(--line);background:linear-gradient(90deg,#04141e,#113d59,#3ca69c,#f8d257,#f25a3e);border-radius:999px;height:10px}.status-line{min-height:22px;color:var(--muted);margin:0;padding-inline:6px;font-size:13px}.status-line.success{color:#a0efcf}.status-line.error{color:#ff9a92}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.layout-shell{grid-template-columns:minmax(220px,28%) 1fr}.file-workspace{grid-template-columns:minmax(0,1fr) 260px}.crop-control-row,.filter-control-row,.gain-control-row{grid-template-columns:repeat(5,minmax(0,1fr))}.convert-control-row{grid-template-columns:repeat(4,minmax(0,1fr))}.yt-control-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.yt-control-row label,.filter-control-row label,.gain-control-row label,.convert-control-row label{display:none}.spectrogram-meta-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){body{overflow:auto}.layout-shell{border:0;border-radius:0;grid-template-columns:1fr;width:100%;height:auto;min-height:100vh;margin:0}.tool-nav{border-right:0;border-bottom:1px solid var(--line)}.tool-tab-list{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-tab-hint{display:none}.workspace{min-height:0}.tool-info-card{width:100%}.selected-file-bar{flex-direction:column;align-items:flex-start}.selected-file-copy{width:100%}.selected-file-actions{margin-left:0}.file-workspace{grid-template-columns:minmax(0,1fr) 240px}}@media (width<=640px){.tool-tab-list,.panel-control-row{grid-template-columns:1fr}.panel-status{justify-self:start}.crop-control-row,.filter-control-row,.gain-control-row,.convert-control-row{grid-template-columns:1fr 1fr}.yt-control-row,.filter-meta-row,.gain-meta-row,.convert-meta-row,.ytd-meta-row,.spectrogram-meta-row{grid-template-columns:1fr}}:root{--public-bg:#001717;--public-surface-lowest:#001111eb;--public-surface-low:#061f1fd1;--public-surface:#0b2323d6;--public-surface-high:#162e2edb;--public-surface-highest:#213939e6;--public-outline:#9c8f7833;--public-outline-strong:#04fbfb40;--public-text:#cde8e7;--public-muted:#d4c5ab;--public-muted-soft:#cde8e7a8;--public-amber:#ffbf00;--public-amber-soft:#ffe2ab;--public-cyan:#04fbfb;--public-cyan-dim:#0dd;--public-error:#ffb4ab;--public-shadow:0 24px 60px #0011115c}html{scroll-padding-top:32px}:where([id]){scroll-margin-top:32px}body,#app{min-height:100vh}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1em;font-style:normal;font-weight:400;line-height:1;display:inline-block}.public-page{min-height:100vh;position:relative;overflow:clip}.public-page:before,.public-page:after{content:"";pointer-events:none;z-index:0;filter:blur(120px);border-radius:999px;position:fixed;inset:auto}.public-page:before{background:#04fbfb14;width:320px;height:320px;top:12%;left:-120px}.public-page:after{background:#ffbf0014;width:340px;height:340px;bottom:10%;right:-120px}.public-navbar{z-index:30;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0414149e;border-bottom:1px solid #50453224;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 20px;display:flex;position:sticky;top:0;left:0;right:0;box-shadow:0 10px 24px #0011112e}.public-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.public-main,.public-footer{z-index:1;position:relative}.public-brand,.tool-card,.cta-button,.secondary-button,.tool-primary-action{text-decoration:none}.public-brand{color:#fff;letter-spacing:-.04em;white-space:nowrap;font-family:Syne,Space Grotesk,sans-serif;font-size:1.45rem;font-weight:800}.cta-button,.secondary-button,.tool-primary-action,.choice-chip,.upload-stage{transition:transform .18s,background-color .18s,border-color .18s,color .18s,box-shadow .18s}.cta-button,.tool-primary-action{color:#402d00;background:linear-gradient(135deg, var(--public-amber), var(--public-amber-soft));cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-flex;box-shadow:0 16px 36px #ffbf0029}.secondary-button{min-height:48px;color:var(--public-text);cursor:pointer;background:#162e2e59;border:1px solid #04fbfb38;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-family:Space Grotesk,sans-serif;font-weight:700;display:inline-flex}.cta-button:hover,.secondary-button:hover,.tool-primary-action:hover,.tool-card:hover,.choice-chip:hover,.upload-stage:hover{transform:translateY(-1px)}.secondary-button.compact,.tool-primary-action.compact{min-height:38px;padding:0 16px;font-size:.88rem}.public-main{width:min(1160px,100vw - 40px);margin:0 auto;padding:18px 0 16px}.public-footer{color:#cde8e78f;justify-content:center;align-items:center;width:min(1160px,100vw - 40px);margin:0 auto;padding:0 0 10px;font-family:Space Grotesk,sans-serif;font-size:.75rem;display:flex}.public-footer-copy{text-align:center;margin:0}.public-footer-links{flex-wrap:wrap;gap:18px;display:flex}.public-footer-links a{color:inherit;text-decoration:none}.public-footer-links a:hover{color:var(--public-amber)}.hero-kicker,.section-kicker,.control-kicker,.result-label,.mini-mode-label,.tool-card-type{color:var(--public-cyan-dim);letter-spacing:.22em;text-transform:uppercase;margin:0 0 12px;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:700}.hero-title,.section-title,.panel-title,.result-stage-head h2,.tool-card h3,.workflow-card h3,.mini-mode-card h2{color:var(--public-text);letter-spacing:-.04em;margin:0;font-family:Syne,Space Grotesk,sans-serif;line-height:.95}.home-hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch;gap:18px;margin-bottom:18px;display:grid}.hero-copy-block,.mini-mode-card,.editor-spotlight,.tool-card,.workflow-card,.stage-card,.control-card,.info-card,.result-stage-card{border:1px solid var(--public-outline);background:linear-gradient(180deg, var(--public-surface-low), #001111e6);box-shadow:var(--public-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-copy-block,.editor-spotlight,.workflow-card,.stage-card,.result-stage-card{border-radius:30px}.hero-copy-block{padding:28px}.hero-copy-block .hero-title{max-width:11ch;font-size:clamp(2.8rem,6vw,4.8rem)}.hero-subtitle,.section-body,.tool-card-copy,.workflow-card p,.info-card p,.tool-checklist,.status-message{color:var(--public-muted);font-family:Inter,Space Grotesk,sans-serif;line-height:1.75}.hero-subtitle{max-width:34rem;margin:12px 0 0;font-size:1rem;line-height:1.65}.hero-actions,.result-actions,.hero-chip-row{flex-wrap:wrap;gap:12px;display:flex}.hero-actions{margin-top:18px}.hero-side-stack{gap:18px;display:grid}.editor-compact-card{border:1px solid var(--public-outline);box-shadow:var(--public-shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#162e2edb,#001111eb);border-radius:28px;align-content:start;gap:14px;padding:24px;display:grid}.compact-points{flex-wrap:wrap;gap:10px;display:flex}.mini-mode-card{border-radius:24px;padding:24px}.mini-mode-card h2{font-size:1.55rem}.mini-mode-card.accent,.workflow-card.accent,.info-card.accent,.highlight-card{background:radial-gradient(circle at 100% 0,#04fbfb1a,#0000 38%),linear-gradient(#162e2ee0,#001111e6)}.editor-spotlight{grid-template-columns:minmax(0,1.15fr) minmax(300px,.9fr);gap:32px;margin-bottom:34px;padding:40px;display:grid}.spotlight-copy{align-content:start;gap:18px;display:grid}.section-title{font-size:clamp(1.7rem,3vw,2.5rem)}.spotlight-points,.tool-checklist{margin:0;padding-left:18px}.spotlight-points li,.tool-checklist li{margin-top:7px}.editor-preview-panel{background:radial-gradient(circle at 0 0,#ffbf0017,#0000 34%),linear-gradient(#041111f0,#102828e0);border:1px solid #04fbfb24;border-radius:28px;gap:18px;padding:22px;display:grid}.preview-toolbar,.preview-tool-row,.preview-footer-row{color:#cde8e7bd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-family:Space Grotesk,sans-serif;font-size:.88rem;font-weight:600;display:flex}.preview-status,.preview-pill{min-height:30px;color:var(--public-cyan);background:#04fbfb14;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;display:inline-flex}.preview-wave-grid{gap:12px;padding:18px 0;display:grid}.preview-track{background:linear-gradient(90deg,#ffbf0029,#ffe2ab0f),repeating-linear-gradient(90deg,#0000 0 4px,#ffbf004d 4px 6px,#0000 6px 10px);border-radius:18px;height:58px}.preview-track.cyan{background:linear-gradient(90deg,#04fbfb24,#04fbfb05),repeating-linear-gradient(90deg,#0000 0 4px,#04fbfb52 4px 6px,#0000 6px 10px)}.preview-track.short{height:42px}.preview-track.tall{height:72px}.tool-grid-section{padding-top:0}.section-heading{gap:8px;margin-bottom:8px;display:grid}.tool-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;display:grid}.tool-card{color:inherit;border-radius:24px;grid-column:span 6;align-content:start;gap:8px;min-height:210px;padding:18px;display:grid}.tool-card.editor-card{background:radial-gradient(circle at 100% 0,#ffbf001a,#0000 40%),linear-gradient(#162e2ee6,#001111eb);border-color:#ffbf0033}.tool-card.editor-card .tool-card-icon{color:var(--public-amber);background:#ffbf0014}.tool-card-icon{width:56px;height:56px;color:var(--public-cyan);background:#04fbfb14;border-radius:18px;place-items:center;font-size:1.8rem;display:inline-grid}.tool-card h3{font-size:1.12rem}.tool-card-copy{margin:0;font-size:.9rem;line-height:1.5}.tool-card-action{color:var(--public-cyan);align-items:center;gap:8px;margin-top:4px;font-family:Space Grotesk,sans-serif;font-size:.92rem;font-weight:700;display:inline-flex}.workflow-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.workflow-card{padding:28px}.workflow-card h3{margin-bottom:10px;font-size:1.8rem}.workflow-card p{margin:0}.tool-screen .hero-title{font-size:clamp(1.9rem,4vw,2.6rem)}.tool-hero-block{gap:10px;margin-bottom:10px;padding:4px 4px 0;display:grid}.tool-hero-centered{text-align:center}.tool-hero-tight{max-width:680px;margin-left:auto;margin-right:auto}.tool-hero-centered .hero-chip-row{justify-content:center}.info-chip{min-height:36px;color:var(--public-text);letter-spacing:.04em;background:#162e2e47;border:1px solid #04fbfb2e;border-radius:999px;align-items:center;padding:0 14px;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700;display:inline-flex}.hero-chip-row.center{justify-content:center}.public-tool-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.86fr);align-items:start;gap:16px;display:grid}.public-tool-grid-wide{grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr)}.public-tool-single{gap:0;display:grid}.home-screen,.tool-screen{align-content:start;gap:10px;display:grid}.stage-card{padding:20px}.stage-card-wide{padding:22px}.control-stack,.stack-form,.info-stack{gap:18px;display:grid}.panel-head,.slider-head,.result-stage-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title{font-size:1.5rem}.upload-stage{width:100%;color:inherit;text-align:center;cursor:pointer;background:radial-gradient(circle at 0 0,#04fbfb0a,#0000 38%),#00111170;border:1px dashed #9c8f7847;border-radius:26px;place-items:center;gap:12px;margin-top:16px;padding:26px 18px;display:grid}.upload-stage .material-symbols-outlined{color:var(--public-cyan);font-size:2.2rem}.upload-stage strong{letter-spacing:-.03em;font-family:Syne,Space Grotesk,sans-serif;font-size:1.1rem;line-height:1.02}.upload-stage span:last-child{color:var(--public-muted);font-family:Inter,Space Grotesk,sans-serif;font-size:.92rem}.tool-audio{border-radius:16px;width:100%;margin-top:18px}.control-grid{gap:18px;display:grid}.control-grid.split-two{grid-template-columns:repeat(2,minmax(0,1fr))}.control-card{border-radius:26px;padding:18px}.compact-card{padding-bottom:16px}.stack-field{gap:10px;display:grid}.field-label{color:var(--public-muted-soft);letter-spacing:.16em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700}.tool-input,.tool-number-input{width:100%;color:var(--public-text);background:#213939a6;border:1px solid #9c8f782e;border-radius:20px;font-family:Inter,Space Grotesk,sans-serif}.tool-input{padding:18px 20px;font-size:1rem}.tool-input-xl{padding:18px 20px;font-size:1.05rem}.tool-number-input{text-align:right;max-width:120px;padding:12px 14px;font-size:1rem}.tool-input:focus,.tool-number-input:focus{border-color:#04fbfb80;outline:none;box-shadow:0 0 0 3px #04fbfb14}.choice-chip-row{flex-wrap:wrap;gap:10px;display:flex}.choice-chip{min-height:42px;color:var(--public-muted-soft);cursor:pointer;background:#21393980;border:1px solid #9c8f782e;border-radius:999px;padding:0 18px;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:700}.choice-chip.is-active{color:#002020;background:#04fbfbe6;border-color:#04fbfb3d;box-shadow:0 0 20px #04fbfb3d}.tool-action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.action-card{gap:16px;display:grid}.tool-primary-action{justify-content:center;width:100%;min-height:50px;font-size:.95rem}.status-message{margin:0;font-size:.95rem}.status-inline{flex:260px}.status-message.error{color:var(--public-error)}.status-message.success{color:var(--public-cyan)}.gain-readout{align-items:baseline;gap:8px;margin-top:8px;display:flex}.gain-readout strong{color:var(--public-amber);letter-spacing:-.05em;font-family:Syne,Space Grotesk,sans-serif;font-size:2.4rem;line-height:.9}.gain-readout span{color:#cde8e78f;text-transform:uppercase;letter-spacing:.14em;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700}.tool-range{width:100%;accent-color:var(--public-amber);margin-top:18px}.range-labels{color:#cde8e780;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:10px;margin-top:12px;font-family:Space Grotesk,sans-serif;font-size:.74rem;font-weight:700;display:flex}.result-stage-card{margin-top:14px;padding:20px}.result-stage-head h2{font-size:1.55rem}.result-badge{min-height:38px;color:var(--public-cyan);letter-spacing:.08em;text-transform:uppercase;background:#04fbfb1a;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700;display:inline-flex}.result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.result-grid span{color:#cde8e78a;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700;display:block}.result-grid strong{color:var(--public-text);overflow-wrap:anywhere;font-family:Inter,Space Grotesk,sans-serif;font-size:1rem;line-height:1.45;display:block}.info-card{border-radius:24px;padding:22px}.info-card p:last-child{margin:0}.tool-card:focus-visible,.choice-chip:focus-visible,.upload-stage:focus-visible,.secondary-button:focus-visible,.tool-primary-action:focus-visible,.cta-button:focus-visible{outline-offset:3px;outline:2px solid #04fbfb75}button:disabled,input:disabled,select:disabled{opacity:.55;cursor:not-allowed}@media (width<=1120px){.home-hero,.editor-spotlight,.public-tool-grid,.public-tool-grid-wide,.workflow-compare-grid,.control-grid.split-two{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card{grid-column:span 1}}@media (width<=840px){.public-navbar{flex-direction:column;align-items:stretch}.public-main,.public-footer{width:min(100vw - 20px,1160px)}.hero-copy-block,.editor-spotlight,.workflow-card,.stage-card,.control-card,.info-card,.result-stage-card{padding:22px}.hero-copy-block .hero-title,.tool-screen .hero-title{font-size:clamp(2.2rem,10vw,3.6rem)}.panel-head,.slider-head,.result-stage-head,.hero-actions,.tool-action-row,.public-footer{flex-direction:column;align-items:stretch}.tool-primary-action,.secondary-button,.cta-button{width:100%}.result-grid{grid-template-columns:1fr}}@media (width<=640px){.tool-grid{grid-template-columns:1fr}.tool-card{grid-column:span 1}.public-brand{font-size:1.4rem}.public-header-actions .secondary-button,.public-header-actions .cta-button{font-size:.88rem}.hero-copy-block,.stage-card,.control-card,.result-stage-card{border-radius:24px}.upload-stage strong{font-size:1.2rem}.gain-readout strong{font-size:2.6rem}}