.token-mixer-page .token-mixer{width:100%;max-width:1800px;box-sizing:border-box;margin:auto;padding:24px clamp(12px,2vw,32px) 32px;}
.token-mixer-page .mixer-hero{gap:20px;align-items:start;}.token-mixer-page .mixer-hero h1{font-size:clamp(36px,5vw,68px);margin:8px 0;}.token-mixer-page .mixer-hero p{max-width:65ch;line-height:1.6;}
.token-mixer-page .mixer-transport{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0;}.token-mixer-page .mixer-transport>*{min-width:0;}.token-mixer-page .mixer-transport button{min-height:44px;}.token-mixer-page .mixer-transport output{flex-basis:100%;font-variant-numeric:tabular-nums;}
.token-mixer-page .mixer-workspace{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(210px,260px);gap:14px;align-items:start;}
.token-mixer-page :is(.timeline-shell,.audio-panel,.inspector){min-width:0;box-sizing:border-box;}.token-mixer-page :is(.audio-panel,.inspector){position:static;max-height:75dvh;overflow-y:auto;scrollbar-gutter:stable;}
.token-mixer-page .pro-tracks{min-width:0!important;width:100%;overflow-x:auto;overscroll-behavior-x:contain;}.token-mixer-page .pro-track{width:100%;min-width:var(--mixer-timeline-width,16400px);}.token-mixer-page .pro-ruler{overflow:hidden;min-height:30px;}.token-mixer-page .timeline-tools{display:flex;flex-wrap:wrap;gap:6px;}.token-mixer-page .timeline-tools>*{max-width:100%;}.token-mixer-page .timeline-tools button{min-height:40px;}
.token-mixer-page .quest-strip{position:static;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:24px;margin-top:20px;border:1px solid #45692e;border-radius:16px;background:linear-gradient(120deg,#172913,#080e0b);scroll-margin-top:150px;}.token-mixer-page .quest-strip>div{flex:1 1 400px;}.token-mixer-page .quest-strip h2{margin:8px 0;font-size:clamp(24px,3vw,36px);}.token-mixer-page .quest-strip p{max-width:70ch;line-height:1.6;}.mixer-quest-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}.mixer-quest-actions>*{min-height:44px;}.mixer-notice{padding:12px 16px;border-left:3px solid #baff39;background:#162510;color:#e9ffce;overflow-wrap:anywhere;}.mixer-notice[hidden]{display:none;}.needs-credits{border-color:#ffda3a!important;}
body.mixer-focused>.topbar,body.mixer-focused>.site-header,body.mixer-focused>#shared-rewards{display:none;}body.mixer-focused .token-mixer{max-width:none;}body.mixer-focused .mixer-hero{grid-template-columns:1fr;}body.mixer-focused .mixer-hero>div:first-child{display:none;}body.mixer-focused .quest-strip{scroll-margin-top:16px;}
@media(max-width:1200px){.token-mixer-page .mixer-workspace{grid-template-columns:minmax(190px,240px) minmax(0,1fr);}.token-mixer-page .inspector{grid-column:1/-1;max-height:none;}.token-mixer-page .inspector form{display:flex;flex-wrap:wrap;gap:12px;}.token-mixer-page .inspector label{flex:1 1 120px;}}
@media(max-width:760px){.token-mixer-page .mixer-workspace{grid-template-columns:minmax(0,1fr);}.token-mixer-page .mixer-hero{grid-template-columns:1fr;}.token-mixer-page .audio-panel{max-height:420px;}.token-mixer-page .mixer-transport{position:static;}.token-mixer-page .quest-strip{padding:16px;scroll-margin-top:180px;}.token-mixer-page .library-list{max-height:260px;}.token-mixer-page .mixer-transport button{flex:1 1 130px;}}