:root{--brand:#F1BCBF;--brand-ink:#281d24;}*{box-sizing:border-box}body{margin:0;background:#111318;color:#f0f0f3;font:14px system-ui,sans-serif}main{max-width:1500px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center}h1{font-size:30px;margin:8px 0}h2{font-size:17px;margin:0}p,.muted{color:#a8aebc;line-height:1.5}button,select,input[type=text]{background:#282e3a;color:#fff;border:1px solid #414958;border-radius:7px;padding:9px 12px;font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}.accent{background:var(--brand);border-color:var(--brand)}.transport{position:relative;background:#191d25f5;z-index:2;border:1px solid #343c49;border-radius:12px;padding:16px;margin:20px 0}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.row.space{justify-content:space-between}#seek{width:100%}input[type=range]{accent-color:var(--brand);cursor:pointer}input[type=checkbox]{accent-color:var(--brand)}.rack{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:14px}.module{border:1px solid #343b47;border-radius:12px;background:#1b1f28;padding:17px}.module header{margin-bottom:18px}.control{display:block;margin:16px 0;font-size:13px}.control .line{display:flex;justify-content:space-between;gap:10px}.control output{font-variant-numeric:tabular-nums;color:var(--brand)}.control input[type=range]{width:100%;margin:12px 0 0}.bands{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.band{border-left:1px solid #373d48;padding-left:10px}.band:first-child{border:0;padding-left:0}.meter{height:7px;background:#343c48;border-radius:9px;overflow:hidden;margin:8px 0}.meter span{display:block;background:#efae66;height:100%;width:0}small{color:#a8aebc;font-size:11px}.status{min-height:24px;color:var(--brand)}.presets{margin-top:18px;padding:18px;border:1px solid #343b47;border-radius:12px}#file{max-width:240px}#wave{display:block;width:100%;height:64px;background:#11151c;margin:10px 0;border-radius:6px}.badge{font-size:11px;letter-spacing:1px;color:var(--brand)}.help{font-size:12px;margin:12px 0 0}.headroom{color:#ff9882} @media(max-width:1100px){.rack{grid-template-columns:1fr 2fr}.bands{min-width:0}}@media(max-width:650px){.rack{grid-template-columns:1fr}header{align-items:flex-start}.bands{grid-template-columns:1fr}.band{border:0}.transport{position:relative}main{padding:12px}}.eqBand{border-top:1px solid #343b47;padding-top:14px;margin-top:18px}input[type=number]{width:88px;background:#282e3a;color:white;border:1px solid #414958;border-radius:5px;padding:6px}button[aria-pressed=true]{border-color:var(--brand);background:#4b303a}#eq{grid-column:1/-1}#eqControls{display:grid;grid-template-columns:.8fr repeat(4,1fr);gap:18px}.eqBand{border-top:0;border-left:1px solid #343b47;padding:0 0 0 16px;margin:0}@media(max-width:1100px){#eqControls{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){#eqControls{grid-template-columns:1fr 1fr}.eqBand{padding-left:8px}}.loudness{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.loudness strong{display:block;font-size:28px;color:var(--brand);font-variant-numeric:tabular-nums}#dynamic{grid-column:1/-1}.rack{margin-top:16px}@media(max-width:650px){.loudness{grid-template-columns:1fr 1fr}}.eqGraph{margin-bottom:24px}.graphPlot{position:relative;background:#111720;border:1px solid #343b47;border-radius:10px;overflow:hidden;margin-bottom:12px}.graphPlot canvas{width:100%;height:260px;display:block}.eqPoint{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;padding:0;border:2px solid var(--point);border-radius:50%;background:#18212d;color:var(--point);font-size:11px;font-weight:700;cursor:grab;touch-action:none}.eqPoint.selected{box-shadow:0 0 0 4px #ffffff30}.eqPoint.inactive{opacity:.45}.eqPoint:focus-visible{outline:2px solid white;outline-offset:3px}.graphReadout{color:var(--brand);font-size:13px}.graphQ{width:130px;vertical-align:middle}.visual{display:block;width:100%;height:220px;background:#111720;border:1px solid #343b47;border-radius:8px;margin:12px 0}.splitPlot{position:relative}.splitHandle{position:absolute;top:32px;transform:translateX(-50%);padding:4px;cursor:ew-resize;touch-action:none;border-color:var(--brand)}.correlation{height:10px;background:linear-gradient(90deg,#9f4545,#d2a263,#6ac3b0);position:relative;border-radius:4px}.correlation span{position:absolute;top:-3px;width:3px;height:16px;background:white;left:50%}#waveWrap{position:relative;touch-action:none;user-select:none}#waveWrap #wave{margin:10px 0}#loopOverlay{position:absolute;top:0;bottom:0;background:#78cbbd24;border-top:2px solid #78cbbd;pointer-events:none}.loopHandle{position:absolute;top:0;bottom:0;width:22px;padding:0;background:#78cbbd40;border:0;border-radius:0;transform:translateX(-50%);touch-action:none;cursor:ew-resize}#playLine{position:absolute;top:0;bottom:0;width:2px;background:white;pointer-events:none}.compareBar{border-bottom:1px solid #414958;padding-bottom:10px}#listeningState{color:#78cbbd}#listeningState.original{color:#ffbd7f}.module.isOff{border-style:dashed}.moduleState{color:#a8aebc;font-size:12px}.toolIntro{margin:-6px 0 16px}.module details{border-top:1px solid #343b47;margin-top:14px;padding-top:12px}.module summary{cursor:pointer;color:#efad66;padding:6px 0}.module summary:focus-visible{outline:2px solid #efad66}.module header{flex-wrap:wrap;gap:10px}.toolReset{font-size:12px;padding:6px 9px}.controlHelp{display:block;margin-top:5px;line-height:1.4}#compareHint{margin:8px 0 12px}#eqControls{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
[hidden]{display:none!important}.simpleView .advancedOnly{display:none!important}.simpleView{max-width:1100px}.simpleView .transport{position:relative}.simpleView .transport>.help{display:none}.uploadZone{margin-top:24px;padding:24px;border:1px dashed #646675;border-radius:16px;background:linear-gradient(120deg,#25232d,#171d25)}.uploadZone strong{display:block;font-size:20px;margin-bottom:6px}.uploadZone p{margin:0 0 16px}.uploadZone input[type=file]::file-selector-button{background:var(--brand);color:#19161a;border:0;border-radius:8px;padding:12px 18px;margin-right:12px;font-weight:700;cursor:pointer}.presetBrowser{margin:28px 0}.presetBrowser h2{font-size:24px}.presetCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.presetCard{position:relative;text-align:left;min-height:165px;padding:22px;border:1px solid #3e4653;background:linear-gradient(145deg,var(--tint),#211A22);border-radius:16px;transition:border-color .15s,transform .15s}.presetCard:hover{transform:translateY(-2px);border-color:var(--brand)}.presetCard[aria-pressed=true]{background:linear-gradient(145deg,var(--tint),#30232c);border:2px solid var(--brand);padding:21px}.presetCard strong{display:block;font-size:20px;margin:12px 0 10px}.presetCard span{display:block;color:#c2c7d0;line-height:1.5;font-size:13px}.presetCard .presetTag{font-size:10px;letter-spacing:1.6px;color:var(--brand);text-transform:uppercase}.presetCard .choiceState{margin-top:12px;color:var(--brand);font-size:12px}.listenActions{margin:18px 0;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.listenActions #export{padding:14px 22px}.transport #play{font-size:17px;min-width:105px;padding:12px 22px}.simpleView #wave{height:86px}.simpleView header a{display:none}.presetOriginal[aria-pressed=true]{border:2px solid var(--brand)}#soundChoice{color:var(--brand)}.simpleView #compareHint{display:block;margin-top:12px}#editSound{margin-left:auto}.presetCard:focus-visible{outline:3px solid #fff;outline-offset:4px}@media(max-width:700px){.presetCards{grid-template-columns:repeat(2,minmax(0,1fr))}.presetCard{padding:17px;min-height:175px}.presetCard[aria-pressed=true]{padding:16px}.presetCard strong{font-size:18px}.uploadZone{padding:18px}}@media(max-width:420px){.presetCards{grid-template-columns:1fr}} 

.presetCard{padding:0;overflow:hidden;display:flex;flex-direction:column}.presetCard.selected{border:2px solid var(--brand);background:linear-gradient(145deg,var(--tint),#30232c)}.presetSelect{display:block;flex:1;width:100%;padding:21px;text-align:left;border:0;border-radius:0;background:transparent;color:inherit}.presetSelect[aria-pressed=true]{background:transparent;border:0}.presetCompare{display:flex;gap:4px;margin:0 16px 16px;padding:4px;border-radius:10px;background:#10151d99}.presetCompare button{flex:1;padding:9px 8px;border:1px solid transparent;background:transparent;color:#bac2ce}.presetCompare button[aria-pressed=true]{background:var(--brand);color:#211a18;border-color:var(--brand);font-weight:700}.presetCard button:focus-visible{outline:2px solid white;outline-offset:-4px}.presetCard.selected .presetSelect{padding:20px}.presetCard.selected .presetCompare{margin-left:15px;margin-right:15px;margin-bottom:15px}@media(max-width:700px){.presetCard{padding:0}.presetSelect{padding:17px}.presetCard.selected .presetSelect{padding:16px}}

.accent{color:var(--brand-ink);font-weight:700}.accent:hover:not(:disabled){background:#f7d0d2;border-color:#f7d0d2}.uploadZone{border-color:#F1BCBF66;background:linear-gradient(120deg,#34252e,#171d25)}.uploadZone input[type=file]::file-selector-button{color:var(--brand-ink)}.badge{font-weight:700}.presetCard.selected{box-shadow:0 0 0 1px #F1BCBF22,0 8px 26px #0003}.presetCompare button[aria-pressed=true]{color:var(--brand-ink)}#editSound{border-color:#F1BCBF88;color:var(--brand)}.module summary{color:var(--brand)}.graphReadout,.control output,.loudness strong{color:var(--brand)}button:focus-visible,summary:focus-visible{outline-color:var(--brand)}
.brandHeader{display:flex;align-items:center;gap:20px;margin:0 0 22px;flex-wrap:wrap}.brandLogo{display:block;width:220px;max-width:100%;height:auto}.brandHeader .badge{letter-spacing:2px}@media(max-width:500px){.brandLogo{width:185px}.brandHeader{gap:12px;margin-bottom:18px}}
#seek{display:none}#waveWrap{cursor:crosshair;overflow:hidden;border-radius:6px}#waveWrap:focus-visible{outline:2px solid var(--brand);outline-offset:3px}.waveHint{font-size:12px;margin:10px 0;color:#bbc0cc}#loopOverlay{background:#F1BCBF20;border-color:var(--brand)}.loopHandle{background:#F1BCBF55}
.presetCard{border-color:#F1BCBF33}.presetCard:hover{border-color:#F1BCBF99}.presetCard.selected{border-color:var(--brand)}.presetCard span{color:#E3D5DC}.presetCard .presetTag,.presetCard .choiceState{color:var(--brand)}.presetCompare{background:#160F18AA}.presetCompare button{color:#E3D5DC}

/* Broader colours from the Grumpy Music portrait palette. */
.presetCard,.presetCard.selected{background:linear-gradient(145deg,var(--tint) 0%,color-mix(in srgb,var(--tint) 72%,#10151C) 100%)}.presetCard span{color:#F1E8E4}.presetCard .presetTag{color:#FFF0E5}.presetCard .choiceState{color:#FFE1DF}.presetCompare{background:#10151C99}.presetCard.selected{border-color:var(--brand);box-shadow:0 0 0 1px #F1BCBF55,0 8px 26px #0003}
.trackRow{display:grid;grid-template-columns:240px minmax(0,1fr);gap:16px;align-items:stretch;margin:24px 0}.trackRow .uploadZone{margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:20px}.trackRow .transport{margin:0;min-width:0}.trackRow #file{width:100%;max-width:100%;font-size:12px}.trackRow .uploadZone strong{font-size:18px}.trackRow .uploadZone p{font-size:12px;margin-bottom:6px}.trackRow .uploadZone input[type=file]::file-selector-button{display:block;margin:0 0 12px;padding:12px 18px;font-size:14px}.trackRow .uploadZone input[type=file]{color:#c4bdc5}@media(max-width:700px){.trackRow{grid-template-columns:1fr}.trackRow .uploadZone{padding:16px}.trackRow .uploadZone input[type=file]::file-selector-button{display:inline-block;margin:0 12px 0 0}}
.presetEdit{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:7px;display:flex;align-items:center;justify-content:center;border:1px solid #F1BCBF55;background:#15121b99;color:var(--brand);border-radius:9px}.presetEdit:hover{background:#F1BCBF22;border-color:var(--brand)}.presetCard .presetTag{padding-right:34px;min-height:20px}.toolsHeading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 12px;scroll-margin-top:20px}
#export{border-radius:999px}
.studioBanner{position:relative;width:100%;margin:0 0 24px;overflow:hidden;border-radius:16px;background:#171511}.studioBannerImage{display:block;width:100%;height:auto}.studioBanner .brandLogo{position:absolute;top:16px;left:16px;width:137.5px;height:auto;box-shadow:0 3px 16px #0008}@media(max-width:500px){.studioBanner{border-radius:10px;margin-bottom:18px}.studioBanner .brandLogo{width:115.625px;top:10px;left:10px}}
.studioBanner .brandLogo{top:75%;left:50%;transform:translate(-50%,-50%)}
.listenActions{justify-content:flex-end;margin-top:24px}.listenActions #export{padding:16px 28px;font-size:16px;box-shadow:0 4px 18px #F1BCBF15}.listenActions #export:disabled{box-shadow:none}
.downloadProgress{flex:1 0 100%;display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid #F1BCBF55;border-radius:10px;background:#191d25}.downloadProgressTrack{height:10px;overflow:hidden;border-radius:999px;background:#343c48}.downloadProgressTrack span{display:block;height:100%;width:0;border-radius:inherit;background:var(--brand);transition:width .18s ease}.downloadProgress strong{min-width:132px;color:var(--brand);font-size:13px;font-variant-numeric:tabular-nums;text-align:right}.downloadProgress.indeterminate .downloadProgressTrack span{animation:downloadProgressSweep 1.15s ease-in-out infinite}@keyframes downloadProgressSweep{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}@media(prefers-reduced-motion:reduce){.downloadProgressTrack span{transition:none}.downloadProgress.indeterminate .downloadProgressTrack span{animation:none}}@media(max-width:500px){.downloadProgress{grid-template-columns:1fr}.downloadProgress strong{text-align:left}}

/* Keep the exit from detailed editing within reach throughout the rack. */
#closeTools{position:fixed;right:24px;bottom:24px;z-index:20;border-radius:999px;padding:15px 24px;background:var(--brand);border:1px solid var(--brand);color:var(--brand-ink);font-size:15px;font-weight:700;box-shadow:0 6px 26px #0009}#closeTools:hover{background:#F8DADD}main:not(.simpleView){padding-bottom:100px}@media(max-width:650px){#closeTools{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:13px 20px}}

/* Compact studio benefit badges */
.studioBenefits{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0 4px}
.studioBenefits li{display:inline-flex;align-items:center;gap:9px;padding:7px 13px 7px 7px;border:1px solid rgba(241,188,191,.17);border-radius:999px;background:linear-gradient(135deg,rgba(241,188,191,.09),rgba(241,188,191,.025));color:#eee4e6;font-size:12px;font-weight:500;line-height:1.2;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.studioBenefits .benefitIcon{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(241,188,191,.11);color:#F1BCBF;flex-shrink:0}
.studioBenefits svg{display:block;width:15px;height:15px}
@media(max-width:480px){.studioBenefits{gap:7px;margin-top:14px}.studioBenefits li{font-size:11px;padding-right:10px;gap:6px}}

.studioDescription{max-width:640px;line-height:1.65}

.studioExplore{display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin:0 0 15px;font-size:12px;color:#aeb0bb}
.studioExplore a{color:#F1BCBF;font-size:13px;font-weight:600;text-decoration:none}.studioExplore a:hover{text-decoration:underline}
.studioBanner a.brandLogo img{display:block;width:100%;height:auto}
.studioBanner a.brandLogo:focus-visible,.studioExplore a:focus-visible{outline:2px solid #F1BCBF;outline-offset:5px;border-radius:4px}

#exportFormat{border:1px solid #f1bcbf55;border-radius:999px;background:#202129;color:#eee;padding:12px 18px;font:inherit;max-width:100%}#exportFormat:focus-visible{outline:2px solid #F1BCBF;outline-offset:3px}