#reels{background:#0d141b;color:#edf1f1;--ink:#edf1f1;--muted:#aab8be;--amber:#e4bc7d;padding-top:76px;padding-bottom:64px}
#reels>.section-atmosphere{mix-blend-mode:screen;opacity:.58}#reels .reels-head{max-width:none;margin-bottom:28px}#reels .reels-head h2{font-size:clamp(38px,4vw,62px);line-height:1.03;margin:14px 0}#reels .reels-head>p{max-width:620px;color:#b9c4ca}#reels .reel-volume{display:none}#reels .chapter{color:#dec39c}
.demo-console{--green:#99e3bb;background:linear-gradient(160deg,#2a3036,#171d24 40%,#20262d);border:1px solid #78838b66;border-radius:12px;box-shadow:0 28px 70px #0009,inset 0 1px #ffffff2b;padding:22px 26px 0;margin:0 0 28px;overflow:hidden;color:#e8eeef}
.console-topline{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #ffffff18;padding-bottom:17px;font:11px monospace;letter-spacing:.14em;color:#a4afb7}.console-topline strong{font-size:13px;color:#f3dcc0}.console-state:before{content:'';display:inline-block;width:6px;height:6px;background:#91cfa7;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #80c99b88}
.console-surface{display:grid;grid-template-columns:minmax(0,1fr) 135px;gap:22px;padding:22px 0}.console-screen{padding:21px;background:#091116;border:1px solid #47545b;border-radius:5px;box-shadow:inset 0 0 28px #0009;min-width:0}.console-screen-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.console-screen label{font:10px monospace;letter-spacing:.12em;color:#91aeaf}.console-select{display:block;background:#14212a;color:#e4eceb;border:1px solid #41525c;padding:10px;margin-top:7px;max-width:100%;font-size:14px;min-height:44px}.console-title{font-size:clamp(24px,3vw,38px);font-weight:500;margin:22px 0 4px}.console-clock{font:16px monospace;letter-spacing:.06em;color:#e5c693;white-space:nowrap}.console-screen canvas{display:block;width:100%;height:128px;margin:10px 0 0}.console-seek{width:100%;accent-color:#d9b782;cursor:pointer;min-height:32px}.console-scale{display:flex;justify-content:space-between;font:9px monospace;color:#7c929b}
.console-master{background:linear-gradient(90deg,#12181f,#283039,#161d24);border:1px solid #434f59;border-radius:4px;padding:16px 10px;display:flex;align-items:center;flex-direction:column;gap:12px}.console-master>span:first-child{font:10px monospace;letter-spacing:.12em;color:#acbac3}.console-master-controls{display:flex;gap:20px;justify-content:center;height:190px}.console-fader{writing-mode:vertical-lr;direction:rtl;width:24px;height:190px;accent-color:#deded7;cursor:ns-resize}.console-meter{display:flex;gap:4px;height:190px;align-items:end;background:repeating-linear-gradient(0deg,#ffffff15 0 1px,transparent 1px 9px);padding:0 4px}.console-meter i{display:block;width:7px;height:100%;background:repeating-linear-gradient(0deg,transparent 0 2px,#0004 2px 3px),linear-gradient(0deg,#7ed9aa 70%,#f5cd75 90%,#e58068);clip-path:inset(calc((1 - var(--meter,.04))*100%) 0 0);transition:clip-path .08s}.console-level{font:13px monospace;color:#d3dcd8}.console-mute{background:#141a21;border:1px solid #69727a;color:#dde4e7;border-radius:3px;padding:8px;min-height:44px;width:100%;font-size:11px;letter-spacing:.06em}.console-mute[aria-pressed=true]{background:#c47849;color:white}
.console-transport{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:15px}.console-transport button,.console-download{border:1px solid #64717b;border-radius:3px;padding:12px 16px;min-height:46px;background:linear-gradient(#38434d,#242e36);color:#ecf1f0;font-size:13px;text-decoration:none;cursor:pointer}.console-transport .console-play{background:linear-gradient(#c6e2ca,#8fb79c);color:#12251b;border-color:#c3d6b9;font-weight:700;min-width:150px}.console-download{margin-left:auto;color:#ebd0a8}.console-transport button:focus-visible,.console-select:focus-visible,.console-fader:focus-visible,.console-seek:focus-visible{outline:2px solid #ebd0a8;outline-offset:3px}
.console-channels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#0008;border-top:1px solid #5d6870;margin:0 -26px}.console-channel{position:relative;background:linear-gradient(90deg,#1b2229,#303941 50%,#1b2229);padding:16px 10px;border:0;border-right:1px solid #0008;min-height:88px;color:#aebbc1;text-align:left;cursor:pointer}.console-channel b{display:block;font:9px monospace;letter-spacing:.12em;color:#85969e;margin-bottom:12px}.console-channel span{font-size:13px;font-weight:600}.console-channel:after{content:'';display:block;position:absolute;left:10px;right:10px;bottom:0;height:3px;background:#9bccba;opacity:.15}.console-channel[aria-pressed=true]{color:#e3f3e9;background:linear-gradient(90deg,#233b39,#30534b,#203832)}.console-channel[aria-pressed=true]:after{opacity:1;box-shadow:0 0 10px #95dfbd66}.console-channel:hover{background:#35434c}.device-volume .console-fader{display:none}.console-device-note{display:none;font-size:10px;text-align:center;color:#adbcc4}.device-volume .console-device-note{display:block}
#reels .reel{background:#18242ee8;border:1px solid #687b8c55;border-radius:5px;box-shadow:none;padding:20px;gap:16px;color:#e9eded}#reels .reel-visual{display:none}#reels .reel-meta h3{color:#eef1f0;font-size:23px}#reels .reel-tag,#reels .reel-time{color:#aabec6}#reels .reel-actions a,#reels .reel-share{color:#e6cda4}#reels .reel-play{border-color:#7c9290;color:#d6e6dc;background:#233b38}#reels .reel.is-playing{border-color:#9dd7b9;background:#20332fee}#reels .reel-wave i{background:#6b8c88}#reels .reel-wave i.on{background:#d7c091}#reels .additional-demos>h3{color:#e1e8e9;font-size:23px}#reels .buyer-contact{background:#0c151dc9;border:1px solid #667d8c55;color:#e7eded}#reels .buyer-contact p,#reels .buyer-email{color:#bdcace}#reels details summary{color:#e2cfad}
@media(max-width:700px){#reels{padding-top:48px}.demo-console{padding:16px 14px 0;border-radius:7px}.console-topline{font-size:9px;letter-spacing:.04em;gap:8px}.console-topline strong{font-size:10px}.console-surface{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px 0}.console-screen{padding:14px}.console-screen-top{align-items:start;flex-direction:column}.console-clock{font-size:13px}.console-title{font-size:27px;margin-top:18px}.console-screen canvas{height:98px}.console-master{flex-direction:row;justify-content:space-between;gap:10px;padding:10px}.console-master-controls{height:44px;flex:1}.console-fader{writing-mode:horizontal-tb;direction:ltr;height:44px;width:100%}.console-meter{display:none}.console-mute{width:auto}.console-transport{gap:8px}.console-transport button,.console-download{font-size:12px;padding:10px;min-height:44px}.console-download{margin-left:0}.console-channels{margin:0 -14px;grid-template-columns:repeat(5,minmax(0,1fr))}.console-channel{padding:12px 6px;min-height:76px}.console-channel span{font-size:10px}.console-channel b{font-size:8px}#reels .reel{padding:16px}.console-device-note{max-width:85px}}
@media(prefers-reduced-motion:reduce){.console-meter i{transition:none}}
#reels.reels{background:#0d141b!important;color:#edf1f1}#reels h2,#reels .console-title{color:#edf1f1}#reels h2 em{color:#dfbe8b}#reels .reels-head>p,#reels .buyer-contact p{color:#b9c9ce}#reels .console-download{color:#ebd0a8}

.console-in-view .listening-dock{display:none}#reels .reel-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}#reels .reel-meta h3{flex-basis:100%;margin:0}#reels .reel-live{display:none}#reels .reel-time{margin-left:auto}