.mixer[data-astro-cid-z5jsql57]{max-width:1080px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.mixer__intro[data-astro-cid-z5jsql57]{margin-bottom:2rem}.mixer__intro[data-astro-cid-z5jsql57] .eyebrow[data-astro-cid-z5jsql57]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim, #6b6774);margin:0 0 .5rem}.mixer__intro[data-astro-cid-z5jsql57] h1[data-astro-cid-z5jsql57]{font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2.25rem,5vw,3.25rem);font-weight:600;letter-spacing:-.02em;margin:0 0 .75rem;line-height:1}.mixer__intro[data-astro-cid-z5jsql57] .lead[data-astro-cid-z5jsql57]{max-width:52ch;font-size:1.05rem;line-height:1.5;color:var(--ink-muted, #3f3b46);margin:0}.mixer__intro[data-astro-cid-z5jsql57] em[data-astro-cid-z5jsql57]{font-style:normal;background:linear-gradient(90deg,var(--sky, #60c0ff),var(--violet, #a678ff));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:500}.mixer__grid[data-astro-cid-z5jsql57]{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1.15fr);gap:1.75rem;align-items:start}.console[data-astro-cid-z5jsql57]{background:var(--surface, #f6f5fa);border:1px solid var(--line, rgba(0, 0, 0, .08));border-radius:18px;padding:1.25rem 1.25rem 1rem;display:grid;gap:.9rem;box-shadow:0 1px #fff9 inset,0 12px 30px -18px #00000040}.channel[data-astro-cid-z5jsql57]{display:grid;gap:.35rem}.channel__top[data-astro-cid-z5jsql57]{display:flex;align-items:baseline;gap:.6rem;font-size:.82rem}.channel__code[data-astro-cid-z5jsql57]{display:inline-block;min-width:2.25rem;padding:2px 7px;border-radius:6px;background:var(--chan-color);color:#0c0b12;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:.72rem;letter-spacing:.04em;text-align:center;box-shadow:0 0 0 1px #0000000f,0 6px 14px -8px var(--chan-color)}.channel__name[data-astro-cid-z5jsql57]{color:var(--ink, #1a1820);font-weight:500}.channel__val[data-astro-cid-z5jsql57]{margin-left:auto;color:var(--ink-dim, #6b6774);font-size:.82rem;min-width:2.5rem;text-align:right}.slider[data-astro-cid-z5jsql57]{-webkit-appearance:none;appearance:none;width:100%;height:14px;background:linear-gradient(to right,color-mix(in srgb,var(--chan-color) 0%,rgba(0,0,0,.08)) 0%,var(--chan-color) 100%);border-radius:999px;outline:none;cursor:pointer;box-shadow:inset 0 1px 2px #00000026}.slider[data-astro-cid-z5jsql57]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--chan-color);box-shadow:0 2px 10px var(--chan-color),0 0 0 1px #00000014;cursor:grab;transition:transform .08s ease-out}.slider[data-astro-cid-z5jsql57]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.08)}.slider[data-astro-cid-z5jsql57]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--chan-color);box-shadow:0 2px 10px var(--chan-color);cursor:grab}.slider[data-astro-cid-z5jsql57]:focus-visible{outline:2px solid var(--sky, #60c0ff);outline-offset:4px}.console__actions[data-astro-cid-z5jsql57]{display:flex;gap:.5rem;margin-top:.35rem;padding-top:.85rem;border-top:1px dashed var(--line, rgba(0,0,0,.08))}.output[data-astro-cid-z5jsql57]{display:grid;gap:1.25rem;position:sticky;top:1rem}.swatch[data-astro-cid-z5jsql57]{position:relative;aspect-ratio:4 / 3;border-radius:20px;background:var(--current, #0c0b12);box-shadow:0 0 60px 6px color-mix(in srgb,var(--current, #0c0b12) 55%,transparent),inset 0 0 0 1px #ffffff0a;transition:background .12s linear,box-shadow .18s linear;overflow:hidden}.swatch__grain[data-astro-cid-z5jsql57]{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay;opacity:.35;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.25 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.readouts[data-astro-cid-z5jsql57]{display:grid;gap:.6rem}.readout[data-astro-cid-z5jsql57]{background:var(--surface, #f6f5fa);border:1px solid var(--line, rgba(0,0,0,.08));border-radius:12px;padding:.7rem .9rem}.readout__label[data-astro-cid-z5jsql57]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim, #6b6774);margin-bottom:.35rem}.readout__label[data-astro-cid-z5jsql57] .dim[data-astro-cid-z5jsql57]{opacity:.6;text-transform:none;letter-spacing:.05em}.readout__row[data-astro-cid-z5jsql57]{display:flex;align-items:center;gap:.5rem}.readout__value[data-astro-cid-z5jsql57]{flex:1;font-size:1rem;color:var(--ink, #1a1820);background:transparent;padding:0;word-break:break-all}.mono[data-astro-cid-z5jsql57]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.copy[data-astro-cid-z5jsql57],.btn[data-astro-cid-z5jsql57],.preset[data-astro-cid-z5jsql57]{font:inherit;cursor:pointer;border-radius:999px;padding:.4rem .9rem;font-size:.82rem;background:var(--ink, #1a1820);color:#fafafc;border:1px solid transparent;transition:transform .08s,background .12s,border-color .12s}.copy[data-astro-cid-z5jsql57]{padding:.28rem .75rem;font-size:.72rem}.copy[data-astro-cid-z5jsql57]:hover,.preset[data-astro-cid-z5jsql57]:hover,.btn[data-astro-cid-z5jsql57]:hover{transform:translateY(-1px)}.copy[data-astro-cid-z5jsql57].copied{background:var(--lime, #9bd64a);color:#0c0b12}.btn--ghost[data-astro-cid-z5jsql57]{background:transparent;color:var(--ink, #1a1820);border-color:var(--line, rgba(0,0,0,.12))}.btn--ghost[data-astro-cid-z5jsql57]:hover{border-color:var(--ink, #1a1820)}.presets__label[data-astro-cid-z5jsql57]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim, #6b6774);margin:.25rem 0 .5rem}.presets__grid[data-astro-cid-z5jsql57]{display:flex;flex-wrap:wrap;gap:.4rem}.preset[data-astro-cid-z5jsql57]{background:var(--surface, #f6f5fa);color:var(--ink, #1a1820);border-color:var(--line, rgba(0,0,0,.08))}.preset[data-astro-cid-z5jsql57]:hover{border-color:var(--sky, #60c0ff)}.mixer__footnote[data-astro-cid-z5jsql57]{margin-top:2.5rem;padding-top:1.25rem;border-top:1px dashed var(--line, rgba(0,0,0,.12));color:var(--ink-dim, #6b6774);font-size:.88rem;line-height:1.6;max-width:64ch}@media (max-width: 780px){.mixer__grid[data-astro-cid-z5jsql57]{grid-template-columns:1fr}.output[data-astro-cid-z5jsql57]{position:static;order:-1}.swatch[data-astro-cid-z5jsql57]{aspect-ratio:16 / 9}}@media (prefers-color-scheme: dark){.console[data-astro-cid-z5jsql57],.readout[data-astro-cid-z5jsql57],.preset[data-astro-cid-z5jsql57]{background:#ffffff0a;border-color:#ffffff14}.channel__name[data-astro-cid-z5jsql57],.readout__value[data-astro-cid-z5jsql57]{color:var(--ink, #ece9f2)}.btn--ghost[data-astro-cid-z5jsql57]{color:var(--ink, #ece9f2);border-color:#ffffff24}.btn--ghost[data-astro-cid-z5jsql57]:hover{border-color:#fff6}.copy[data-astro-cid-z5jsql57]{background:#ece9f2;color:#0c0b12}.copy[data-astro-cid-z5jsql57].copied{background:var(--lime, #9bd64a)}.preset[data-astro-cid-z5jsql57]:hover{border-color:var(--sky, #60c0ff)}.slider[data-astro-cid-z5jsql57]{background:linear-gradient(to right,rgba(255,255,255,.08),var(--chan-color))}.mixer__footnote[data-astro-cid-z5jsql57]{border-top-color:#ffffff1a}}