.home{--home-ink:color-mix(in srgb, var(--metal-a) 88%, var(--backdrop-b));--home-ink-dim:color-mix(in srgb, var(--metal-a) 76%, var(--backdrop-a));--home-cast:color-mix(in srgb, var(--key) 70%, var(--backdrop-a));isolation:isolate;min-height:100vh;min-height:100dvh;font-family:var(--font-silk);flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:28px 32px 36px;display:flex;position:relative;overflow-x:clip}.home-head{text-align:center}.home-title{letter-spacing:.32em;text-indent:.32em;color:var(--home-ink);text-shadow:0 1px 0 color-mix(in srgb, var(--backdrop-a) 70%, var(--key));margin:0;font-size:22px;font-weight:700;line-height:1.1}.home-title__slash{color:var(--led-rec);text-shadow:none}.home-sub{letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--home-ink-dim);margin:8px 0 0;font-size:10px;font-weight:600}.home-lineup{justify-content:center;align-items:flex-start;gap:56px;margin:0;padding:0;list-style:none;display:flex}.home-unit{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.home-unit__stage{display:block;position:relative}.home-unit__floor{background:radial-gradient(closest-side, color-mix(in srgb, var(--home-cast) 42%, transparent), transparent);filter:blur(6px);border-radius:50%;height:7%;transition:transform .26s cubic-bezier(.2,.8,.3,1),opacity .26s ease-out;position:absolute;bottom:-2%;left:10%;right:6%}.home-unit__lift{transition:transform .26s cubic-bezier(.2,.8,.3,1),filter .26s ease-out;display:block;position:absolute;inset:0}.home-unit__device{width:var(--device-w);height:var(--device-h);transform-origin:0 0;display:block;position:absolute;top:0;left:0}.home-unit__caption{text-align:center;text-transform:uppercase;flex-direction:column;align-items:center;gap:5px;display:flex}.home-unit__name{letter-spacing:.2em;text-indent:.2em;color:var(--home-ink);align-items:center;gap:9px;font-size:17px;font-weight:700;line-height:1;display:inline-flex}.home-unit__chip{width:9px;height:9px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--metal-a) 60%, transparent), 0 1px 2px var(--home-cast);border-radius:50%}.home-unit__tagline{letter-spacing:.24em;text-indent:.24em;color:var(--home-ink-dim);font-size:9px;font-weight:600}.home-unit__blurb{letter-spacing:.08em;text-transform:none;color:var(--home-ink);margin-top:3px;font-size:12px;font-weight:600}.home-unit__link{z-index:2;cursor:pointer;border-radius:18px;position:absolute;inset:-10px}.home-unit__link:focus-visible{outline:2px solid var(--led-sel);outline-offset:2px}.home-unit:hover .home-unit__lift,.home-unit:focus-within .home-unit__lift{filter:drop-shadow(0 22px 22px color-mix(in srgb, var(--home-cast) 34%, transparent));transform:translateY(-14px)}.home-unit:hover .home-unit__floor,.home-unit:focus-within .home-unit__floor{opacity:.7;transform:scale(.86)}.home--narrow{justify-content:flex-start;gap:22px;padding:28px 16px 40px}.home--narrow .home-title{letter-spacing:.24em;text-indent:.24em;font-size:15px}.home--narrow .home-sub{letter-spacing:.18em;text-indent:.18em;font-size:8px}.home--narrow .home-lineup{flex-direction:column;align-items:center;gap:44px}@media (hover:none){.home-unit:hover .home-unit__lift{filter:none;transform:none}.home-unit:hover .home-unit__floor{opacity:1;transform:none}}.dv-stage{isolation:isolate;min-height:100vh;place-items:center;min-height:100dvh;padding:16px;display:grid;position:relative;overflow:clip}.dv-stage--narrow{padding:10px 0 18px}.dv-backlight{z-index:-1;pointer-events:none;background:radial-gradient(ellipse 30% 24% at 40% 26%, color-mix(in srgb, var(--metal-a) 16%, transparent) 0%, transparent 100%), radial-gradient(ellipse 48% 42% at 50% 44%, color-mix(in srgb, var(--backdrop-b) 50%, transparent) 0%, transparent 100%);position:fixed;inset:0}.dv-scaler{flex:none;position:relative}.dv-scaler__inner{width:var(--device-w);height:var(--device-h);transform-origin:0 0;position:absolute;top:0;left:0}.dv-device{--dv-cast:color-mix(in srgb, var(--key) 70%, var(--backdrop-a));--dv-hole:color-mix(in srgb, var(--key) 86%, var(--chassis-edge));--dv-legend:color-mix(in srgb, var(--metal-a) 74%, var(--key-top));--dv-legend-dim:color-mix(in srgb, var(--metal-b) 52%, var(--key-top));--dv-recess:color-mix(in srgb, var(--chassis-edge) 82%, var(--key));--dv-spec:color-mix(in srgb, var(--chassis-hi) 62%, var(--metal-a));--dv-grid-x:120px;--dv-grid-w:360px;--dv-cols:repeat(4, 81px);--dv-gutter:12px;isolation:isolate;width:var(--device-w);height:var(--device-h);font-family:var(--font-silk);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:relative}.dv-contact{z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--dv-cast) 62%, transparent) 0%, color-mix(in srgb, var(--dv-cast) 26%, transparent) 55%, transparent 100%);filter:blur(10px);border-radius:50%;height:64px;position:absolute;bottom:-26px;left:8%;right:2%}.dv-grain{z-index:20;pointer-events:none;opacity:.12;mix-blend-mode:overlay;width:100%;height:100%;position:absolute;inset:0}.dv-body{width:var(--device-w);height:var(--device-h);pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.dv-body__face-a{stop-color:color-mix(in srgb, var(--chassis) 62%, var(--chassis-hi))}.dv-body__face-b{stop-color:var(--chassis)}.dv-body__face-c{stop-color:color-mix(in srgb, var(--chassis) 64%, var(--chassis-lo))}.dv-body__side-a{stop-color:color-mix(in srgb, var(--chassis-lo) 55%, var(--chassis-edge))}.dv-body__side-b{stop-color:color-mix(in srgb, var(--chassis-edge) 82%, var(--key))}.dv-body__hi-wide{fill:var(--chassis-hi);opacity:.2}.dv-body__lo-wide{fill:var(--chassis-edge);opacity:.16}.dv-body__hi-soft{fill:var(--chassis-hi);opacity:.5}.dv-body__hi{fill:var(--dv-spec);opacity:.85}.dv-body__lo{fill:color-mix(in srgb, var(--chassis-edge) 85%, var(--key));opacity:.55}.dv-plate{z-index:0;filter:drop-shadow(0 2px 1.5px color-mix(in srgb, var(--dv-cast) 38%, transparent)) drop-shadow(9px 24px 22px color-mix(in srgb, var(--dv-cast) 46%, transparent))}.dv-deck{z-index:1;filter:drop-shadow(0 1px 1px color-mix(in srgb, var(--chassis-edge) 60%, transparent)) drop-shadow(2px 5px 6px color-mix(in srgb, var(--dv-cast) 26%, transparent))}.dv-deck .dv-body__face-a{stop-color:color-mix(in srgb, var(--chassis) 52%, var(--chassis-hi))}.dv-deck .dv-body__face-c{stop-color:color-mix(in srgb, var(--chassis) 72%, var(--chassis-lo))}.dv-screw{z-index:4;filter:drop-shadow(0 .5px 0 var(--chassis-hi));position:absolute;overflow:visible}.dv-screw__hi{stop-color:var(--metal-a)}.dv-screw__mid{stop-color:color-mix(in srgb, var(--metal-a) 55%, var(--metal-b))}.dv-screw__lo{stop-color:color-mix(in srgb, var(--metal-b) 80%, var(--key))}.dv-screw__sink-a{stop-color:var(--chassis-edge)}.dv-screw__sink-b{stop-color:var(--chassis-hi)}.dv-screw__head{stroke:color-mix(in srgb, var(--metal-b) 70%, var(--key));stroke-width:.5px}.dv-screw__cross,.dv-screw__lip{fill:none;stroke-linecap:round}.dv-screw__cross{stroke:color-mix(in srgb, var(--key) 85%, var(--metal-b));stroke-width:2.2px}.dv-screw__lip{stroke:color-mix(in srgb, var(--metal-a) 75%, transparent);stroke-width:1.3px}.dv-silk{font-family:var(--font-silk);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--chassis-edge);text-shadow:0 1px 0 var(--chassis-hi), 0 -.5px 0 color-mix(in srgb, var(--chassis-edge) 45%, transparent);font-size:9px;font-weight:600;line-height:1}.dv-silk--tiny{letter-spacing:.2em;font-size:6.5px}.dv-silk--key{margin-top:7px;font-size:9.5px;font-weight:700}.dv-silk--key+.dv-silk--tiny{margin-top:3px}.dv-silk--model{z-index:2;letter-spacing:.32em;text-indent:.32em;text-shadow:-1px 0 0 var(--chassis-hi), .5px 0 0 color-mix(in srgb, var(--chassis-edge) 45%, transparent);font-size:10px;font-weight:700;position:absolute;top:326px;left:95px;transform:translate(-50%,-50%)rotate(-90deg)}.dv-neck{z-index:2;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--chassis-edge) 26%, transparent) 0%, transparent 16%, color-mix(in srgb, var(--chassis-hi) 45%, transparent) 36%, transparent 58%, color-mix(in srgb, var(--chassis-edge) 24%, transparent) 84%, color-mix(in srgb, var(--chassis-edge) 40%, transparent) 100%);width:100px;height:49px;-webkit-mask-image:linear-gradient(180deg, var(--key) 55%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, var(--key) 55%, transparent 100%);mask-image:linear-gradient(180deg, var(--key) 55%, transparent 100%);position:absolute;top:134px;left:250px}.dv-dome-shadow{z-index:2;background:radial-gradient(closest-side, color-mix(in srgb, var(--dv-cast) 46%, transparent), transparent);filter:blur(5px);border-radius:50%;width:140px;height:46px;position:absolute;top:152px;left:232px}.dv-dome{z-index:3;background:radial-gradient(circle at 31% 21%, var(--dv-spec) 0, var(--chassis-hi) 10%, color-mix(in srgb, var(--chassis-hi) 40%, var(--chassis)) 26%, var(--chassis) 44%, color-mix(in srgb, var(--chassis) 50%, var(--chassis-lo)) 62%, var(--chassis-lo) 78%, color-mix(in srgb, var(--chassis-lo) 35%, var(--chassis-edge)) 100%);width:176px;height:176px;box-shadow:0 2px 3px -1px color-mix(in srgb, var(--dv-cast) 50%, transparent), 7px 16px 20px -6px color-mix(in srgb, var(--dv-cast) 50%, transparent);border-radius:50%;position:absolute;top:2px;left:212px}.dv-dome__shell{box-shadow:inset 0 2px 1.5px color-mix(in srgb, var(--dv-spec) 80%, transparent), inset 3px 0 6px -3px var(--chassis-hi), inset -6px -11px 16px -5px color-mix(in srgb, var(--chassis-edge) 85%, transparent), inset 0 -1.5px 1px color-mix(in srgb, var(--chassis) 80%, transparent);border-radius:50%;position:absolute;inset:0}.dv-dome__face{background:radial-gradient(circle at 46% 34%, color-mix(in srgb, var(--key-top) 82%, var(--metal-b)) 0, var(--key-top) 30%, var(--key) 76%);width:140px;height:140px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--chassis-edge) 75%, var(--key)), 0 -1px 0 1.5px color-mix(in srgb, var(--chassis-edge) 60%, transparent), 0 1.5px 0 1.5px var(--chassis-hi), inset 0 4px 7px var(--key), inset 0 -1px 1px color-mix(in srgb, var(--metal-a) 12%, transparent);border-radius:50%;position:absolute;top:18px;left:18px}.dv-grille{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dv-grille__mesh-a{stop-color:color-mix(in srgb, var(--metal-b) 58%, var(--key-top))}.dv-grille__mesh-b{stop-color:color-mix(in srgb, var(--metal-b) 26%, var(--key))}.dv-grille__mesh-c{stop-color:var(--key)}.dv-grille__lip{fill:color-mix(in srgb, var(--metal-a) 20%, transparent)}.dv-grille__ticks{fill:none;stroke:color-mix(in srgb, var(--metal-a) 82%, transparent);stroke-width:1.3px;stroke-linecap:round}.dv-barrel{background:conic-gradient(from 200deg, var(--key), var(--key-top) 14%, var(--key) 30%, var(--key) 55%, color-mix(in srgb, var(--key-top) 75%, var(--metal-b)) 68%, var(--key) 84%, var(--key));box-shadow:0 0 0 1px color-mix(in srgb, var(--metal-b) 45%, var(--key)), 0 2px 4px var(--key), inset 0 1px 1px color-mix(in srgb, var(--metal-a) 30%, transparent), inset 0 -1px 2px var(--key);border-radius:50%;position:absolute;inset:27px}.dv-barrel__text{width:100%;height:100%;font-family:var(--font-silk);letter-spacing:.14em;fill:color-mix(in srgb, var(--metal-a) 55%, var(--metal-b));opacity:.85;font-size:4.1px;font-weight:600;position:absolute;inset:0;overflow:visible}.dv-lens{isolation:isolate;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--backdrop-a) 24%, var(--key)) 0 16%, var(--key) 44%, color-mix(in srgb, var(--backdrop-a) 12%, var(--key)) 68%, var(--key) 100%);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--metal-b) 85%, var(--key)), 0 0 0 2.5px var(--key), inset 0 0 0 1px var(--key);border-radius:50%;position:absolute;inset:9px;overflow:hidden}.dv-lens>*{border-radius:50%;position:absolute;inset:0}.dv-lens__elements{background:radial-gradient(circle, transparent 0 9px, color-mix(in srgb, var(--metal-a) 12%, transparent) 9.5px 10.5px, transparent 11px), radial-gradient(circle, transparent 0 17px, color-mix(in srgb, var(--backdrop-b) 16%, transparent) 17.5px 18.5px, transparent 19px), radial-gradient(circle, transparent 0 25px, color-mix(in srgb, var(--metal-a) 9%, transparent) 25.5px 26.5px, transparent 27px)}.dv-lens__video{object-fit:cover;opacity:0;filter:saturate(1.06)contrast(1.06);width:100%;height:100%;transition:opacity .42s ease-out}.dv-lens__video.is-mirrored{transform:scaleX(-1)}.dv-lens.is-live .dv-lens__video{opacity:1}.dv-lens__vignette{pointer-events:none;background:radial-gradient(circle, transparent 44%, color-mix(in srgb, var(--key) 38%, transparent) 68%, color-mix(in srgb, var(--key) 82%, transparent) 90%, var(--key) 100%)}.dv-lens__coating{pointer-events:none;opacity:.6;mix-blend-mode:screen;background:conic-gradient(from 205deg, transparent 0 6%, color-mix(in srgb, var(--backdrop-b) 32%, transparent) 13%, transparent 22%, transparent 54%, color-mix(in srgb, var(--backdrop-a) 40%, transparent) 63%, transparent 73%), radial-gradient(circle at 64% 70%, color-mix(in srgb, var(--backdrop-a) 22%, transparent) 0, transparent 40%)}.dv-lens__glare{pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 30% 17% at 33% 23%, color-mix(in srgb, var(--metal-a) 62%, transparent), transparent 72%), radial-gradient(circle at 70% 77%, color-mix(in srgb, var(--metal-a) 18%, transparent) 0 4%, transparent 7%), linear-gradient(140deg, color-mix(in srgb, var(--metal-a) 13%, transparent) 0 28%, transparent 46%)}.dv-lens__status{z-index:5;text-align:center;font-family:var(--font-lcd);letter-spacing:.06em;color:color-mix(in srgb, var(--lcd-bg) 82%, transparent);text-shadow:0 0 4px color-mix(in srgb, var(--lcd-bg) 35%, transparent);background:0 0;border:0;place-content:center;gap:2px;padding:0;font-size:5.4px;line-height:1.2;display:grid}.dv-lens__status b{color:var(--led-rec);text-shadow:0 0 5px color-mix(in srgb, var(--led-rec) 55%, transparent);font-weight:700}.dv-lens__retry{cursor:pointer}.dv-lens__dots{animation:.9s step-end infinite dv-blink}.dv-recled{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--led-rec) 30%, var(--key-top)) 0, color-mix(in srgb, var(--led-rec) 14%, var(--key)) 75%);width:8px;height:8px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--chassis-edge) 80%, var(--key)), 0 1px 0 1.5px var(--chassis-hi), inset 0 1px 1px var(--key);border-radius:50%;position:absolute;top:17.7px;left:127px}.dv-recled.is-pulse{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--led-rec) 45%, var(--metal-a)) 0, var(--led-rec) 55%, color-mix(in srgb, var(--led-rec) 70%, var(--key)) 100%);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--chassis-edge) 80%, var(--key)), 0 0 6px 1px var(--led-rec), 0 0 16px 3px color-mix(in srgb, var(--led-rec) 55%, transparent);animation:1.1s ease-in-out infinite dv-pulse}.dv-recled__silk{position:absolute;top:34px;left:146px;transform:translate(-50%,-50%)rotate(47deg)}.dv-nub{z-index:3;background:radial-gradient(circle at 36% 28%, var(--chassis-hi) 0, var(--chassis) 45%, color-mix(in srgb, var(--chassis) 50%, var(--chassis-lo)) 80%, var(--chassis-lo) 100%);width:30px;height:30px;box-shadow:inset 0 1px 1px var(--dv-spec), inset 0 -2px 3px color-mix(in srgb, var(--chassis-edge) 60%, transparent), 0 2px 3px color-mix(in srgb, var(--dv-cast) 40%, transparent), 3px 6px 8px -3px color-mix(in srgb, var(--dv-cast) 40%, transparent);border-radius:50%;margin:-15px 0 0 -15px;position:absolute}.dv-flip,.dv-next{z-index:4;width:22px;height:22px;position:absolute;transform:translate(-50%,-50%)}.dv-flip:before,.dv-next:before{content:"";background:var(--dv-recess);box-shadow:inset 0 1px 2px var(--key), 0 1px 0 var(--chassis-hi);border-radius:50%;position:absolute;inset:-2.5px}.dv-lcd{z-index:2;background:linear-gradient(180deg, color-mix(in srgb, var(--key-top) 70%, var(--metal-b)) 0%, var(--key-top) 2.5%, color-mix(in srgb, var(--key-top) 45%, var(--key)) 22%, var(--key) 70%, color-mix(in srgb, var(--key) 80%, var(--key-top)) 100%);width:360px;height:276px;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--metal-a) 34%, transparent), inset 1px 0 0 color-mix(in srgb, var(--metal-a) 12%, transparent), inset 0 -2px 2px var(--key), 0 0 0 1px color-mix(in srgb, var(--key) 70%, var(--chassis-edge)), 0 4px 0 color-mix(in srgb, var(--key) 88%, var(--chassis-edge)), 0 5px 2px color-mix(in srgb, var(--dv-cast) 50%, transparent), 6px 16px 22px -6px color-mix(in srgb, var(--dv-cast) 55%, transparent);border-radius:16px;position:absolute;top:188px;left:120px}.dv-lcd:before{content:"";z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(162deg, color-mix(in srgb, var(--metal-a) 15%, transparent) 0%, transparent 26%), linear-gradient(162deg, transparent 58%, color-mix(in srgb, var(--metal-a) 5%, transparent) 72%, transparent 86%);position:absolute;inset:0}.dv-lcd:after{content:"";pointer-events:none;background:color-mix(in srgb, var(--key) 70%, var(--metal-b));box-shadow:inset 0 1px 1px var(--key), 0 1px 0 color-mix(in srgb, var(--metal-a) 9%, transparent);border-radius:7px;position:absolute;inset:8px}.dv-lcd__screen{z-index:1;background:var(--lcd-bg);width:336px;height:252px;box-shadow:0 0 0 1px var(--key);border-radius:3px;position:absolute;top:12px;left:12px;overflow:hidden}.dv-lcd__host{transform-origin:0 0;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;position:absolute;top:0;left:0}.dv-encoders{z-index:2;left:var(--dv-grid-x);width:var(--dv-grid-w);grid-template-columns:var(--dv-cols);column-gap:var(--dv-gutter);place-items:center;height:46px;display:grid;position:absolute;top:482px}.dv-encoder{place-items:center;width:46px;height:46px;display:grid;position:relative}.dv-encoder:before{content:"";background:radial-gradient(closest-side, var(--dv-recess) 0 80%, color-mix(in srgb, var(--chassis-lo) 70%, var(--chassis-edge)) 88%, var(--chassis-lo) 96%, var(--chassis) 100%);box-shadow:inset 0 2px 3px color-mix(in srgb, var(--chassis-edge) 80%, var(--key)), 0 1px 0 var(--chassis-hi), 0 -1px 0 color-mix(in srgb, var(--chassis-edge) 45%, transparent);border-radius:50%;position:absolute;inset:0}.dv-encoder.is-active:after{content:"";background:var(--led-sel);width:4px;height:4px;box-shadow:0 0 4px var(--led-sel), 0 0 8px color-mix(in srgb, var(--led-sel) 50%, transparent);border-radius:50%;margin-left:-2px;position:absolute;bottom:-6px;left:50%}.dv-knob{touch-action:none;cursor:ns-resize;outline-offset:5px;border-radius:50%;flex:none;position:relative}.dv-knob.is-disabled{cursor:not-allowed}.dv-knob__base,.dv-knob__knurl,.dv-knob__light,.dv-knob__face,.dv-knob__ind,.dv-knob__rotor{pointer-events:none;border-radius:50%;position:absolute}.dv-knob__base{z-index:1;inset:0}.dv-knob__knurl{z-index:2;inset:0}.dv-knob__light{z-index:3;inset:0}.dv-knob__face{z-index:4}.dv-knob__ind{z-index:5;inset:0}.dv-knob__rotor{inset:0}.dv-knob.is-detented .dv-knob__knurl,.dv-knob.is-detented .dv-knob__rotor{transition:transform 90ms cubic-bezier(.2,.9,.3,1.25)}.dv-knob__line{border-radius:2px;position:absolute;left:50%;transform:translate(-50%)}.dv-knob--encoder .dv-knob__base{background:var(--key);box-shadow:0 0 0 .5px var(--key), 0 2px 3px color-mix(in srgb, var(--dv-cast) 60%, transparent), 1px 5px 8px -2px color-mix(in srgb, var(--dv-cast) 50%, transparent)}.dv-knob--encoder .dv-knob__knurl{background:repeating-conic-gradient(var(--key) 0deg 4deg, color-mix(in srgb, var(--key-top) 70%, var(--metal-b)) 4deg 6deg, var(--key) 6deg 10deg)}.dv-knob--encoder .dv-knob__light{background:radial-gradient(circle at 50% 50%, transparent 62%, color-mix(in srgb, var(--metal-a) 16%, transparent) 64%, transparent 72%), linear-gradient(160deg, color-mix(in srgb, var(--metal-a) 22%, transparent) 0%, transparent 40%, transparent 58%, color-mix(in srgb, var(--key) 60%, transparent) 100%)}.dv-knob--encoder .dv-knob__face{background:radial-gradient(circle at 40% 30%, color-mix(in srgb, var(--key-top) 78%, var(--metal-b)) 0%, var(--key-top) 38%, var(--key) 100%);box-shadow:0 0 0 1px var(--key), inset 0 1px 1px color-mix(in srgb, var(--metal-a) 28%, transparent), inset 0 -2px 3px var(--key);inset:5px}.dv-knob--encoder .dv-knob__line{background:var(--metal-a);width:2.5px;height:9px;box-shadow:0 0 2px color-mix(in srgb, var(--metal-a) 45%, transparent);top:6px}.dv-knob--encoder.is-disabled .dv-knob__line{background:var(--metal-b);box-shadow:none;opacity:.35}.dv-knob--big .dv-knob__base{background:var(--metal-b);box-shadow:0 0 0 1px color-mix(in srgb, var(--metal-b) 60%, var(--key)), 0 3px 4px color-mix(in srgb, var(--dv-cast) 55%, transparent), 3px 10px 14px -4px color-mix(in srgb, var(--dv-cast) 55%, transparent)}.dv-knob--big .dv-knob__knurl{background:repeating-conic-gradient(var(--metal-b) 0deg 1.5deg, var(--metal-a) 1.5deg 3deg)}.dv-knob--big .dv-knob__light{background:linear-gradient(160deg, color-mix(in srgb, var(--metal-a) 45%, transparent) 0%, transparent 45%, color-mix(in srgb, var(--key) 42%, transparent) 100%)}.dv-knob--big .dv-knob__face{background:repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--metal-a) 32%, transparent) 0 .5px, transparent .5px 1.3px, color-mix(in srgb, var(--metal-b) 24%, transparent) 1.3px 1.8px, transparent 1.8px 2.4px), conic-gradient(from 18deg, var(--metal-a), var(--metal-b) 12.5%, color-mix(in srgb, var(--metal-a) 60%, var(--metal-b)) 25%, var(--metal-b) 37.5%, var(--metal-a) 50%, var(--metal-b) 62.5%, color-mix(in srgb, var(--metal-a) 60%, var(--metal-b)) 75%, var(--metal-b) 87.5%, var(--metal-a));box-shadow:0 0 0 1px color-mix(in srgb, var(--metal-b) 70%, var(--key)), 0 1px 3px color-mix(in srgb, var(--key) 35%, transparent), inset 0 2px 1px color-mix(in srgb, var(--metal-a) 85%, transparent), inset 0 -2px 2px color-mix(in srgb, var(--metal-b) 80%, var(--key));inset:6px}.dv-knob--big .dv-knob__ind{filter:drop-shadow(0 1px 0 color-mix(in srgb, var(--metal-a) 85%, transparent))}.dv-knob--big .dv-knob__line{background:linear-gradient(90deg, var(--key) 0%, color-mix(in srgb, var(--key) 80%, var(--metal-b)) 50%, var(--key) 100%);width:3.5px;height:17px;top:9px}.dv-knob--big.is-disabled .dv-knob__line{opacity:.45}.dv-ledring{z-index:0;position:absolute;overflow:visible}.dv-ledring__lip{fill:none;stroke:color-mix(in srgb, var(--chassis-hi) 85%, transparent);stroke-width:1px}.dv-ledring__groove{fill:none;stroke:color-mix(in srgb, var(--key) 84%, var(--chassis-edge))}.dv-ledring__lens-a{stop-color:color-mix(in srgb, var(--led-sel) 20%, var(--key-top))}.dv-ledring__lens-b{stop-color:color-mix(in srgb, var(--led-sel) 6%, var(--key))}.dv-ledring__off{stroke:var(--key);stroke-width:.6px}.dv-ledring__spec{fill:color-mix(in srgb, var(--metal-a) 30%, transparent)}.dv-ledring__core-a{stop-color:color-mix(in srgb, var(--led-sel) 45%, var(--metal-a))}.dv-ledring__core-b{stop-color:var(--led-sel)}.dv-ledring__core-c{stop-color:color-mix(in srgb, var(--led-sel) 75%, var(--led-rec))}.dv-ledring__trail-a{stop-color:color-mix(in srgb, var(--led-sel) 85%, var(--metal-a))}.dv-ledring__trail-b{stop-color:color-mix(in srgb, var(--led-sel) 62%, var(--led-rec))}.dv-ledring__halo-a{stop-color:var(--led-sel);stop-opacity:.6}.dv-ledring__halo-b{stop-color:var(--led-sel);stop-opacity:.22}.dv-ledring__halo-c{stop-color:var(--led-sel);stop-opacity:0}.dv-ledring__lit{transition:opacity 90ms linear}.dv-key{--dv-skirt:4px;--dv-travel:3px;cursor:pointer;touch-action:none;color:var(--dv-legend);background:linear-gradient(180deg, color-mix(in srgb, var(--key-top) 80%, var(--metal-b)) 0%, var(--key-top) 14%, var(--key-top) 68%, color-mix(in srgb, var(--key-top) 50%, var(--key)) 100%);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--metal-a) 22%, transparent), inset 0 -2px 2px color-mix(in srgb, var(--key) 80%, transparent), 0 var(--dv-skirt) 0 var(--key), 0 calc(var(--dv-skirt) + 1px) 1px color-mix(in srgb, var(--dv-cast) 60%, transparent), 3px 10px 14px -4px color-mix(in srgb, var(--dv-cast) 55%, transparent);border:0;border-radius:10px;place-items:center;margin:0;padding:0;transition:transform 55ms ease-out,box-shadow 55ms ease-out;display:grid;position:relative;transform:translateY(0)}.dv-key.is-pressed{transform:translateY(var(--dv-travel));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--metal-a) 14%, transparent), inset 0 -1px 1px color-mix(in srgb, var(--key) 80%, transparent), 0 calc(var(--dv-skirt) - var(--dv-travel)) 0 var(--key), 0 calc(var(--dv-skirt) - var(--dv-travel) + 1px) 1px color-mix(in srgb, var(--dv-cast) 60%, transparent), 1px 3px 5px -2px color-mix(in srgb, var(--dv-cast) 50%, transparent)}.dv-key:disabled{cursor:default;color:var(--dv-legend)}.dv-key:disabled .dv-key__legend{opacity:.4}.dv-key--lg{width:70px;height:42px}.dv-key--sm{--dv-skirt:3px;--dv-travel:2px;border-radius:6px;width:calc(100% - 10px);height:19px}.dv-key--capture{--dv-skirt:3px;--dv-travel:2px;border-radius:7px;width:calc(100% - 14px);height:22px}.dv-key--round{--dv-skirt:2px;--dv-travel:1.5px;border-radius:50%;width:22px;height:22px}.dv-key--round:before,.dv-key--sm:before,.dv-key--capture:before{content:"";position:absolute;inset:-8px -6px}.dv-key__legend{font-family:var(--font-silk);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;pointer-events:none;justify-content:center;align-items:center;gap:6px;font-size:6.6px;font-weight:700;line-height:1;display:flex}.dv-key--capture .dv-key__legend{letter-spacing:.3em;text-indent:.3em;color:color-mix(in srgb, var(--metal-a) 88%, var(--key-top));font-size:8.5px}.dv-icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:12px}.dv-key--round .dv-icon{stroke-width:1.6px;width:11px;height:11px}.dv-key__led{background:color-mix(in srgb, var(--led-sel) 12%, var(--key));width:9px;height:3px;box-shadow:inset 0 1px 1px var(--key), 0 .5px 0 color-mix(in srgb, var(--metal-a) 14%, transparent);border-radius:2px;position:absolute;top:6px;right:8px}.dv-key.is-latched .dv-key__led{background:var(--led-sel);box-shadow:0 0 4px var(--led-sel), 0 0 10px color-mix(in srgb, var(--led-sel) 60%, transparent)}.dv-key--auto .dv-key__led{background:color-mix(in srgb, var(--led-auto) 14%, var(--key));border-radius:50%;width:5px;height:5px;margin-top:-2.5px;top:50%;left:9px;right:auto}.dv-key--auto .dv-key__legend{padding-left:9px}.dv-key--auto.is-latched .dv-key__led{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--led-auto) 45%, var(--metal-a)) 0, var(--led-auto) 60%);box-shadow:0 0 4px var(--led-auto), 0 0 9px color-mix(in srgb, var(--led-auto) 60%, transparent);animation:dv-beat var(--dv-beat,.6s) ease-out infinite}.dv-key--auto.is-latched{color:color-mix(in srgb, var(--led-auto) 30%, var(--dv-legend))}.dv-capture__dot{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--led-rec) 55%, var(--key-top)) 0, color-mix(in srgb, var(--led-rec) 34%, var(--key)) 80%);width:6px;height:6px;box-shadow:inset 0 .5px 1px var(--key);border-radius:50%}.dv-keyslot{background:linear-gradient(180deg, var(--chassis-edge), var(--chassis-lo) 55%, var(--chassis));width:81px;height:52px;box-shadow:inset 0 3px 4px var(--dv-recess), inset 0 -1px 0 color-mix(in srgb, var(--chassis-hi) 60%, transparent), 0 1px 0 var(--chassis-hi), 0 -1px 0 color-mix(in srgb, var(--chassis-edge) 45%, transparent);border-radius:13px;place-items:center;padding-bottom:4px;display:grid;position:relative}.dv-keyslot--sm{border-radius:9px;width:100%;height:26px;padding-bottom:3px}.dv-keyslot--capture{background:linear-gradient(180deg, color-mix(in srgb, var(--chassis-edge) 70%, var(--key)), var(--chassis-edge) 50%, var(--chassis-lo));border-radius:11px;grid-column:1/span 2;width:100%;height:30px;padding-bottom:3px}.dv-capring{pointer-events:none;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--led-rec) 42%, var(--key)), inset 0 0 4px 1px color-mix(in srgb, var(--led-rec) 18%, transparent);border-radius:9px;transition:box-shadow .12s ease-out;position:absolute;inset:2px 4px 4px}.dv-keyslot--capture.is-gen .dv-capring{box-shadow:inset 0 0 0 1.5px var(--led-rec), inset 0 0 6px 2px color-mix(in srgb, var(--led-rec) 70%, transparent), 0 0 10px 1px color-mix(in srgb, var(--led-rec) 55%, transparent)}.dv-keyslot--capture:has(.is-pressed) .dv-capring{box-shadow:inset 0 0 0 1.5px var(--led-rec), inset 0 0 6px 2px color-mix(in srgb, var(--led-rec) 70%, transparent), 0 0 10px 1px color-mix(in srgb, var(--led-rec) 55%, transparent)}.dv-keyslot--capture.is-gen .dv-capring{animation:1.1s ease-in-out infinite dv-pulse}.dv-keyslot--capture.is-gen .dv-capture__dot{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--led-rec) 45%, var(--metal-a)) 0, var(--led-rec) 60%);box-shadow:0 0 4px var(--led-rec), 0 0 9px color-mix(in srgb, var(--led-rec) 60%, transparent)}.dv-keyslot--capture:has(.is-pressed) .dv-capture__dot{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--led-rec) 45%, var(--metal-a)) 0, var(--led-rec) 60%);box-shadow:0 0 4px var(--led-rec), 0 0 9px color-mix(in srgb, var(--led-rec) 60%, transparent)}.dv-keyslot--capture.is-gen .dv-capture__dot{animation:1.1s ease-in-out infinite dv-pulse}.dv-keyrow{z-index:2;left:var(--dv-grid-x);width:var(--dv-grid-w);grid-template-columns:var(--dv-cols);column-gap:var(--dv-gutter);align-items:start;height:104px;display:grid;position:absolute;top:542px}.dv-keyunit{flex-direction:column;grid-row:1;justify-self:stretch;align-items:center;margin-top:26px;display:flex}.dv-keyunit .dv-silk{height:1em;overflow:visible}.dv-keyunit--page{grid-column:1}.dv-keyunit--shift{grid-column:2}.dv-bigknob{grid-area:1/3/auto/span 2;justify-self:end;padding:12px}.dv-knoblabel{text-align:center;flex-direction:column;grid-area:1/3;justify-content:center;justify-self:start;align-items:center;gap:5px;width:62px;height:100px;display:flex}.dv-knoblabel__main{letter-spacing:.26em;text-indent:.26em;font-size:12px;font-weight:700}.dv-knoblabel__alt{letter-spacing:.12em;text-indent:.12em}.dv-pads{z-index:2;left:var(--dv-grid-x);grid-template-columns:var(--dv-cols);gap:var(--dv-gutter);grid-auto-rows:74px;display:grid;position:absolute;top:663px}.dv-padwell{--dv-glow:var(--pad-glow);position:relative}.dv-padwell:nth-child(-n+4){--dv-glow:color-mix(in srgb, var(--pad-glow) 78%, var(--led-sel))}.dv-padwell:nth-child(n+9){--dv-glow:color-mix(in srgb, var(--pad-glow) 80%, var(--led-rec))}.dv-padwell:nth-child(n+13){--dv-glow:color-mix(in srgb, var(--pad-glow) 74%, var(--chassis-hi))}.dv-padwell:before{content:"";background:radial-gradient(120% 110% at 50% 60%, color-mix(in srgb, var(--pad-well) 82%, var(--key-top)) 0%, var(--pad-well) 75%);box-shadow:inset 0 2px 3px var(--key), 0 1px 0 var(--chassis-hi), 0 -1px 0 color-mix(in srgb, var(--chassis-edge) 50%, transparent);border-radius:14px;position:absolute;inset:-3px}.dv-padwell:has(>.dv-pad.is-loaded):before{box-shadow:inset 0 2px 3px var(--key), inset 0 0 6px 1px color-mix(in srgb, var(--dv-glow) 20%, transparent), 0 1px 0 var(--chassis-hi), 0 -1px 0 color-mix(in srgb, var(--chassis-edge) 50%, transparent)}.dv-pad{--dv-skirt:4px;--dv-side:color-mix(in srgb, var(--pad-frost) 20%, var(--pad-well));cursor:pointer;touch-action:none;background:var(--pad-well);box-shadow:0 var(--dv-skirt) 0 var(--dv-side), 0 5px 2px color-mix(in srgb, var(--key) 70%, transparent), 1px 9px 10px -4px color-mix(in srgb, var(--key) 60%, transparent);border:0;border-radius:11px;margin:0;padding:0;transition:transform 45ms ease-out,box-shadow 45ms ease-out;position:absolute;inset:0;transform:translateY(0)}.dv-pad.is-loaded{--dv-side:color-mix(in srgb, var(--dv-glow) 26%, color-mix(in srgb, var(--pad-frost) 16%, var(--pad-well)))}.dv-pad.is-gen{--dv-side:color-mix(in srgb, var(--led-rec) 24%, color-mix(in srgb, var(--pad-frost) 14%, var(--pad-well)))}.dv-pad.is-down{box-shadow:0 1px 0 var(--dv-side), 0 2px 1px color-mix(in srgb, var(--key) 70%, transparent);transform:translateY(3px)}.dv-pad.is-selected{box-shadow:0 0 0 1px color-mix(in srgb, var(--led-sel) 75%, transparent), 0 0 12px 1px color-mix(in srgb, var(--led-sel) 42%, transparent), 0 var(--dv-skirt) 0 var(--dv-side), 0 5px 2px color-mix(in srgb, var(--key) 70%, transparent), 1px 9px 10px -4px color-mix(in srgb, var(--key) 60%, transparent)}.dv-pad.is-selected.is-down{box-shadow:0 0 0 1px color-mix(in srgb, var(--led-sel) 75%, transparent), 0 0 12px 1px color-mix(in srgb, var(--led-sel) 42%, transparent), 0 1px 0 var(--dv-side), 0 2px 1px color-mix(in srgb, var(--key) 70%, transparent)}.dv-pad__face{isolation:isolate;border-radius:inherit;background:radial-gradient(108% 100% at 50% 46%, transparent 52%, color-mix(in srgb, var(--pad-frost) 8%, transparent) 80%, color-mix(in srgb, var(--pad-frost) 15%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--pad-frost) 29%, var(--pad-well)) 0%, color-mix(in srgb, var(--pad-frost) 22%, var(--pad-well)) 48%, color-mix(in srgb, var(--pad-frost) 17%, var(--pad-well)) 100%);position:absolute;inset:0;overflow:hidden}.dv-pad__face>*{pointer-events:none;position:absolute}.dv-pad__glow{--dv-light:var(--dv-glow);z-index:1;background:radial-gradient(86% 82% at 50% 47%, color-mix(in srgb, var(--dv-light) 70%, var(--pad-frost)) 0%, var(--dv-light) 22%, color-mix(in srgb, var(--dv-light) 64%, transparent) 46%, color-mix(in srgb, var(--dv-light) 32%, transparent) 74%, color-mix(in srgb, var(--dv-light) 18%, transparent) 100%);opacity:0;transition:opacity .18s ease-out;inset:0}.dv-pad.is-loaded .dv-pad__glow{opacity:.56}.dv-pad.is-loaded .dv-pad__frost{background:radial-gradient(95% 60% at 42% 6%, color-mix(in srgb, var(--pad-frost) 15%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--pad-frost) 12%, transparent), color-mix(in srgb, var(--pad-frost) 6%, transparent))}.dv-pad.is-loaded.is-down .dv-pad__glow{opacity:.85;transition-duration:30ms}.dv-pad.is-gen .dv-pad__glow{--dv-light:var(--led-rec);opacity:.75;animation:1.2s ease-in-out infinite dv-padgen}.dv-pad__frost{z-index:2;background:radial-gradient(95% 60% at 42% 6%, color-mix(in srgb, var(--pad-frost) 13%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--pad-frost) 8%, transparent), color-mix(in srgb, var(--pad-frost) 3%, transparent));inset:0}.dv-pad__flash{z-index:3;background:radial-gradient(84% 80% at 50% 48%, color-mix(in srgb, var(--pad-frost) 70%, var(--dv-glow)) 0%, color-mix(in srgb, var(--dv-glow) 80%, transparent) 40%, color-mix(in srgb, var(--dv-glow) 26%, transparent) 76%, transparent 100%);mix-blend-mode:screen;animation:.15s ease-out forwards dv-flash;inset:0}.dv-pad__face:after{content:"";z-index:6;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pad-frost) 20%, transparent), inset 0 1.5px 0 color-mix(in srgb, var(--pad-frost) 48%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--pad-frost) 9%, transparent), inset 0 0 6px 1px color-mix(in srgb, var(--pad-frost) 8%, transparent), inset 0 -4px 6px color-mix(in srgb, var(--pad-well) 38%, transparent);position:absolute;inset:0}.dv-pad.is-loaded .dv-pad__face:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pad-frost) 22%, transparent), inset 0 1.5px 0 color-mix(in srgb, var(--pad-frost) 50%, transparent), inset 0 0 8px 1px color-mix(in srgb, var(--dv-glow) 26%, transparent), inset 0 -3px 5px color-mix(in srgb, var(--pad-well) 40%, transparent)}.dv-pad.is-gen .dv-pad__face:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--led-rec) 40%, transparent), inset 0 1.5px 0 color-mix(in srgb, var(--pad-frost) 40%, transparent), inset 0 0 9px 1px color-mix(in srgb, var(--led-rec) 32%, transparent)}.dv-pad.is-selected .dv-pad__face:after{box-shadow:inset 0 0 0 1.5px var(--led-sel), inset 0 0 9px 1px color-mix(in srgb, var(--led-sel) 55%, transparent), inset 0 1.5px 0 color-mix(in srgb, var(--pad-frost) 46%, transparent)}.dv-pad__sheen{z-index:5;border-radius:inherit;background:linear-gradient(170deg, color-mix(in srgb, var(--pad-frost) 16%, transparent) 0%, transparent 30%), radial-gradient(70% 34% at 26% 2%, color-mix(in srgb, var(--pad-frost) 14%, transparent), transparent 75%);inset:0}.dv-pad__num,.dv-pad__label,.dv-pad__empty,.dv-pad__gen,.dv-pad__legend{z-index:4}.dv-pad__num{font-family:var(--font-silk);letter-spacing:.14em;color:color-mix(in srgb, var(--pad-frost) 60%, var(--dv-glow));opacity:.75;font-size:7px;font-weight:700;line-height:1;top:6px;left:7px}.dv-pad__label{font-family:var(--font-silk);text-align:left;text-transform:uppercase;color:color-mix(in srgb, var(--pad-frost) 86%, var(--dv-glow));text-shadow:0 0 1px color-mix(in srgb, var(--pad-well) 55%, transparent), 0 0 5px color-mix(in srgb, var(--dv-glow) 45%, transparent);gap:2px;line-height:1;display:grid;bottom:7px;left:7px;right:6px}.dv-pad__name{letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:700;overflow:hidden}.dv-pad__pos{letter-spacing:.1em;white-space:nowrap;color:color-mix(in srgb, var(--dv-glow) 70%, var(--pad-frost));opacity:.85;font-size:6.8px;font-weight:600;overflow:hidden}.dv-pad__empty{font-family:var(--font-silk);letter-spacing:.18em;white-space:nowrap;color:color-mix(in srgb, var(--pad-frost) 46%, transparent);font-size:7px;font-weight:600;line-height:1;bottom:8px;left:8px}.dv-pad__gen{place-items:center;display:grid;inset:0}.dv-pad__dot{background:var(--led-rec);width:6px;height:6px;box-shadow:0 0 5px var(--led-rec), 0 0 11px color-mix(in srgb, var(--led-rec) 60%, transparent);border-radius:50%;animation:1s ease-in-out infinite dv-pulse;position:absolute;top:7px;right:7px}.dv-pad__stage{font-family:var(--font-silk);letter-spacing:.14em;white-space:nowrap;color:color-mix(in srgb, var(--led-rec) 35%, var(--pad-frost));background:color-mix(in srgb, var(--pad-well) 62%, transparent);text-shadow:0 0 5px color-mix(in srgb, var(--led-rec) 70%, transparent);border-radius:2px;padding:3px 5px 2px;font-size:8px;font-weight:700;line-height:1}.dv-pad__legend{font-family:var(--font-silk);color:color-mix(in srgb, var(--pad-frost) 78%, transparent);text-shadow:0 0 6px color-mix(in srgb, var(--pad-frost) 18%, transparent);place-items:center;font-size:22px;font-weight:600;line-height:1;display:grid;inset:0}.dv-pad__legend.is-word{letter-spacing:.22em;text-indent:.22em;font-size:11px;font-weight:700}.dv-bottom{z-index:2;left:var(--dv-grid-x);width:var(--dv-grid-w);grid-template-columns:var(--dv-cols);column-gap:var(--dv-gutter);align-items:center;height:30px;display:grid;position:absolute;top:1008px}.dv-brand{z-index:2;color:var(--chassis-edge);text-shadow:0 1px 0 var(--chassis-hi), 0 -.5px 0 color-mix(in srgb, var(--chassis-edge) 45%, transparent);text-transform:uppercase;white-space:nowrap;align-items:baseline;gap:9px;display:flex;position:absolute;top:1051px;left:50%;transform:translate(-50%,-50%)}.dv-brand__name{letter-spacing:.16em;font-size:13px;font-weight:700;line-height:1}.dv-brand__sub{letter-spacing:.18em;font-size:6px;font-weight:600;line-height:1}.dv-leds{z-index:2;flex-direction:column;gap:10px;display:flex;position:absolute;top:326px;left:505px;transform:translate(-50%,-50%)}.dv-led{--dv-led:var(--led-sel);flex-direction:column;align-items:center;gap:4px;width:24px;display:flex}.dv-led--rec{--dv-led:var(--led-rec)}.dv-led__lamp{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--dv-led) 22%, var(--key-top)) 0, color-mix(in srgb, var(--dv-led) 10%, var(--key)) 78%);width:7px;height:7px;box-shadow:0 0 0 1px color-mix(in srgb, var(--chassis-edge) 75%, var(--key)), 0 1px 0 1px var(--chassis-hi), inset 0 1px 1px var(--key);border-radius:50%}.dv-led.is-on .dv-led__lamp{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--dv-led) 40%, var(--metal-a)) 0, var(--dv-led) 55%, color-mix(in srgb, var(--dv-led) 70%, var(--key)) 100%);box-shadow:0 0 0 1px color-mix(in srgb, var(--chassis-edge) 75%, var(--key)), 0 0 5px 1px var(--dv-led), 0 0 12px 2px color-mix(in srgb, var(--dv-led) 50%, transparent)}.dv-led.is-dim .dv-led__lamp{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--dv-led) 70%, var(--metal-a)) 0, color-mix(in srgb, var(--dv-led) 60%, var(--key)) 70%);box-shadow:0 0 0 1px color-mix(in srgb, var(--chassis-edge) 75%, var(--key)), 0 0 3px color-mix(in srgb, var(--dv-led) 55%, transparent)}.dv-led.is-blink .dv-led__lamp{animation:.42s step-end infinite dv-blink}.dv-led.is-pulse .dv-led__lamp{animation:1.1s ease-in-out infinite dv-pulse}.dv-led__name{letter-spacing:.12em;text-indent:.12em;font-size:5.6px}@keyframes dv-pulse{0%,to{opacity:1}50%{opacity:.32}}@keyframes dv-blink{0%{opacity:1}50%{opacity:.2}}@keyframes dv-flash{0%,45%{opacity:1}to{opacity:0}}@keyframes dv-beat{0%{opacity:1;filter:brightness(1.35)}60%,to{opacity:.55;filter:brightness()}}@keyframes dv-padgen{0%,to{opacity:.75}50%{opacity:.25}}.dv-device[data-flavor=VOX]{--pad-glow:var(--pad-glow-vox)}.dv-device[data-flavor=NIMBUS]{--pad-glow:var(--pad-glow-nimbus)}.dv-device--preview,.dv-device--preview *{pointer-events:none}.dv-micring{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dv-micring__seg{fill:color-mix(in srgb, var(--led-rec) 12%, var(--key-top));stroke:var(--key);stroke-width:.6px}.dv-micring__seg.is-lit{fill:var(--led-rec);stroke:color-mix(in srgb, var(--led-rec) 60%, var(--metal-a));stroke-width:.4px}.dv-micring.is-rec{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--led-rec) 80%, transparent))}.dv-micring.is-busy .dv-micring__seg.is-lit{fill:var(--led-sel);stroke:color-mix(in srgb, var(--led-sel) 60%, var(--metal-a));animation:1.28s linear infinite dv-chase;animation-delay:calc(var(--k) * 40ms)}.dv-micring.is-busy{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--led-sel) 70%, transparent))}.dv-mic{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dv-mic__steel-a{stop-color:var(--metal-a)}.dv-mic__steel-b{stop-color:color-mix(in srgb, var(--metal-a) 55%, var(--metal-b))}.dv-mic__steel-c{stop-color:color-mix(in srgb, var(--metal-b) 70%, var(--key))}.dv-mic__hole{fill:color-mix(in srgb, var(--key) 90%, var(--metal-b))}.dv-mic__legend{font-family:var(--font-silk);letter-spacing:.14em;fill:color-mix(in srgb, var(--metal-a) 55%, var(--metal-b));opacity:.85;font-size:3.9px;font-weight:600}.dv-mic__bezel{fill:var(--key);stroke:color-mix(in srgb, var(--metal-b) 50%, var(--key));stroke-width:.8px}.dv-mic__shade{fill:none;stroke:color-mix(in srgb, var(--key) 35%, transparent);stroke-width:1.4px}.dv-mic__rim{fill:none;stroke:color-mix(in srgb, var(--metal-a) 85%, transparent);stroke-width:.9px}.dv-mic__gloss{pointer-events:none;background:radial-gradient(ellipse 34% 24% at 36% 26%, color-mix(in srgb, var(--metal-a) 70%, transparent), transparent 75%), radial-gradient(circle at 38% 30%, transparent 45%, color-mix(in srgb, var(--key) 46%, transparent) 100%);width:94px;height:94px;box-shadow:inset 0 2px 1px color-mix(in srgb, var(--metal-a) 55%, transparent), inset 0 -3px 5px color-mix(in srgb, var(--key) 55%, transparent);border-radius:50%;position:absolute;top:23px;left:23px}.dv-porthole__bezel{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dv-porthole__ticks{fill:none;stroke:color-mix(in srgb, var(--metal-a) 72%, transparent);stroke-width:1.1px;stroke-linecap:round}.dv-porthole__letter{font-family:var(--font-silk);fill:color-mix(in srgb, var(--metal-a) 82%, transparent);font-size:7px;font-weight:700}.dv-porthole__letter:first-of-type{fill:var(--led-rec)}.dv-porthole{background:repeating-radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--metal-a) 30%, transparent) 0 .5px, transparent .5px 1.4px), conic-gradient(from 18deg, var(--metal-a), var(--metal-b) 12.5%, color-mix(in srgb, var(--metal-a) 60%, var(--metal-b)) 25%, var(--metal-b) 37.5%, var(--metal-a) 50%, var(--metal-b) 62.5%, color-mix(in srgb, var(--metal-a) 60%, var(--metal-b)) 75%, var(--metal-b) 87.5%, var(--metal-a));width:106px;height:106px;box-shadow:0 0 0 1px color-mix(in srgb, var(--metal-b) 60%, var(--key)), 0 2px 4px var(--key), inset 0 1px 1px color-mix(in srgb, var(--metal-a) 90%, transparent), inset 0 -1.5px 2px color-mix(in srgb, var(--metal-b) 70%, var(--key));border-radius:50%;position:absolute;top:17px;left:17px}.dv-porthole__rim{width:140px;height:140px;position:absolute;top:-17px;left:-17px;overflow:visible}.dv-porthole__bolt-lip{fill:color-mix(in srgb, var(--key) 55%, transparent)}.dv-porthole__bolt{fill:color-mix(in srgb, var(--metal-a) 70%, var(--metal-b));stroke:color-mix(in srgb, var(--metal-b) 70%, var(--key));stroke-width:.5px}.dv-porthole__glass{isolation:isolate;background:radial-gradient(circle at 50% 46%, color-mix(in srgb, var(--backdrop-a) 30%, var(--key)) 0 20%, color-mix(in srgb, var(--backdrop-a) 12%, var(--key)) 60%, var(--key) 100%);box-shadow:0 0 0 1.5px color-mix(in srgb, var(--metal-b) 80%, var(--key)), 0 0 0 2.5px var(--key), inset 0 2px 4px var(--key);border-radius:50%;position:absolute;inset:9px;overflow:hidden}.dv-porthole__glass>*{border-radius:50%;position:absolute;inset:0}.dv-porthole__frame{object-fit:cover;filter:saturate(1.06)contrast(1.06);width:100%;height:100%;animation:.42s ease-out dv-tune-in}.dv-porthole__grid{fill:none;width:100%;height:100%;stroke:color-mix(in srgb, var(--lcd-bg) 26%, transparent);stroke-width:.45px;pointer-events:none;overflow:visible}.dv-porthole__glass.is-live .dv-porthole__grid{stroke:color-mix(in srgb, var(--lcd-bg) 34%, transparent)}.dv-next__silk{z-index:4;position:absolute;top:135.5px;left:379px;transform:translate(-50%,-50%)rotate(-60deg)}.dv-keyslot--capture.is-listening .dv-capring{box-shadow:inset 0 0 0 1.5px var(--led-rec), inset 0 0 6px 2px color-mix(in srgb, var(--led-rec) 70%, transparent), 0 0 12px 2px color-mix(in srgb, var(--led-rec) 60%, transparent)}.dv-keyslot--capture.is-listening .dv-capture__dot{background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--led-rec) 45%, var(--metal-a)) 0, var(--led-rec) 60%);box-shadow:0 0 4px var(--led-rec), 0 0 9px color-mix(in srgb, var(--led-rec) 60%, transparent);animation:.8s ease-in-out infinite dv-pulse}.dv-homelink{z-index:5;font-family:var(--font-silk);letter-spacing:.24em;text-transform:uppercase;color:color-mix(in srgb, var(--metal-a) 78%, var(--backdrop-a));text-shadow:0 1px 0 color-mix(in srgb, var(--backdrop-a) 60%, var(--key));opacity:.8;padding:6px 4px;font-size:10px;font-weight:700;text-decoration:none;transition:opacity .12s ease-out;position:fixed;bottom:14px;left:18px}.dv-homelink:hover,.dv-homelink:focus-visible{opacity:1}.dv-stage--narrow .dv-homelink{margin-top:10px;position:static}@keyframes dv-chase{0%{opacity:1}30%,to{opacity:.18}}@keyframes dv-tune-in{0%{opacity:0;filter:saturate(0)brightness(1.6)}}.dv-porthole__video{pointer-events:none;opacity:0;border:0;width:320%;height:180%;transition:opacity .4s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dv-porthole__video.is-playing{opacity:1}.lcd{--lcd-pad-x:6px;--lcd-ghost:color-mix(in srgb, var(--lcd-ink) 30%, transparent);--lcd-ghost-drop:color-mix(in srgb, var(--lcd-ink) 9%, transparent);--lcd-hair:color-mix(in srgb, var(--lcd-ink) 28%, transparent);aspect-ratio:4/3;isolation:isolate;background:radial-gradient(115% 100% at 50% 42%, color-mix(in srgb, var(--lcd-bg) 80%, var(--chassis-hi)) 0%, var(--lcd-bg) 58%, color-mix(in srgb, var(--lcd-bg) 84%, var(--lcd-dim)) 100%);width:100%;height:100%;box-shadow:inset 0 0 22px color-mix(in srgb, var(--lcd-ink) 18%, transparent), inset 0 2px 4px color-mix(in srgb, var(--lcd-ink) 28%, transparent);color:var(--lcd-ink);font-family:var(--font-lcd);letter-spacing:.02em;text-transform:uppercase;font-variant-numeric:tabular-nums;text-shadow:0 0 1px var(--lcd-ghost), 1px 1px 0 var(--lcd-ghost-drop);-webkit-user-select:none;user-select:none;cursor:default;border-radius:0;font-size:9px;font-weight:500;line-height:11px;position:relative;overflow:hidden}.lcd-glass{z-index:30;pointer-events:none;background:linear-gradient(158deg, color-mix(in srgb, var(--chassis-hi) 16%, transparent) 0%, transparent 30%), repeating-linear-gradient(0deg, color-mix(in srgb, var(--lcd-ink) 5%, transparent) 0 1px, transparent 1px 3px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--lcd-ink) 5%, transparent) 0 1px, transparent 1px 3px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lcd-ink) 30%, transparent), inset 0 0 12px color-mix(in srgb, var(--lcd-ink) 12%, transparent);position:absolute;inset:0}.lcd :focus-visible{outline:2px solid var(--lcd-ink);outline-offset:1px}.lcd-dim{color:var(--lcd-dim)}.lcd-frame{padding:4px var(--lcd-pad-x) 0;flex-direction:column;display:flex;position:absolute;inset:0}.lcd-head{border-bottom:1px solid var(--lcd-ink);letter-spacing:.04em;white-space:nowrap;flex:none;justify-content:space-between;align-items:center;gap:6px;height:17px;margin-bottom:4px;padding-bottom:2px;font-size:8px;line-height:9px;display:flex}.lcd-head-tabs,.lcd-head-read{align-items:center;gap:3px;display:flex}.lcd-head-read{gap:5px}.lcd-head.is-crowded .lcd-head-sep{display:none}.lcd-head-tab{color:var(--lcd-dim);padding:2px 3px}.lcd-head-sep{color:var(--lcd-dim)}.lcd-head-auto{font-weight:700}.lcd-head-scn{align-items:center;gap:3px;display:flex}.lcd-head-scn-cells{height:9px;display:flex}.lcd-scn-cell{--scn-c:var(--lcd-ink);width:6px;height:9px;position:relative}.lcd-scn-cell:after{content:"";width:4px;height:4px;box-shadow:inset 0 0 0 1px var(--scn-c);position:absolute;top:2.5px;left:1px}.lcd-scn-cell.is-filled:after{background:var(--scn-c)}.lcd-scn-cell.is-current{--scn-c:var(--lcd-bg);background:var(--lcd-ink)}.lcd-body{flex:auto;min-height:0;margin-bottom:4px;position:relative}.lcd-soft{--soft-outer:75fr;--soft-inner:93fr;--soft-shift:18px;height:19px;margin:0 calc(var(--lcd-pad-x) * -1);grid-template-columns:var(--soft-outer) var(--soft-inner) var(--soft-inner) var(--soft-outer);border-top:1px solid var(--lcd-ink);letter-spacing:.06em;flex:none;font-size:8px;line-height:9px;display:grid}.lcd-soft-cell{white-space:nowrap;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.lcd-soft-cell+.lcd-soft-cell:before{content:"";background:var(--lcd-hair);width:1px;position:absolute;top:5px;bottom:5px;left:0}.lcd-soft-cell:after{content:"";background:var(--lcd-ink);width:1px;height:2px;position:absolute;bottom:0;left:50%}.lcd-soft-cell:first-child{padding-right:var(--soft-shift)}.lcd-soft-cell:first-child:after{left:calc((100% - var(--soft-shift)) / 2)}.lcd-soft-cell:last-child{padding-left:var(--soft-shift)}.lcd-soft-cell:last-child:after{left:calc(var(--soft-shift) + (100% - var(--soft-shift)) / 2)}.lcd-soft-text{padding:2px 3px;font-weight:700}.lcd-soft-cell.is-none{color:var(--lcd-dim)}.lcd-soft-cell.is-none .lcd-soft-text{font-weight:500}.lcd-soft-cell.is-none:after{background:var(--lcd-dim)}.lcd-br{--br-c:var(--lcd-ink);--br-on:var(--lcd-bg);--br-arm:5px;--br-inset:2px;--br-fill:transparent;white-space:nowrap;background:linear-gradient(var(--br-c), var(--br-c)) left top / var(--br-arm) 1px no-repeat, linear-gradient(var(--br-c), var(--br-c)) left top / 1px var(--br-arm) no-repeat, linear-gradient(var(--br-c), var(--br-c)) right top / var(--br-arm) 1px no-repeat, linear-gradient(var(--br-c), var(--br-c)) right top / 1px var(--br-arm) no-repeat, linear-gradient(var(--br-c), var(--br-c)) left bottom / var(--br-arm) 1px no-repeat, linear-gradient(var(--br-c), var(--br-c)) left bottom / 1px var(--br-arm) no-repeat, linear-gradient(var(--br-c), var(--br-c)) right bottom / var(--br-arm) 1px no-repeat, linear-gradient(var(--br-c), var(--br-c)) right bottom / 1px var(--br-arm) no-repeat, linear-gradient(var(--br-fill), var(--br-fill)) center / calc(100% - 2 * var(--br-inset)) calc(100% - 2 * var(--br-inset)) no-repeat;justify-content:center;align-items:center;gap:4px;padding:2px 5px;display:inline-flex;position:relative}.lcd-br--tight{--br-arm:3px;padding:2px 3px}.lcd-br--block{width:100%;display:flex}.lcd-br--inv{--br-fill:var(--br-c);color:var(--br-on);text-shadow:none;font-weight:700}.lcd-br.is-quiet{background:0 0}.lcd-corners{z-index:1;pointer-events:none;--br-arm:6px;padding:0;position:absolute;inset:0}.lcd-rev{--row:11px;flex-direction:column;gap:1px;min-width:0;display:flex}.lcd-rev-cap{letter-spacing:.1em;color:var(--lcd-dim);font-size:8px;line-height:9px}.lcd-rev-win{height:calc(var(--row) * 3);position:relative;overflow:hidden}.lcd-rev-frame.lcd-br{left:0;right:0;top:var(--row);height:var(--row);z-index:0;--br-arm:4px;--br-inset:1px;padding:0;position:absolute}.lcd-rev-track{z-index:1;top:calc(var(--row) * -1);position:relative}.lcd-rev-track.is-fwd{animation:.15s cubic-bezier(.2,.8,.3,1) lcd-rev-fwd}.lcd-rev-track.is-back{animation:.15s cubic-bezier(.2,.8,.3,1) lcd-rev-back}.lcd-rev-row{height:var(--row);font-size:8px;line-height:var(--row);white-space:nowrap;color:var(--lcd-dim);letter-spacing:0;padding:0 4px;overflow:hidden}.lcd-rev-row--m1,.lcd-rev-row--p1{transform:scaleY(.82)}.lcd-rev-row--m2,.lcd-rev-row--p2{opacity:.6;transform:scaleY(.6)}.lcd-rev-row--p0{color:var(--lcd-ink);font-weight:700}.lcd-rev.is-active .lcd-rev-row--p0{color:var(--lcd-bg);text-shadow:none}.lcd-rev.is-active .lcd-rev-cap{color:var(--lcd-ink)}.lcd-meter.lcd-br--block{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px;padding:2px 4px;font-size:8px;line-height:9px;display:grid}.lcd-meter-label{letter-spacing:.06em}.lcd-meter-bar{height:5px;position:relative;box-shadow:inset 0 0 0 1px}.lcd-meter-fill{background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 3px);position:absolute;top:1px;bottom:1px}.lcd-meter-mid{background:currentColor;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.lcd-meter-val{font-weight:700}.lcd-view{flex-direction:column;justify-content:space-between;gap:3px;height:100%;display:flex}.lcd-view-main{flex:none;gap:6px;min-height:0;display:flex}.lcd-view-side{flex-direction:column;flex:1 1 0;justify-content:space-between;min-width:0;display:flex}.lcd-view-meters{flex-direction:column;gap:1px;display:flex}.lcd-vf{aspect-ratio:4/3;background:var(--lcd-bg);width:65.5%;box-shadow:0 0 0 1px var(--lcd-ink);cursor:pointer;touch-action:manipulation;border:0;flex:none;margin:0;padding:0;display:block;position:relative;overflow:hidden}.lcd-vf-canvas{width:100%;height:100%;image-rendering:pixelated;display:block;position:absolute;inset:0}.lcd-vf-canvas.is-mirrored{transform:scaleX(-1)}.lcd-vf-ret{--rw:1px;--ra:13px;width:var(--ra);height:var(--ra);border:0 solid var(--lcd-ink);filter:drop-shadow(1px 1px 0 var(--lcd-bg));transition:width .12s ease-out,height .12s ease-out,border-width .12s ease-out;position:absolute}.lcd-vf-ret--tl{border-top-width:var(--rw);border-left-width:var(--rw);top:16px;left:16px}.lcd-vf-ret--tr{border-top-width:var(--rw);border-right-width:var(--rw);top:16px;right:16px}.lcd-vf-ret--bl{border-bottom-width:var(--rw);border-left-width:var(--rw);bottom:16px;left:16px}.lcd-vf-ret--br{border-bottom-width:var(--rw);border-right-width:var(--rw);bottom:16px;right:16px}.lcd-vf.is-gen .lcd-vf-ret{--rw:3px;--ra:18px;animation:1.2s step-end infinite lcd-ret-pulse}.lcd-vf-cross{background:linear-gradient(var(--lcd-ink), var(--lcd-ink)) 50% 0 / 1px 4px no-repeat, linear-gradient(var(--lcd-ink), var(--lcd-ink)) 50% 100% / 1px 4px no-repeat, linear-gradient(var(--lcd-ink), var(--lcd-ink)) 0 50% / 4px 1px no-repeat, linear-gradient(var(--lcd-ink), var(--lcd-ink)) 100% 50% / 4px 1px no-repeat;width:11px;height:11px;filter:drop-shadow(1px 1px 0 var(--lcd-bg));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lcd-vf-chip{letter-spacing:.06em;background:var(--lcd-bg);color:var(--lcd-ink);align-items:center;padding:1px 3px;font-size:8px;line-height:9px;display:inline-flex;position:absolute}.lcd-vf-chip--tl{font-weight:700;top:3px;left:3px}.lcd-vf-chip--bl{color:var(--lcd-dim);bottom:3px;left:3px}.lcd-vf-chip--br{background:var(--lcd-ink);color:var(--lcd-bg);text-shadow:none;font-weight:700;bottom:3px;right:3px}.lcd-vf-dot{background:currentColor;width:4px;height:4px;margin-right:3px;animation:1s step-end infinite lcd-blink}.lcd-vf-nosig{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lcd-vf-nosig-box.lcd-br{background-color:var(--lcd-bg);flex-direction:column;gap:2px;padding:5px 10px}.lcd-vf-nosig-title{letter-spacing:.16em;font-size:10px;font-weight:700;animation:1.6s step-end infinite lcd-blink}.lcd-vf-nosig-sub{color:var(--lcd-dim);font-size:8px;line-height:9px}.lcd-vf-flash{pointer-events:none;animation:.46s ease-out forwards lcd-shutter;position:absolute;inset:0}.lcd-view-status{flex:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.lcd-view-tag{flex:none;display:inline-flex}.lcd-view-tag .lcd-br{--br-arm:6px;letter-spacing:.06em;padding:3px 7px;font-size:13px;font-weight:700;line-height:14px}.lcd-view-pad{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:8px;line-height:9px;overflow:hidden}.lcd-view-tele{border-top:1px dotted var(--lcd-hair);white-space:nowrap;flex:none;gap:4px;min-width:0;padding-top:2px;display:flex}.lcd-view-tele-mark{flex:none;font-weight:700}.lcd-view-tele-text{text-overflow:ellipsis;min-width:0;overflow:hidden}.lcd-wave{flex-direction:column;gap:3px;height:100%;display:flex}.lcd-wave-head{flex:none;justify-content:space-between;align-items:center;gap:6px;min-width:0;height:13px;display:flex}.lcd-wave-title{white-space:nowrap;align-items:baseline;gap:4px;min-width:0;font-weight:700;display:flex;overflow:hidden}.lcd-wave-idx,.lcd-wave-sep{flex:none}.lcd-wave-sep{color:var(--lcd-dim);font-weight:500}.lcd-wave-src{text-overflow:ellipsis;min-width:0;overflow:hidden}.lcd-wave-tail{text-overflow:ellipsis;flex:none;max-width:40%;font-weight:500;overflow:hidden}.lcd-wave-tags{flex:none;align-items:center;gap:4px;font-size:8px;line-height:9px;display:flex}.lcd-wave-box{touch-action:none;cursor:crosshair;min-height:0;box-shadow:inset 0 0 0 1px var(--lcd-hair);flex:auto;position:relative}.lcd-wave-box.is-dragging{cursor:ew-resize}.lcd-wave-canvas,.lcd-ov-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.lcd-wave-msg{color:var(--lcd-dim);justify-content:center;align-items:center;animation:1.2s step-end infinite lcd-blink;display:flex;position:absolute;inset:0}.lcd-wave-chip,.lcd-ov-chip{z-index:1;background:var(--lcd-bg);pointer-events:none;padding:1px 3px;font-size:8px;line-height:9px;position:absolute}.lcd-wave-chip--tr{top:2px;right:2px}.lcd-wave-chip--tl{background:var(--lcd-ink);color:var(--lcd-bg);text-shadow:none;font-weight:700;bottom:2px;left:2px}.lcd-wave-play{z-index:1;width:1px;top:0;bottom:0;left:var(--from);background:var(--lcd-ink);box-shadow:1px 0 0 var(--lcd-bg);pointer-events:none;animation-name:lcd-play;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute}.lcd-mk{z-index:2;cursor:ew-resize;touch-action:none;width:13px;margin-left:-6px;position:absolute;top:0;bottom:0}.lcd-mk:focus-visible{outline:none}.lcd-mk-line{background:var(--lcd-ink);width:1px;position:absolute;top:0;bottom:0;left:6px}.lcd-mk-flag{text-align:center;background:var(--lcd-bg);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--lcd-ink);font-size:8px;font-weight:700;line-height:10px;position:absolute}.lcd-mk--start .lcd-mk-flag{top:0;left:7px}.lcd-mk--end .lcd-mk-flag{bottom:0;right:7px}.lcd-mk.is-active .lcd-mk-line,.lcd-mk:focus-visible .lcd-mk-line{width:2px}.lcd-mk.is-active .lcd-mk-flag,.lcd-mk:focus-visible .lcd-mk-flag{background:var(--lcd-ink);color:var(--lcd-bg);text-shadow:none}.lcd-mk:focus-visible .lcd-mk-flag{outline:1px solid var(--lcd-ink);outline-offset:1px}.lcd-ro-row{flex:none;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid}.lcd-ro.lcd-br--block{flex-direction:column;align-items:flex-start;gap:0;padding:2px 4px;overflow:hidden}.lcd-ro-label{letter-spacing:.06em;color:var(--lcd-dim);font-size:8px;line-height:9px}.lcd-ro.lcd-br--inv .lcd-ro-label{color:inherit}.lcd-ro-value{white-space:nowrap;font-size:9px;font-weight:700;line-height:10px}.lcd-ov-box{height:30px;box-shadow:inset 0 0 0 1px var(--lcd-hair);flex:none;position:relative}.lcd-ov-chip--l{color:var(--lcd-dim);top:2px;left:2px}.lcd-ov-chip--r{top:2px;right:2px}.lcd-wave-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.lcd-wave-empty>.lcd-br{letter-spacing:.06em;padding:5px 10px;font-size:10px;font-weight:700}.lcd-wave-elapsed{letter-spacing:.06em;font-size:22px;font-weight:700;line-height:24px}.lcd-gen-steps{align-items:center;gap:6px;font-size:8px;line-height:9px;display:flex}.lcd-gen-steps .lcd-br{animation:1s step-end infinite lcd-blink}.lcd-log{flex-direction:column;height:100%;display:flex}.lcd-log-head{letter-spacing:.06em;height:14px;color:var(--lcd-dim);white-space:nowrap;flex:none;align-items:center;gap:10px;font-size:8px;line-height:9px;display:flex}.lcd-log-head b{color:var(--lcd-ink);font-weight:700}.lcd-log-scroll{margin-left:auto}.lcd-log-models{color:var(--lcd-dim);white-space:nowrap;text-overflow:ellipsis;flex:none;margin-bottom:1px;font-size:8px;line-height:10px;overflow:hidden}.lcd-log-wrap{border-top:1px solid var(--lcd-ink);flex:auto;min-height:0;padding-top:2px;position:relative}.lcd-log-list{overscroll-behavior:contain;scrollbar-width:none;height:100%;padding-right:6px;position:relative;overflow-y:auto}.lcd-log-list::-webkit-scrollbar{display:none}.lcd-log-row{grid-template-columns:40px 36px minmax(0,1fr);column-gap:4px;line-height:11px;display:grid}.lcd-log-t{color:var(--lcd-dim);font-size:8px}.lcd-log-tag{white-space:nowrap;font-size:8px;overflow:hidden}.lcd-log-tag .lcd-br{--br-arm:3px;--br-inset:1px;padding:1px 2px;line-height:9px}.lcd-log-msg{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}.lcd-log-warn .lcd-log-tag,.lcd-log-warn .lcd-log-msg,.lcd-log-error .lcd-log-msg,.lcd-log-ok{font-weight:700}.lcd-log-row.is-prompt .lcd-log-msg{border-left:1px solid var(--lcd-dim);grid-column:1/-1;margin:1px 0 3px;padding-left:6px}.lcd-log-track{background:var(--lcd-hair);width:1px;position:absolute;top:3px;bottom:0;right:1px}.lcd-log-thumb{background:var(--lcd-ink);width:3px;position:absolute;left:-1px}.lcd-lock{flex-direction:column;padding:5px 10px 8px;display:flex;position:absolute;inset:0}.lcd-lock-top{border-bottom:1px solid var(--lcd-ink);letter-spacing:.08em;color:var(--lcd-dim);justify-content:space-between;padding-bottom:2px;font-size:8px;line-height:9px;display:flex}.lcd-lock-brand{flex-direction:column;align-items:center;gap:3px;margin-top:22px;display:flex}.lcd-lock-logo{letter-spacing:.08em;font-size:32px;font-weight:700;line-height:34px}.lcd-lock-sub{letter-spacing:.16em;color:var(--lcd-dim);font-size:8px;line-height:9px}.lcd-lock-entry{flex-direction:column;align-items:center;gap:5px;margin-top:auto;display:flex}.lcd-lock-prompt{letter-spacing:.24em;font-size:9px;font-weight:700}.lcd-lock-field{border-bottom:1px solid var(--lcd-ink);justify-content:center;align-items:center;gap:3px;min-width:132px;height:20px;display:flex}.lcd-lock-mask{letter-spacing:.3em;font-size:13px;line-height:14px}.lcd-lock-cursor{background:var(--lcd-ink);width:7px;height:12px;animation:1s step-end infinite lcd-blink}.lcd-lock-status{letter-spacing:.06em;align-items:center;height:15px;font-size:8px;line-height:9px;display:flex}.lcd-lock-busy{font-weight:700;animation:.8s step-end infinite lcd-blink}.lcd-lock-hint{border-top:1px dotted var(--lcd-hair);text-align:center;color:var(--lcd-dim);margin-top:auto;padding-top:3px;font-size:8px;line-height:9px}.lcd-overlay{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.lcd-overlay-box.lcd-br{--br-arm:8px;--br-inset:3px;flex-direction:column;gap:1px;min-width:124px;padding:9px 18px 10px;animation:.12s ease-out lcd-pop}.lcd-overlay-label{letter-spacing:.22em;font-size:8px;line-height:9px}.lcd-overlay-value{letter-spacing:.02em;font-size:22px;line-height:24px}.lcd-confirm{z-index:20;background:var(--lcd-bg);padding:5px;display:flex;position:absolute;inset:0}.lcd-confirm-box{--br-c:var(--lcd-bg);background:var(--lcd-ink);color:var(--lcd-bg);text-shadow:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.lcd-confirm-box .lcd-br{--br-c:var(--lcd-bg);--br-on:var(--lcd-ink)}.lcd-confirm-warn{letter-spacing:.24em;font-size:8px;line-height:9px;animation:.8s step-end infinite lcd-blink}.lcd-confirm-title{letter-spacing:.04em;font-size:20px;font-weight:700;line-height:22px}.lcd-confirm-sub{letter-spacing:.1em;opacity:.7;font-size:8px;line-height:9px}.lcd-confirm-keys{align-items:center;gap:6px;margin-top:4px;font-weight:700;display:flex}.lcd-confirm-bar{background:var(--lcd-bg);transform-origin:0;height:2px;animation:6s linear forwards lcd-drain;position:absolute;bottom:10px;left:14px;right:14px}@keyframes lcd-blink{50%{opacity:0}}@keyframes lcd-rev-fwd{0%{transform:translateY(var(--row))}to{transform:none}}@keyframes lcd-rev-back{0%{transform:translateY(calc(var(--row) * -1))}to{transform:none}}@keyframes lcd-ret-pulse{50%{opacity:.35}}@keyframes lcd-shutter{0%{background:var(--lcd-ink);opacity:1}16%{background:var(--lcd-bg);opacity:1}to{background:var(--lcd-bg);opacity:0}}@keyframes lcd-play{0%{left:var(--from);opacity:1}92%{opacity:1}to{left:var(--to);opacity:0}}@keyframes lcd-pop{0%{opacity:.4;transform:scale(.94)}}@keyframes lcd-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.lcd-head-stn{font-weight:700}.lcd-vox{aspect-ratio:4/3;width:65.5%;box-shadow:0 0 0 1px var(--lcd-ink);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.lcd-vox-strip{border-bottom:1px solid var(--lcd-ink);flex:none;position:relative}.lcd-vox-canvas{aspect-ratio:176/50;width:100%;image-rendering:pixelated;display:block}.lcd-vox-chip--tr{color:var(--lcd-dim);top:3px;right:3px}.lcd-vox-body{flex-direction:column;flex:auto;justify-content:center;gap:6px;min-height:0;padding:4px 0;display:flex}.lcd-vox-status{flex:none;justify-content:center;padding:0 4px;display:flex}.lcd-vox-status .lcd-br{--br-arm:6px;letter-spacing:.06em;padding:3px 7px;font-size:10px;font-weight:700;line-height:11px}.lcd-vox-words{-webkit-line-clamp:4;line-clamp:4;text-align:center;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:none;margin:0;padding:0 7px;font-size:8px;line-height:10px;display:-webkit-box;overflow:hidden}.lcd-vox-words.is-empty{color:var(--lcd-dim)}.lcd-view-main--cloud .lcd-vf{width:60%}.lcd-view-side--cloud{gap:4px}.lcd-stn{flex-direction:column;gap:1px;min-width:0;font-size:8px;line-height:10px;display:flex}.lcd-stn>*{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.lcd-stn-name{border-bottom:1px dotted var(--lcd-hair);letter-spacing:.04em;margin-bottom:1px;padding-bottom:1px;font-size:9px;font-weight:700;line-height:11px}.lcd-stn-blink{animation:1.6s step-end infinite lcd-blink}.lcd-setting.lcd-br--block{grid-template-columns:auto minmax(0,1fr)}.lcd-setting-val{white-space:nowrap;text-overflow:ellipsis;text-align:right;min-width:0;font-weight:700;overflow:hidden}.lcd-splash-gesture{letter-spacing:.12em;justify-content:center;align-items:center;gap:5px;margin-top:auto;font-size:9px;display:flex}.lcd-splash .lcd-lock-hint{margin-top:18px}.lcd-vf-live{pointer-events:none;opacity:0;transition:opacity .4s ease-out;position:absolute;inset:0;overflow:hidden}.lcd-vf-live.is-playing{opacity:1}.lcd-vf-live__video{border:0;width:200%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lcd-vf-live__tint{background:var(--lcd-bg);mix-blend-mode:multiply;display:none;position:absolute;inset:0}.lcd-vf-live--gray .lcd-vf-live__video{filter:grayscale()contrast(1.15)brightness(1.05)}.lcd-vf-live--ordered .lcd-vf-live__video,.lcd-vf-live--1bit .lcd-vf-live__video{filter:grayscale()contrast(4)brightness(1.1)}.lcd-vf-live--gray .lcd-vf-live__tint,.lcd-vf-live--ordered .lcd-vf-live__tint,.lcd-vf-live--1bit .lcd-vf-live__tint{display:block}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--backdrop-a:#2e5ea6;--backdrop-b:#9cbbe5;--chassis:#ee8a4e;--chassis-hi:#f8b283;--chassis-lo:#d3713a;--chassis-edge:#b65c2b;--lcd-bg:#cbd69c;--lcd-ink:#28311a;--lcd-dim:#7d8956;--key:#1c1d1a;--key-top:#2b2c28;--metal-a:#d4d7da;--metal-b:#8c9095;--led-rec:#ff5a2c;--led-sel:#ffc23a;--led-auto:#b6f25a;--pad-well:#121311;--pad-frost:#e6ecef;--pad-glow:#ff9f4f;--pad-glow-vox:#d9a8ff;--pad-glow-nimbus:#7febc6;--font-lcd:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-silk:"Archivo Narrow", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, sans-serif;--device-w:600px;--device-h:1080px}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;margin:0}html{background:radial-gradient(120% 90% at 50% 38%, var(--backdrop-b) 0%, var(--backdrop-a) 72%) fixed, var(--backdrop-a)}body{color:var(--key);font-family:var(--font-silk);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:0 0}#root{min-height:100dvh}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--led-sel);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}