.mixer-hero .page-hero-inner{max-width:860px}.mixer-lockup{display:inline-flex;align-items:center;gap:10px;font-family:"Outfit Variable","Outfit",var(--font-sans);font-size:18px;font-weight:500;letter-spacing:-.01em;color:var(--text)}.mixer-lockup .logo-mark{width:30px;height:30px}.mixer-word{display:block;flex:none;height:14px;width:auto}.mixer-name{font-size:20px;line-height:14px;margin-left:-2px}.mixer-lockup .tag-pro{margin-left:2px}.mixer-games{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:13px;color:var(--faint)}.mixer-games .gm-logo{width:30px;height:30px;border-radius:8px}.mixer-games>span:first-child{margin-right:4px}.mixer-games>span:last-child{margin-left:4px}.mixer-demo{padding-bottom:clamp(56px,8vw,104px)}.mixer-demo .demo-hint{margin-top:20px}.mixer-preview{position:relative;width:100%;height:748px;border-radius:16px;overflow:hidden;background:#0d0d0d;box-shadow:0 1px 1px #0003,0 4px 8px -2px #0000004d,0 24px 48px -20px #0000008c}:root[data-theme=light] .mixer-preview{background:#e9e8e5;box-shadow:0 1px 1px #46301c12,0 4px 8px -2px #46301c17,0 26px 48px -22px #46301c38}.mixer-preview:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff12}:root[data-theme=light] .mixer-preview:after{box-shadow:inset 0 0 0 1px #00000017,inset 0 1px #fff9}.mixer-preview iframe{position:absolute;top:0;left:0;display:block;width:100%;height:100%;border:0;transform-origin:0 0;opacity:0;transition:opacity .5s var(--ease-smooth-out)}.mixer-preview.is-live iframe{opacity:1}.js .mixer-preview[data-reveal-self]:not(.is-shown){filter:none}.mixer-preview[data-reveal-self]{transition-property:opacity,transform}@media(max-width:731px){.mixer-preview{height:auto;aspect-ratio:700 / 748}}@media(max-width:640px){.mixer-preview{border-radius:12px}}.presets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.preset-card .panel-title{gap:8px;color:var(--ec-text)}.preset-card .gm-logo{border-radius:5px}.preset-well{display:grid;gap:12px;padding:14px}.preset-curve{width:100%;height:70px;overflow:visible}.preset-curve .pv-eq-line{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.4s var(--ease-smooth-out)}.preset-card.is-drawn .pv-eq-line{stroke-dashoffset:0}.preset-curve .pv-eq-fill{opacity:0;transition:opacity .9s var(--ease-smooth-out) .4s}.preset-card.is-drawn .pv-eq-fill{opacity:1}.preset-well p{font-size:13px;line-height:1.5;color:var(--ec-text-muted)}@media(max-width:1100px){.presets{grid-template-columns:repeat(3,minmax(0,1fr))}}.keys-list{display:flex;flex-direction:column;padding:6px}.keys-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-radius:9px;font-size:14px;color:var(--ec-text-muted);transition:background-color .42s var(--ease-smooth-out),color .42s var(--ease-smooth-out)}.keys-row.is-on{color:var(--ec-text);background:rgba(var(--ink),.035)}.keys{display:inline-flex;align-items:center;gap:4px}.keys-plus{font-family:var(--font-mono);font-size:11px;color:var(--faint)}.keys kbd{min-width:30px;height:28px;padding:0 8px;border-radius:7px;display:inline-grid;place-items:center;font-family:var(--font-mono);font-size:11.5px;font-weight:600;color:var(--ec-text);background:var(--ec-panel-bg);box-shadow:var(--key-ring),0 2px #00000059;transition:transform .12s var(--ease-smooth-out),box-shadow .12s var(--ease-smooth-out),color .2s ease}:root[data-theme=light] .keys kbd{box-shadow:var(--key-ring),0 2px #0000001f}.keys kbd.is-down{transform:translateY(2px);box-shadow:var(--key-ring),0 0 #00000059;color:var(--warm-text)}@media(max-width:640px){.presets{--snap-w:76%}}