:root{font-family:DM Sans,sans-serif;color:#e7e8df;background:#101311;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #e7e8df;--paper: #181c19;--muted: #9da49b;--line: #394039;--orange: #e7a446;--green: #94c9a3;--mono: "DM Mono", monospace}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{max-width:1600px;min-height:100vh;margin:0 auto;overflow:hidden}.topbar{height:74px;padding:0 clamp(22px,6vw,94px);display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:500;letter-spacing:-1px;white-space:nowrap}.brand strong{color:var(--orange);font-weight:700}.brand-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper)}.topbar-note{margin:0 auto;color:var(--muted);font:9px var(--mono);letter-spacing:1.1px}.account-button,.account-label{display:inline-flex;align-items:center;gap:7px;padding:8px 0;border:0;background:transparent;color:#62665e;font-size:11px;font-weight:600}.account-button:hover{color:var(--orange)}.account-label{color:#995038}.intro{position:relative;min-height:390px;display:grid;grid-template-columns:1fr .85fr;align-items:center;padding:44px clamp(35px,12vw,185px) 67px;overflow:hidden;background:#e8e7df}.intro>div:first-child{position:relative;z-index:1;max-width:500px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#777a71;font:9px var(--mono);letter-spacing:1.35px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #e76d4318}.intro h1{margin:20px 0 16px;font:700 clamp(46px,6vw,76px)/.98 "Playfair Display",Georgia,serif;letter-spacing:-3.2px}.intro h1 em{color:var(--orange);font-weight:600}.intro>div:first-child p{max-width:405px;color:#71736c;font-size:13px;line-height:1.8}.intro-art{position:relative;width:min(100%,360px);height:250px;justify-self:center}.intro-disc{position:absolute;top:18px;left:52px;display:grid;width:190px;height:190px;place-items:center;border:1px solid #ffffff24;border-radius:50%;background:repeating-radial-gradient(circle at center,#272a26 0,#272a26 2px,#333630 3px,#242723 5px);box-shadow:0 20px 40px #1c201a30;color:#e5a56a}.intro-disc:after{position:absolute;width:7px;height:7px;border-radius:50%;background:#f3f1eb;content:""}.meter{position:absolute;z-index:1;top:61px;display:flex;height:126px;align-items:center;gap:4px}.meter-one{left:4px;transform:rotate(-8deg)}.meter-two{right:2px;transform:rotate(8deg)}.meter i{width:4px;border-radius:3px;background:var(--orange);box-shadow:0 0 12px #e76d4355}.meter i:nth-child(1),.meter i:nth-child(10){height:24%}.meter i:nth-child(2),.meter i:nth-child(9){height:44%}.meter i:nth-child(3),.meter i:nth-child(8){height:61%}.meter i:nth-child(4),.meter i:nth-child(7){height:80%}.meter i:nth-child(5),.meter i:nth-child(6){height:100%}.intro-caption{position:absolute;right:0;bottom:1px;color:#777a71;font:8px var(--mono);letter-spacing:1.1px}.intro-foot{position:absolute;right:clamp(35px,12vw,185px);bottom:0;left:clamp(35px,12vw,185px);height:42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d5d5cb;color:#87897f;font:8px var(--mono);letter-spacing:.9px}.workspace{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:50px clamp(24px,8vw,125px) 75px}.panel{min-width:0;padding:22px 23px;border:1px solid var(--line);background:#faf9f5}.file-panel{grid-column:span 7}.preset-panel{grid-column:span 5}.eq-panel,.dynamics-panel{grid-column:span 6}.limiter-panel{grid-column:span 4}.environment-panel{grid-column:span 8}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.panel-heading h2{margin:6px 0 0;font:600 26px/1.1 Playfair Display,Georgia,serif;letter-spacing:-.5px}.panel-index,.unit-tag{display:grid;min-width:33px;height:33px;place-items:center;border:1px solid var(--line);color:#74776e;font:11px var(--mono)}.unit-tag{padding:0 9px;font-size:9px}.drop-zone{width:100%;min-height:116px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #c8c9bd;background:#f3f2eb;color:var(--ink)}.drop-zone:hover,.drop-zone.loaded{border-color:#9da99c;background:#eef1ea}.drop-zone strong{max-width:90%;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.drop-zone small{color:#85877e;font-size:10px}.upload-icon,.access-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper)}.playback{display:flex;align-items:center;gap:11px;margin:16px 0 0}.play-button{display:grid;width:34px;height:34px;flex:none;place-items:center;border:0;border-radius:50%;background:var(--orange);color:#fff}.play-button svg{margin-left:2px}.time-readout{min-width:32px;color:#74766d;font:9px var(--mono)}.seek-slider{width:100%;accent-color:var(--orange)}.privacy-note{display:flex;align-items:flex-start;gap:7px;margin:14px 0 0;color:#7d8277;font-size:10px;line-height:1.6}.privacy-note svg{flex:none;margin-top:1px;color:var(--green)}.save-track{width:100%;margin-top:12px}.control-label{display:block;margin:0 0 7px;color:#686a62;font-size:10px;font-weight:700}.select-control,.text-control{width:100%;min-height:39px;padding:9px 10px;border:1px solid #d8d9d0;border-radius:0;background:#fffefa;color:var(--ink);font-size:11px}.preset-name-label{margin-top:15px}.preset-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;padding:0 13px;border:1px solid transparent;border-radius:2px;font-size:10px;font-weight:700;transition:background .16s,color .16s,border .16s}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#454a42}.button-light{border-color:#d7d8ce;background:transparent;color:#555950}.button-light:hover{border-color:#888d82;color:var(--ink)}.button-orange{background:var(--orange);color:#fff}.button-orange:hover{background:#d45b35}.icon-action{display:grid;width:34px;height:34px;flex:none;place-items:center;border:1px solid var(--line);background:transparent;color:#77796f}.icon-action:hover{border-color:#c98673;color:#a44731}.icon-action.danger{width:31px;height:31px}.saved-tracks{margin-top:20px;padding-top:15px;border-top:1px solid var(--line)}.saved-track{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid #ecebe4}.saved-track.active{color:var(--green)}.saved-track-open{display:flex;min-width:0;flex:1;align-items:center;justify-content:space-between;gap:8px;padding:5px 2px;border:0;background:transparent;color:inherit;text-align:left}.saved-track-open span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.saved-track-open small{flex:none;color:#898b82;font:8px var(--mono)}.empty-tracks{margin:8px 0 0;color:#8a8b83;font-size:10px}.eq-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.range-control{display:flex;min-width:0;flex-direction:column;gap:11px}.range-label{display:flex;align-items:baseline;justify-content:space-between;gap:4px;color:#676a61;font-size:10px;font-weight:600}.range-label output{color:var(--ink);font:10px var(--mono)}.range-control input[type=range]{width:100%;margin:0;accent-color:var(--orange)}.range-endpoints{display:flex;justify-content:space-between;color:#9a9b91;font:8px var(--mono)}.eq-curve{position:relative;height:58px;display:flex;align-items:center;justify-content:space-between;margin-top:29px;padding:0 4px;border-top:1px solid #e8e8df;color:#92948a;font:8px var(--mono)}.eq-curve:before{position:absolute;top:28px;right:36px;left:36px;height:1px;background:#d8d8ce;content:""}.eq-curve i{position:relative;z-index:1;width:8px;height:8px;border:2px solid var(--orange);border-radius:50%;background:#faf9f5}.dynamics-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px}.limiter-panel>.range-control{margin-top:8px}.limit-badge{padding:6px 8px;border:1px solid #efd0c2;color:#b45437;font:8px var(--mono);letter-spacing:.6px}.panel-help{margin:20px 0 0;color:#898b81;font-size:10px;line-height:1.6}.environment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.environment-option{min-height:70px;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:9px;border:1px solid #dedfd6;background:#fffefa;color:#42463f;text-align:left}.environment-option span{font-size:10px;font-weight:700}.environment-option small{color:#898b82;font-size:8px;line-height:1.4}.environment-option:hover,.environment-option.selected{border-color:#849587;background:#edf0e9}.environment-option.selected span{color:#425b4e}.simulation-note{margin:12px 0 0;color:#8a8c82;font-size:9px;line-height:1.6}.export-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #d4d7cc;background:#e9ece4}.export-bar p{margin:6px 0 0;color:#646a60;font:13px Playfair Display,Georgia,serif}.export-actions{display:flex;flex-wrap:wrap;gap:8px}.alert,.success-message{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-left:3px solid #c85638;background:#fae9e2;color:#8c3d2c;font-size:11px;line-height:1.5}.success-message{border-color:var(--green);background:#e9eee8;color:#3e5a4d}.alert button,.success-message button{display:grid;flex:none;place-items:center;border:0;background:transparent;color:inherit}.access-card{width:min(90% - 48px,600px);min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:50px auto 80px;padding:34px;border:1px solid var(--line);background:#faf9f5;text-align:center}.access-icon{margin-bottom:20px}.access-card h2{margin:12px 0 7px;font:600 29px Playfair Display,Georgia,serif}.access-card p{max-width:430px;margin:0 0 18px;color:#7a7c73;font-size:12px;line-height:1.7}.access-card .alert{width:100%;margin-top:18px;text-align:left}.footer{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 clamp(22px,6vw,94px);border-top:1px solid var(--line)}.footer .brand{font-size:14px}.footer .brand-icon{width:29px;height:29px}.footer>span{color:#8b8d84;font:8px var(--mono);letter-spacing:.7px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.spinner{width:15px;height:15px;display:inline-block;border:2px solid #c8c9bf;border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.intro{padding-right:40px;padding-left:40px}.intro-foot{right:40px;left:40px}.workspace{padding-right:32px;padding-left:32px}.file-panel{grid-column:span 7}.preset-panel{grid-column:span 5}.eq-panel,.dynamics-panel{grid-column:span 6}.environment-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.topbar{height:64px;gap:10px;padding:0 18px}.brand{font-size:15px}.brand-icon{width:30px;height:30px}.topbar-note{display:none}.account-button,.account-label{margin-left:auto;font-size:10px}.intro{min-height:555px;grid-template-columns:1fr;align-content:start;padding:48px 25px 57px}.intro h1{font-size:58px}.intro>div:first-child p{font-size:12px}.intro-art{width:290px;height:235px;margin-top:8px;transform:scale(.85);transform-origin:top center}.intro-disc{left:50px;width:175px;height:175px}.meter-one{left:1px}.meter-two{right:-1px}.intro-caption{right:0;bottom:12px}.intro-foot{right:25px;left:25px;height:38px}.intro-foot span{font-size:7px;letter-spacing:.4px}.intro-foot span:nth-child(2){display:none}.workspace{grid-template-columns:1fr;gap:12px;padding:28px 16px 48px}.file-panel,.preset-panel,.eq-panel,.dynamics-panel,.limiter-panel,.environment-panel,.export-bar,.alert,.success-message{grid-column:1}.panel{padding:19px 17px}.panel-heading h2{font-size:24px}.eq-controls{gap:12px}.range-label{flex-wrap:wrap}.dynamics-controls{gap:20px 14px}.environment-grid{grid-template-columns:repeat(2,1fr)}.export-bar{align-items:flex-start;flex-direction:column}.export-actions{width:100%}.export-actions .button{flex:1}.access-card{width:calc(100% - 32px);margin:25px auto 48px;padding:27px 19px}.footer{min-height:70px;padding:0 16px}.footer>span{font-size:7px}.footer>span:nth-child(2){display:none}}body,.app-shell{background:#101311}.topbar,.footer{border-color:#303630;background:#171b18}.brand-icon{border:1px solid #454c44;background:radial-gradient(circle at 35% 30%,#414941,#1d211e 72%);color:#f0bc65;box-shadow:inset 0 1px #ffffff18}.brand strong,.intro h1 em{color:#e8ad51}.topbar-note,.footer>span{color:#879087}.account-button,.account-label{color:#aab1a9}.account-button:hover{color:#e8ad51}.intro{min-height:335px;border-bottom:1px solid #353b35;background:radial-gradient(ellipse at 75% 45%,#29312b 0,#1c211d 36%,#171b18 76%)}.intro h1{color:#eeeae0}.intro>div:first-child p{color:#a3aaa1}.eyebrow{color:#9ba39a}.status-dot{background:#e0a54b;box-shadow:0 0 10px #e0a54b9c,0 0 0 4px #e0a54b1a}.intro-disc{border-color:#666d61;background:repeating-radial-gradient(circle at center,#202420 0,#202420 2px,#30362f 3px,#202420 5px);box-shadow:0 18px 38px #0008,inset 0 0 18px #0009;color:#e8ad51}.meter i{background:#d4ad4c;box-shadow:0 0 10px #ddb94a60}.intro-caption{color:#899187}.intro-foot{border-color:#343b34;color:#879087}.workspace{background-color:#111512;background-image:radial-gradient(#303730 .6px,transparent .6px);background-size:8px 8px}.panel{position:relative;overflow:hidden;border-color:#485048;border-radius:3px;background:linear-gradient(145deg,#303731,#242a25 40%,#1d221e);color:#e6e8df;box-shadow:0 3px 8px #0005,inset 0 1px #ffffff0b,inset 0 -1px #0008}.panel:before{position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,#8b7442,#d6ae5b 24%,#788373 70%,#50594f);content:"";opacity:.82}.eq-panel{border-color:#857b64;background:linear-gradient(150deg,#d6ceb9,#b9b09b 58%,#a59c87);color:#252820;box-shadow:0 3px 8px #0006,inset 0 1px #fff8,inset 0 -1px #5149364a}.eq-panel:before{background:linear-gradient(90deg,#a37d35,#e1bc6e 50%,#92733b)}.panel-heading h2{color:#f0efe5}.panel .eyebrow{color:#aab1a6}.eq-panel .panel-heading h2{color:#292a23}.eq-panel .eyebrow{color:#5a5a4d}.panel-index,.unit-tag{border-color:#596158;border-radius:2px;background:#1d221f;color:#d8b15e;box-shadow:inset 0 1px #fff1}.eq-panel .panel-index,.eq-panel .unit-tag{border-color:#7e755e;background:#c8bea7;color:#514935}.drop-zone{border-color:#717b70;border-radius:2px;background:#171b18;color:#e9e9df;box-shadow:inset 0 2px 9px #0006}.drop-zone:hover,.drop-zone.loaded{border-color:#d4b056;background:#1c211d}.drop-zone small{color:#9ba398}.upload-icon,.access-icon{border:1px solid #636c61;background:radial-gradient(circle at 40% 30%,#454e44,#252b25 72%);color:#e0b158;box-shadow:inset 0 1px #ffffff21}.play-button{border:1px solid #a87b2c;background:linear-gradient(#e9bd64,#b38232);color:#24251f;box-shadow:0 2px 5px #0007,inset 0 1px #fff8}.play-button:hover{filter:brightness(1.12)}.time-readout{color:#c1c6bb}.seek-slider{accent-color:#d6aa52}.privacy-note{color:#aab0a6}.privacy-note svg{color:#98c79e}.control-label{color:#bec4b9}.select-control,.text-control{border-color:#525b52;border-radius:2px;background:#191e1a;color:#e7e8df}.select-control option{background:#191e1a}.button-dark{border-color:#75643e;background:linear-gradient(#d5a84f,#a67c35);color:#211f18;box-shadow:inset 0 1px #fff7,0 2px 4px #0004}.button-dark:hover{background:linear-gradient(#edc56e,#bb8b3c)}.button-light{border-color:#5a6459;background:#242a25;color:#d2d7cd}.button-light:hover{border-color:#c9a34f;color:#edc567}.button-orange{border-color:#a67c35;background:linear-gradient(#e3b759,#bd8a38);color:#24221b;box-shadow:inset 0 1px #fff7,0 2px 4px #0005}.button-orange:hover{background:linear-gradient(#f0c96f,#ca9845)}.icon-action{border-color:#525b52;border-radius:2px;background:#202520;color:#c9cfc5}.icon-action:hover{border-color:#cf725e;color:#f09277}.saved-tracks{max-height:176px;overflow-y:auto;border-color:#4a5249}.saved-track{border-color:#343b34}.saved-track.active{color:#a8d1a5}.saved-track-open small,.empty-tracks{color:#9ca49a}.range-control{align-items:center;gap:7px}.range-label{width:100%;flex-direction:column;align-items:center;gap:3px;color:#c2c8bd;font-size:9px;text-align:center}.range-label output{color:#f0c565;font:10px var(--mono)}.eq-panel .range-label{color:#45483e}.eq-panel .range-label output{color:#292b24}.knob{position:relative;width:68px;height:68px;display:grid;place-items:center}.knob-track{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:2px solid transparent;border-top-color:#646a5c;border-right-color:#646a5c;border-left-color:#646a5c;border-radius:50%;transform:rotate(-45deg)}.knob-cap{position:relative;width:52px;height:52px;border:1px solid #111512;border-radius:50%;background:radial-gradient(circle at 32% 26%,#626b60 0,#414940 24%,#292e2a 66%,#1a1e1b);box-shadow:0 3px 7px #0009,inset 0 1px #ffffff47,inset 0 -3px 4px #0009}.knob-cap:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #ffffff0d;border-radius:50%;content:""}.knob-cap i{position:absolute;z-index:1;top:5px;left:calc(50% - 1px);width:2px;height:14px;border-radius:2px;background:#e9b955;box-shadow:0 0 4px #e9b95570;transform-origin:50% 21px}.knob input[type=range]{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;cursor:ew-resize;opacity:0}.knob:focus-within .knob-cap{outline:2px solid #e7a446;outline-offset:3px}.eq-panel .knob-track{border-top-color:#80704f;border-right-color:#80704f;border-left-color:#80704f}.eq-panel .knob-cap{border-color:#776a50;background:radial-gradient(circle at 32% 24%,#5b584a,#3c3a31 55%,#25251f)}.eq-panel .knob-cap i{background:#efc96b}.range-endpoints{width:100%;color:#929a90;font:7px var(--mono)}.eq-panel .range-endpoints{color:#6a685a}.eq-curve{height:37px;margin-top:19px;border-color:#8e8772;color:#5e5d52}.eq-curve:before{top:18px;background:#817a67}.eq-curve i{border-color:#986d29;background:#c5b99e;box-shadow:0 0 0 2px #c5b99e}.dynamics-controls{grid-template-columns:repeat(4,1fr);gap:9px}.dynamics-controls .knob{width:60px;height:60px}.dynamics-controls .knob-cap{width:46px;height:46px}.dynamics-controls .knob-cap i{top:4px;height:12px;transform-origin:50% 19px}.dynamics-controls .knob-track{top:2px;right:2px;bottom:2px;left:2px}.dynamics-controls .range-label{font-size:8px}.limiter-panel>.range-control{margin-top:5px}.limiter-panel .range-control .knob{width:75px;height:75px}.limit-badge{border-color:#75633e;border-radius:2px;background:#24261f;color:#e4b75a}.panel-help{color:#a2aaa0;text-align:center}.environment-option{border-color:#4d564c;border-radius:2px;background:linear-gradient(#2c322d,#202520);color:#dce0d6;box-shadow:inset 0 1px #ffffff0a}.environment-option small{color:#9ba49a}.environment-option:hover,.environment-option.selected{border-color:#c59c48;background:linear-gradient(#4b4230,#302a20)}.environment-option.selected span{color:#f0ca70}.simulation-note{color:#9ba39a}.export-bar{border-color:#505b4e;border-radius:3px;background:linear-gradient(115deg,#29312a,#1b211c);box-shadow:inset 0 1px #ffffff0b}.export-bar p{color:#d1d6ca}.alert,.success-message{border:1px solid #854c3e;border-left:3px solid #e4775d;border-radius:2px;background:#382621;color:#f0b09e}.success-message{border-color:#48604a;border-left-color:#85be8b;background:#202d23;color:#b7d7b6}.access-card{border-color:#454d45;border-radius:3px;background:linear-gradient(145deg,#292f2a,#1c211d);box-shadow:0 8px 25px #0005,inset 0 1px #ffffff0a}.access-card h2{color:#f0efe5}.access-card p{color:#aab0a7}.spinner{border-color:#b1b8ab;border-top-color:#e8b451}@media(max-width:620px){.knob{width:64px;height:64px}.dynamics-controls{gap:16px 3px}.dynamics-controls .knob{width:56px;height:56px}}.bypass-toggle{min-width:75px;display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:5px 7px;border:1px solid #596158;border-radius:2px;background:linear-gradient(#2c322d,#202520);color:#dce0d6}.bypass-toggle>span{font:10px var(--mono);font-weight:700}.bypass-toggle small{color:#a4ada2;font:7px var(--mono)}.bypass-toggle:hover{border-color:#c59c48}.bypass-toggle.active{border-color:#d4a84e;background:linear-gradient(#4b4230,#302a20);color:#f0ca70;box-shadow:inset 0 0 10px #d4a84e12}.bypass-toggle.active small{color:#f0ca70}@media(max-width:620px){.bypass-toggle{min-width:65px;padding:4px}.bypass-toggle small{font-size:6px}}