@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap";:root{color:#f4efe5;background:#080909;font-family:Space Grotesk,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{position:relative;margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#ffffff0a,#fff0 280px),radial-gradient(circle at 50% 0%,rgba(210,141,55,.18),transparent 420px),#080909}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 12% 18%,rgba(255,224,160,.75) 0 1px,transparent 1.5px),radial-gradient(circle at 78% 14%,rgba(169,240,175,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 32% 62%,rgba(242,184,75,.45) 0 1px,transparent 1.4px),radial-gradient(circle at 88% 72%,rgba(255,255,255,.38) 0 1px,transparent 1.5px);background-position:left 6% top 0,right 8% top 10%,left 3% bottom 16%,right 4% bottom 4%;background-size:180px 180px,260px 260px,220px 220px,310px 310px;animation:particle-shimmer 10s linear infinite;opacity:.58}body:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-2;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 50%,rgba(242,184,75,.075) 0 1px,transparent 2px 22px),conic-gradient(from 180deg at 50% 50%,transparent,rgba(169,240,175,.08),transparent,rgba(242,184,75,.1),transparent);filter:blur(12px);opacity:.55;animation:wave-field 16s ease-in-out infinite alternate}@keyframes particle-shimmer{0%{transform:translateZ(0);filter:brightness(.92)}50%{filter:brightness(1.35)}to{transform:translate3d(24px,-18px,0);filter:brightness(.92)}}@keyframes wave-field{0%{transform:translate3d(-1%,1%,0) rotate(-2deg) scale(1)}to{transform:translate3d(1%,-2%,0) rotate(2deg) scale(1.05)}}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{position:relative;z-index:1;width:min(860px,calc(100% - 32px));margin:0 auto;padding:22px 0 30px}.app-shell.analyze-complete{animation:full-rack-glow 2s ease-out}.app-shell.analyze-complete:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;background-image:radial-gradient(circle,rgba(255,232,169,.96) 0 1.5px,transparent 2.4px),radial-gradient(circle,rgba(169,240,175,.82) 0 1.2px,transparent 2.2px),radial-gradient(circle,rgba(255,255,255,.82) 0 1px,transparent 2px);background-size:48px 48px,72px 72px,96px 96px;animation:analyze-particles-rise 2s ease-out forwards;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,#000 0 26%,transparent 39% 61%,#000 74% 100%);mask-image:linear-gradient(90deg,#000 0 26%,transparent 39% 61%,#000 74% 100%)}@keyframes full-rack-glow{0%{filter:drop-shadow(0 0 0 rgba(242,184,75,0))}20%{filter:drop-shadow(0 0 44px rgba(242,184,75,.78))}to{filter:drop-shadow(0 0 0 rgba(242,184,75,0))}}@keyframes analyze-particles-rise{0%{opacity:0;transform:translateY(70px) scale(.96)}18%{opacity:.96}to{opacity:0;transform:translateY(-180px) scale(1.08)}}.app-footer{display:grid;justify-items:center;gap:5px;padding:22px 2px 18px;text-align:center;font-size:.76rem}.app-header{padding:18px 2px}.brand-stack{display:grid;gap:0;width:100%}.brand-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:start;width:100%}.header-controls{display:grid;align-self:stretch;justify-items:end;align-content:space-between;min-height:100%}.language-button{justify-self:end;flex:0 0 auto;display:inline-grid;place-items:center;width:42px;height:34px;margin:4px 0 0 auto;color:#fff4df;border:1px solid rgba(242,184,75,.28);background:linear-gradient(180deg,#242727,#111313);border-radius:6px}.language-button.active{border-color:#f2b84bbd;box-shadow:inset 0 0 16px #f2b84b2e,0 0 20px #f2b84b24}.jp-off .jp,.jp-on .en{display:none!important}.app-header h1{grid-column:1;min-width:0;margin:0;display:grid;gap:4px;width:fit-content;max-width:100%;position:relative;font-size:clamp(2rem,5vw,4.7rem);line-height:.95;letter-spacing:0}.brand-logo-line{display:flex;align-items:baseline;min-width:0}.brand-logo-word{display:inline-flex;white-space:nowrap}.brand-logo-char{display:inline-block;color:#fff4df;-webkit-text-stroke:.012em rgba(242,184,75,0);animation:brand-glyph-orbit 10.8s linear infinite;animation-delay:calc(-7.2s + var(--logo-delay, 0ms));paint-order:stroke fill;text-shadow:0 1px 0 rgba(0,0,0,.58)}.brand-logo-studio-line{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}@keyframes brand-glyph-orbit{0%,67.5%,73.5%,to{color:#fff4df;-webkit-text-stroke-color:rgba(242,184,75,0);filter:brightness(1);text-shadow:0 1px 0 rgba(0,0,0,.58)}68%{color:#fffaf0;-webkit-text-stroke-color:rgba(242,184,75,.92);filter:brightness(1.22);text-shadow:-.07em 0 .15em rgba(242,184,75,.88),0 0 .3em rgba(242,184,75,.44)}69%{color:#fff;-webkit-text-stroke-color:rgba(255,247,223,.96);filter:brightness(1.32);text-shadow:0 -.07em .17em rgba(255,224,154,.98),0 0 .36em rgba(169,240,175,.46)}70.2%{color:#fffaf0;-webkit-text-stroke-color:rgba(169,240,175,.82);filter:brightness(1.24);text-shadow:.07em 0 .15em rgba(169,240,175,.76),0 0 .3em rgba(242,184,75,.42)}71.6%{color:#fff5de;-webkit-text-stroke-color:rgba(242,184,75,.72);filter:brightness(1.14);text-shadow:0 .07em .15em rgba(242,184,75,.62),0 0 .24em rgba(169,240,175,.28)}72.8%{color:#fff4df;-webkit-text-stroke-color:rgba(242,184,75,.3);filter:brightness(1.06);text-shadow:0 0 .18em rgba(242,184,75,.3)}}.app-header h1 small{color:#f2b84b;font-size:clamp(.78rem,1.5vw,1.05rem);font-weight:850;letter-spacing:.06em}.eyebrow{margin:0 0 8px;color:#f2b84b;font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.status-pill{display:inline-flex;align-items:center;justify-self:end;gap:8px;min-height:34px;padding:7px 12px;color:#a9f0af;border:1px solid rgba(169,240,175,.28);background:#092016cc;border-radius:6px;white-space:nowrap}.status-pill span{width:8px;height:8px;background:#9dff8c;border-radius:50%;box-shadow:0 0 16px #9dff8c}main{display:grid;gap:18px}.hero-rack,.upload-deck,.rack-panel,.notice-panel{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,rgba(255,239,206,.035),transparent 42%),linear-gradient(135deg,#ffffff14,#ffffff05),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 7px),#111313;box-shadow:inset 0 1px #ffffff1a,inset 0 -18px 38px #00000038,0 22px 80px #00000075;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-rack{display:grid;grid-template-columns:1fr;gap:8px;align-items:stretch;padding:10px 12px}.hero-copy{display:grid;align-content:start;gap:4px;min-height:0;padding:2px 4px}.hero-copy .eyebrow{margin-bottom:2px;font-size:.62rem;opacity:.78}.hero-copy h2{max-width:760px;margin:0;color:#d2c8b8;font-size:clamp(.78rem,1.35vw,1.02rem);font-weight:700;line-height:1.22;letter-spacing:0}.hero-copy p{margin:0}.hero-copy p:last-child{max-width:640px;color:#c6bca9;font-size:.74rem;line-height:1.35}.notice-panel{padding:9px 12px;color:#dfd7c7;font-size:.76rem;line-height:1.32}.notice-panel strong{color:#fff7e8;font-size:.8rem}.notice-panel ul{display:grid;gap:3px;margin:7px 0 0;padding-left:15px;color:#bdb4a4;line-height:1.3}.upload-deck{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;padding:24px;border-style:dashed;transition:border-color .16s ease,transform .16s ease}.upload-deck.is-dragging{border-color:#f2b84b;transform:translateY(-1px)}.upload-deck h2{margin:0 0 10px;font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.05}.upload-deck p{margin:4px 0;color:#cfc5b3}.deck-ring{position:relative;width:148px;aspect-ratio:1;border:10px solid #2c3030;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f2b84b 0,#f2b84b 4%,#101111 5%,#101111 12%,#232626 13%,#232626 16%,#080909 17%,#080909 33%,#323737 34%,#323737 38%,#121414 39%,#121414 62%,#3b3f3f 63%,#3b3f3f 66%,#141616 67%,#141616);box-shadow:inset 0 0 22px #ffffff24,inset 0 -18px 40px #00000094,0 0 0 1px #ffffff1f,0 18px 42px #0000005c}.deck-ring:before,.deck-ring:after{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border-radius:50%;border:1px solid rgba(255,255,255,.12)}.deck-ring:after{top:27%;right:27%;bottom:27%;left:27%;border-color:#f2b84b52;box-shadow:inset 0 0 18px #f2b84b14}.deck-spindle{position:absolute;top:43%;right:43%;bottom:43%;left:43%;background:#f2b84b;border-radius:50%;box-shadow:0 0 22px #f2b84b99}.primary-button,.download-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:16px;padding:10px 16px;color:#161006;font-weight:850;text-decoration:none;border:1px solid rgba(255,232,169,.65);border-radius:6px;background:linear-gradient(180deg,#ffd77a,#c98229);box-shadow:inset 0 1px #ffffff73,0 10px 24px #00000059}.upload-button{width:min(100%,360px);min-height:84px;padding:18px 28px;font-size:clamp(1.25rem,2vw,1.7rem);letter-spacing:.04em;text-transform:uppercase}.primary-button:hover,.download-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button input{display:none}.primary-button.full,.download-button{width:100%}.error-box,.warning-box{margin-top:14px;padding:10px 12px;color:#ffd5cf;border:1px solid rgba(255,93,79,.38);background:#57140f6b;border-radius:6px}.studio-grid{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.studio-grid.lower{grid-template-columns:1fr}.left-stack,.right-stack{display:grid;gap:18px}.rack-panel{padding:18px}.panel-title,.control-heading{display:flex;justify-content:space-between;gap:14px;align-items:baseline;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.panel-title span,.control-heading span{color:#a79f92;font-size:.8rem;text-transform:uppercase;font-weight:800}.panel-title strong,.control-heading strong{color:#fff4df;font-size:1.05rem}.info-grid{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.3fr);gap:10px 14px}.info-grid span{color:#8d897f}.info-grid strong{color:#f6eedf;overflow-wrap:anywhere}.empty-copy,.hint{color:#a9a094;line-height:1.55}.master-preset-row,.segmented,.mode-row,.transport,.ab-switch{display:flex;gap:8px;flex-wrap:wrap}.preset-label{margin:4px 0 10px;color:#f2b84b;font-size:.78rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.master-preset-row button,.segmented button,.ab-switch button,.mode-button,.preset-button{color:#f4efe5;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#242727,#111313);border-radius:6px;box-shadow:inset 0 1px #ffffff14}.mastering-panel button:hover,.mastering-panel .preset-button:hover,.mastering-panel .mode-button:hover,.rack-panel button:hover:not(:disabled){border-color:#f2b84bc7;color:#ffe6ae;background:linear-gradient(180deg,#f2b84b2e,#140f0833),linear-gradient(180deg,#2d302f,#141615);box-shadow:inset 0 0 18px #f2b84b29,0 0 0 1px #f2b84b2e,0 10px 30px #00000052}.master-preset-row button,.segmented button,.ab-switch button{flex:1 1 140px;min-height:36px;padding:8px 11px}.active,.preset-button.active,.mode-button.active{border-color:#f2b84bbd!important;color:#ffe6ae!important;box-shadow:inset 0 0 18px #f2b84b29,0 0 0 1px #f2b84b1f!important}.control-block{display:grid;gap:12px;padding:16px 0}.preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.preset-button,.mode-button{display:grid;gap:4px;width:100%;min-height:92px;padding:12px;text-align:left}.mode-row .mode-button{flex:1 1 170px}.preset-button span,.mode-button span,.preset-button small{color:#aca498}.knob-row,.volume-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:10px;color:#cfc5b3}.knob-row input,.knob-row select{width:100%;min-height:40px;padding:8px 10px;color:#fff4df;border:1px solid rgba(255,255,255,.12);background:#090a0a;border-radius:6px}.export-controls{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:10px;margin-bottom:16px}.export-controls label{display:grid;gap:7px;color:#a9a094}.export-controls select{width:100%;min-height:42px;padding:8px 10px;color:#fff4df;border:1px solid rgba(255,255,255,.12);background:#090a0a;border-radius:6px}.export-progress{height:8px;margin:12px 0 0;overflow:hidden;border:1px solid rgba(242,184,75,.2);background:#090a0a;border-radius:999px}.export-progress span{display:block;height:100%;background:linear-gradient(90deg,#a9f0af,#f2b84b);box-shadow:0 0 18px #f2b84b59;transition:width .12s ease}input[type=range]{accent-color:#f2b84b}.meter-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.meter-column{display:grid;gap:8px;padding:14px;background:#00000038;border:1px solid rgba(255,255,255,.08);border-radius:6px}.meter-column h3{margin:0 0 6px;color:#f2b84b}.meter-cell{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;background:#0b0d0d;border:1px solid rgba(255,255,255,.07);border-radius:5px}.meter-cell span{color:#8f8b82}.meter-cell strong{color:#dfffd8;text-align:right}.meter-cell.medium strong,.meter-cell.watch strong{color:#ffd77a}.meter-cell.high strong,.meter-cell.danger strong,.meter-cell.poor strong{color:#ff8a7d}.summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.analysis-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.analysis-actions button{min-height:38px;padding:8px 12px;color:#f4efe5;border:1px solid rgba(242,184,75,.28);background:linear-gradient(180deg,#222524,#101211);border-radius:6px}.compressor-readout{margin-top:6px;padding:14px;background:linear-gradient(180deg,#f2b84b14,#0000001a),#0b0d0d;border:1px solid rgba(242,184,75,.18);border-radius:6px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;color:#cfc5b3}.switch-row input{width:42px;height:22px;accent-color:#f2b84b}.compressor-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.compressor-controls label{display:grid;gap:5px;min-width:0;color:#a9a094}.compressor-controls input,.compressor-controls select{width:100%;min-height:38px;padding:7px 9px;color:#fff4df;border:1px solid rgba(255,255,255,.12);background:#090a0a;border-radius:6px}.compressor-controls small{color:#7f7a70}.player-panel{min-height:300px}.play-button{min-width:110px;min-height:48px;color:#06140a;font-weight:900;border:1px solid rgba(164,255,155,.45);border-radius:6px;background:linear-gradient(180deg,#b8ff91,#49a955)}.seek-row{display:grid;grid-template-columns:48px 1fr 48px;gap:10px;align-items:center;margin:18px 0 12px;color:#cfc5b3}.live-meter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.live-meter{display:grid;gap:6px;padding:12px;background:#070808;border:1px solid rgba(255,255,255,.08);border-radius:6px}.live-meter span,.live-meter small{color:#8f8b82}.live-meter strong{color:#a9f0af;font-size:clamp(1.05rem,1.6vw,1.45rem);line-height:1.1;font-variant-numeric:tabular-nums}.monitor-scopes{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:10px;margin-top:16px;overflow:hidden}.compressor-monitor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.compressor-monitor>div{display:grid;gap:7px;padding:12px;background:#070808;border:1px solid rgba(255,255,255,.08);border-radius:6px}.compressor-monitor span{color:#8f8b82}.compressor-monitor strong{color:#dfffd8;font-variant-numeric:tabular-nums}.compressor-bar i{background:linear-gradient(90deg,#a9f0af,#f2b84b,#ff8a7d)}.monitor-scopes>div{display:grid;gap:7px;min-width:0;padding:12px;color:#a9a094;background:#070808;border:1px solid rgba(255,255,255,.08);border-radius:6px}.monitor-scopes span{color:#f2b84b;font-size:.78rem;font-weight:800;text-transform:uppercase}.monitor-scopes canvas{display:block;width:100%;height:160px;border:1px solid rgba(255,255,255,.08);border-radius:5px}.monitor-scopes>div:last-child canvas{height:220px}.led-bar{height:9px;overflow:hidden;background:#151817;border-radius:999px}.led-bar i{display:block;height:100%;background:linear-gradient(90deg,#4cd964,#f2b84b,#ff5d4f)}.waveform-panel canvas{display:block;width:100%;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:6px}.wave-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;color:#a9a094}.wave-legend span:before{content:"";display:inline-block;width:12px;height:8px;margin-right:6px;border-radius:2px}.original-key:before{background:#6f7d88}.processed-key:before{background:#f2b84b}.ceiling-key:before{background:#dfffd8}.export-panel .download-button{color:#dfffd8;background:linear-gradient(180deg,#203927,#0b1b11);border-color:#a9f0af59}.app-footer{color:#8f8b82}.app-footer span:first-child{color:#bfb6a7;font-weight:800}.app-footer span:last-child{margin-top:2px;color:#f2b84b;font-size:.72rem;letter-spacing:.12em}@media(max-width:700px){.app-shell{width:min(100% - 20px,1480px)}.app-footer,.upload-deck{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.deck-ring{width:112px}.preset-grid,.meter-comparison,.summary-strip,.live-meter-grid,.export-controls,.monitor-scopes,.compressor-monitor,.compressor-controls{grid-template-columns:1fr}}