.studio-shell{color:#f3f0e9;background:#070707;min-height:100svh}.game-topbar{z-index:5;background:#050505;border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,4vw,72px);display:flex;position:relative}.game-top-actions{letter-spacing:.08em;align-items:center;gap:28px;font-size:.72rem;font-weight:700;display:flex}.game-top-actions span{color:#777}.game-top-actions a{border:1px solid #ffffff35;padding:10px 13px}.game-top-actions a:hover{background:#ef342f;border-color:#ef342f}.studio-hero{background:radial-gradient(circle at 82% 30%,#ef342f30,#0000 25%),repeating-linear-gradient(0deg,#0000 0 3px,#ffffff06 3px 4px);padding:130px clamp(22px,7vw,120px) 75px}.studio-kicker{color:#ef342f;letter-spacing:.16em;font-size:.78rem;font-weight:900}.studio-hero h1{margin:30px 0;font:900 clamp(5rem,13vw,12rem)/.78 Impact,Arial Black,sans-serif}.studio-hero h1 span{color:#ef342f}.studio-hero>p:not(.studio-kicker){color:#bbb8b1;max-width:690px;font-size:1.05rem;line-height:1.7}.studio-rule{flex-wrap:wrap;gap:10px;margin-top:35px;display:flex}.studio-rule span{color:#888;border:1px solid #ffffff30;padding:9px 12px;font-size:.68rem;font-weight:900}.mixer{padding:0 clamp(22px,7vw,120px) 60px}.sound-layer{border-top:1px solid #ffffff24;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:50px;padding:52px 0;display:grid}.layer-heading{align-items:flex-start;gap:24px;display:flex}.layer-heading>b{color:#ef342f;font:900 4.8rem/.8 Impact,Arial Black,sans-serif}.layer-heading h2{font:900 clamp(2.4rem,4vw,4.3rem)/.88 Impact,Arial Black,sans-serif}.layer-heading p{color:#777;max-width:310px;font-size:.8rem;line-height:1.5}.sound-options{gap:10px;display:grid}.sound-option{background:#0b0b0b;border:1px solid #ffffff25;grid-template-columns:1fr 64px;transition:all .2s;display:grid}.sound-option:hover{border-color:#ffffff70}.sound-option.selected{border-color:#ef342f;box-shadow:inset 4px 0 #ef342f}.select-sound,.preview-sound{color:#fff;cursor:pointer;background:0 0;border:0}.select-sound{text-align:left;align-items:center;gap:15px;padding:18px;display:flex}.select-sound i{border:2px solid #777;border-radius:50%;flex:none;width:14px;height:14px}.selected .select-sound i{background:#ef342f;border-color:#ef342f;box-shadow:inset 0 0 0 3px #0b0b0b}.select-sound span{gap:4px;display:grid}.select-sound strong{font:900 .86rem Courier New,monospace}.select-sound small{color:#777}.preview-sound{border-left:1px solid #ffffff20;font-size:1.1rem}.preview-sound:hover{background:#ef342f}.mix-desk{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050505ed;border-top:1px solid #ffffff32;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:19px clamp(22px,4vw,72px);display:grid;position:sticky;bottom:0;box-shadow:0 -15px 35px #000a}.mix-readout>span{color:#ef342f;letter-spacing:.13em;font-size:.63rem;font-weight:900}.mix-readout>div{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.mix-readout b{color:#aaa7a0;border:1px solid #fff2;padding:5px 7px;font-size:.65rem}.desk-actions{gap:8px;display:flex}.desk-actions button,.result-buttons button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff35;padding:13px 15px;font:900 .72rem Courier New,monospace}.desk-actions button:hover,.result-buttons button:hover{background:#ef342f;border-color:#ef342f}.desk-actions button:disabled{opacity:.28;cursor:not-allowed}.play-mix{border-color:#fff!important}.build-button{background:#ef342f!important;border-color:#ef342f!important}.playing-bar{background:#211;height:3px;position:absolute;bottom:0;left:0;right:0}.playing-bar i{background:#ef342f;width:35%;height:100%;animation:1.2s linear infinite playing;display:block}.playing-bar span{color:#ef342f;font-size:.55rem;position:absolute;bottom:7px;right:10px}.result-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000d;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.track-result{background:#0b0b0b;border:1px solid #ffffff35;grid-template-columns:1.1fr .9fr;width:min(1040px,100%);max-height:92vh;animation:.45s resultIn;display:grid;position:relative;overflow:auto;box-shadow:20px 20px #ef342f44}.close-result{z-index:2;color:#fff;cursor:pointer;background:#080808;border:1px solid #fff5;width:42px;height:42px;font-size:1.5rem;position:absolute;top:13px;right:13px}.close-result:hover{background:#ef342f}.result-photo{min-height:490px;position:relative}.result-photo img{object-fit:cover;width:100%;height:100%}.result-photo span{background:#ef342f;padding:9px 11px;font-size:.68rem;font-weight:900;position:absolute;bottom:18px;left:18px}.result-copy{flex-direction:column;justify-content:center;padding:60px 45px;display:flex}.result-copy h2{color:#ef342f;margin:25px 0;font:900 clamp(3.5rem,7vw,7rem)/.82 Impact,Arial Black,sans-serif}.result-copy>p:not(.studio-kicker){color:#aaa7a0;line-height:1.65}.result-buttons{flex-wrap:wrap;gap:8px;margin-top:30px;display:flex}@keyframes playing{0%{transform:translate(-100%)}to{transform:translate(340%)}}@keyframes resultIn{0%{opacity:0;transform:scale(.9)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (max-width:850px){.studio-hero{padding-top:90px}.sound-layer{grid-template-columns:1fr;gap:22px}.mix-desk{grid-template-columns:1fr;position:relative}.desk-actions{grid-template-columns:1fr 1fr;display:grid}.build-button{grid-column:1/-1}.track-result{grid-template-columns:1fr}.result-photo{min-height:300px;max-height:44vh}.result-copy{padding:38px 25px}.game-top-actions>span{display:none}}@media (max-width:520px){.game-topbar{padding-inline:18px}.studio-hero,.mixer{padding-left:18px;padding-right:18px}.studio-hero h1{font-size:clamp(4.2rem,22vw,6.5rem)}.layer-heading>b{font-size:3.7rem}.sound-option{grid-template-columns:1fr 56px}.mix-desk{padding:16px 18px}.desk-actions{grid-template-columns:1fr}.build-button{grid-column:auto}.result-backdrop{padding:10px}.track-result{box-shadow:8px 8px #ef342f44}.result-photo{min-height:245px}.result-copy h2{font-size:3.6rem}}