:root{--mix-ink:#183c36;--mix-paper:#fffdf9;--mix-bg:#f3ebe0;--mix-line:rgba(24,60,54,.15);--mix-blue:#4d97bb}.mixer-page{min-height:100vh;background:var(--mix-bg);color:var(--mix-ink)}.mixer-header{position:relative;opacity:1!important;background:#f7f4f4}.mixer-header .main-nav .is-current{background:rgba(187,83,62,.13);color:#bb533e}.mixer-main{width:min(100% - 64px,1760px);margin:0 auto;padding:34px 0 88px}.back-link{display:inline-block;color:var(--mix-ink);font:700 12px 'DM Sans',sans-serif;text-decoration:none;letter-spacing:.05em;margin:0 0 34px}.back-link:hover{color:#bb533e}.mixer-intro{display:flex;align-items:center;gap:25px;margin:0 0 34px}.mixer-intro img{width:108px;height:108px;object-fit:cover;border-radius:14px;box-shadow:0 10px 30px rgba(24,60,54,.12)}.mixer-kicker{font:800 10px 'DM Sans',sans-serif;letter-spacing:.14em;color:#bb533e;margin:0 0 6px}.mixer-intro h1{font:600 clamp(33px,4vw,56px)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:0}.mixer-intro p:last-child{max-width:600px;margin:10px 0 0;font:400 15px/1.45 'DM Sans',sans-serif}.mixer{border:1px solid var(--mix-line);border-radius:17px;background:var(--mix-paper);box-shadow:0 18px 45px rgba(24,60,54,.06);overflow:hidden}.mixer-topbar{min-height:112px;display:flex;align-items:center;gap:20px;padding:19px 30px;border-bottom:1px solid var(--mix-line)}.master-play{width:64px;height:64px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--mix-blue);color:white;font:700 23px/1 'DM Sans',sans-serif;cursor:pointer;transition:transform .18s,filter .18s}.master-play:hover{transform:scale(1.06);filter:brightness(.92)}.master-play span{display:block;line-height:1;transform:translateX(1px)}.master-time{display:flex;gap:10px;align-items:center;margin:0;font:500 25px/1 'DM Sans',sans-serif;color:#222b33}.master-time i{font-style:normal;color:#aab1bc}.master-time span:last-child{color:#9ca5b1}.loop-toggle{border:0;border-radius:12px;background:#eef0f3;color:#5b6067;padding:13px 17px;font:700 16px/1 'DM Sans',sans-serif;cursor:pointer;transition:background .18s,color .18s}.loop-toggle.is-active{background:#e1edf3;color:#35789a}.master-volume{display:flex;align-items:center;gap:14px;margin-left:auto;font-size:29px;color:#3b424a}.master-volume input{width:min(18vw,210px);accent-color:#232831}.preview-note{padding:12px 30px;background:rgba(77,151,187,.06);border-bottom:1px solid var(--mix-line);color:#58707d;font:600 11px 'DM Sans',sans-serif;letter-spacing:.035em}.mixer-stem{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:114px;border-bottom:1px solid var(--mix-line)}.mixer-stem:last-child{border-bottom:0}.stem-controls{padding:22px 28px;display:flex;flex-direction:column;justify-content:center;gap:14px}.stem-controls strong{font:700 20px/1.05 'DM Sans',sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stem-controls>div{display:flex;gap:9px}.stem-button{height:36px;min-width:48px;padding:0 10px;border:1px solid #dce0e6;border-radius:10px;background:#fff;color:#5c6168;font:800 14px 'DM Sans',sans-serif;cursor:pointer}.stem-button:hover,.mixer-stem.is-solo .stem-solo,.mixer-stem.is-muted .stem-mute{border-color:#4d97bb;background:#e1edf3;color:#27749a}.full-waveform{display:block;width:100%;height:114px;cursor:pointer;outline:none}.full-waveform:focus-visible{box-shadow:inset 0 0 0 3px rgba(77,151,187,.5)}.mixer-page footer{padding:36px max(5vw,32px);display:flex;align-items:center;justify-content:space-between;background:#f7f4f4;border-top:1px solid var(--mix-line)}.mixer-page footer strong{font:700 17px 'DM Sans',sans-serif;letter-spacing:.12em}.mixer-page footer p{font-size:13px;margin:5px 0 0}.mixer-page footer a{color:var(--mix-ink);font:700 13px 'DM Sans',sans-serif}@media(max-width:760px){.mixer-header{height:auto;padding:17px 24px}.mixer-header .main-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.mixer-header .main-nav>a{font-size:11px}.mixer-header .nav-support{display:none}.mixer-main{width:min(100% - 32px,1760px);padding:26px 0 60px}.back-link{margin-bottom:25px}.mixer-intro{align-items:flex-start;gap:16px;margin-bottom:26px}.mixer-intro img{width:72px;height:72px}.mixer-intro h1{font-size:34px}.mixer-intro p:last-child{font-size:13px}.mixer-topbar{min-height:80px;padding:12px 14px;gap:10px}.master-play{width:48px;height:48px;font-size:18px}.master-time{gap:5px;font-size:16px}.loop-toggle{padding:10px;font-size:14px}.loop-toggle span{display:none}.master-volume{gap:7px;font-size:20px}.master-volume input{width:60px}.preview-note{padding:10px 14px;font-size:9px}.mixer-stem{grid-template-columns:110px minmax(0,1fr);min-height:82px}.stem-controls{padding:12px 10px;gap:8px}.stem-controls strong{font-size:12px}.stem-button{height:29px;min-width:33px;padding:0 7px;font-size:12px}.full-waveform{height:82px}.mixer-page footer{padding:28px 24px}}