@property --amb-elevation{syntax:"<number>";inherits:false;initial-value:0}:root{--amb-light-x:-1;--amb-light-y:-1;--amb-key-light-intensity:.9;--amb-fill-light-intensity:.7;--amb-light-hue:234;--amb-light-saturation:15%;--amb-light-distance:0px;--amb-chamfer:0;--amb-fillet:0;--amb-thickness:0;--amb-elevation:0;--amb-chamfer-width:1;--amb-fillet-width:1;--amb-highlight-color:coral;--amb-lume-hue:17;--amb-mat-specular:0;--amb-mat-roughness:1;--amb-mat-opacity:1;--amb-lume:color-mix(in oklab, hsl(var(--amb-lume-hue) 100% 74%) calc(max(0, min((.5 - var(--amb-key-light-intensity)) / .2, 1)) * 100%), hsl(var(--amb-light-hue) var(--amb-light-saturation) calc((1 - sign(var(--amb-key-light-intensity) - .5)) * 50% + 25%)));--amb-label:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc((1 - var(--amb-key-light-intensity)) * 60% + 20%))}.amb-chamfer{--amb-chamfer:1;--amb-thickness:1}.amb-chamfer-2{--amb-chamfer:1;--amb-chamfer-width:2;--amb-thickness:2}.amb-fillet{--amb-fillet:1;--amb-thickness:1}.amb-fillet-2{--amb-fillet:1;--amb-fillet-width:2;--amb-thickness:2}.amb-groove{--amb-thickness:1}.amb-thickness-0{--amb-thickness:0}.amb-thickness-1{--amb-thickness:1}.amb-thickness-2{--amb-thickness:2}.amb-elevation-0{--amb-elevation:0}.amb-elevation-1{--amb-elevation:1}.amb-elevation-2{--amb-elevation:2}.amb-elevation-3{--amb-elevation:3}.ambient{--_amb-chamfer-w:max(-1 * var(--amb-thickness), min(var(--amb-chamfer-width), var(--amb-thickness)));--_amb-fillet-w:max(-1 * var(--amb-thickness), min(var(--amb-fillet-width), var(--amb-thickness)));--_amb-sh-gate:max(0, min(var(--amb-elevation) + var(--amb-thickness), 1));--_amb-body-gate:max(0, min(var(--amb-thickness), 1));--_amb-sweep-a:calc(var(--_amb-sh-gate) * var(--_amb-body-gate) * max(0, 1 - var(--amb-elevation) / 3) * (var(--amb-thickness) * .02 + .047));box-shadow:hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--_amb-sh-gate) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .13 + var(--amb-elevation) * -.077 + .368 - var(--_amb-body-gate) * max(0, 1 - var(--amb-elevation)) * .14 ))) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 3.8px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 3.8px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 2.7px) .8px, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 2.85px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 2.85px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 2px) calc(var(--amb-thickness) * .9px), hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 1.9px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * 1.9px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * 1.35px) calc(var(--amb-thickness) * .6px), hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / var(--_amb-sweep-a)) calc(var(--amb-light-x) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * .95px) * -1) calc(var(--amb-light-y) * (var(--amb-elevation) * 6.8px + var(--amb-thickness) * .95px) * -1) calc(var(--amb-elevation) * 4.8px + var(--amb-thickness) * .7px) calc(var(--amb-thickness) * .3px), inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * -1px) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * -1px) 0px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-chamfer) * max(0, min(var(--amb-thickness), 1)) * ( var(--amb-key-light-intensity) * 1.57 + var(--amb-fill-light-intensity) * .85 - 1.03 ))), inset calc(var(--amb-light-x) * var(--_amb-chamfer-w) * 1px) calc(var(--amb-light-y) * var(--_amb-chamfer-w) * 1px) 0px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-chamfer) * max(0, min(var(--amb-thickness), 1)) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .19 + .24 ))), inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * -1.4px) calc(var(--amb-light-y) * var(--_amb-fillet-w) * -1.4px) 2px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fillet) * max(0, min(var(--amb-thickness), 1)) * ( var(--amb-key-light-intensity) * 1.44 + var(--amb-fill-light-intensity) * .85 - .99 ))), inset calc(var(--amb-light-x) * var(--_amb-fillet-w) * 1.4px) calc(var(--amb-light-y) * var(--_amb-fillet-w) * 1.4px) 2px 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fillet) * max(0, min(var(--amb-thickness), 1)) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .23 + .3 )))}.amb-surface{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%))}.amb-surface-darkest{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 10.6% + var(--amb-fill-light-intensity) * 8.8% + 11%))}.amb-surface-lighter{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 32.8% + var(--amb-fill-light-intensity) * 27.2% + 45.8%))}.amb-surface-lightest{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 33.4% + var(--amb-fill-light-intensity) * 27.7% + 46.7%))}.amb-groove{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 30.2% + var(--amb-fill-light-intensity) * 23.2% + 47.6%));box-shadow:inset calc(var(--amb-light-x) * var(--amb-thickness) * -3.6px) calc(var(--amb-light-y) * var(--amb-thickness) * -3.6px) calc(var(--amb-thickness) * 2.7px) 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(max(0, min(var(--amb-thickness), 1)) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .24 + .31 ))), inset calc(var(--amb-light-x) * var(--amb-thickness) * 2.7px) calc(var(--amb-light-y) * var(--amb-thickness) * 2.7px) calc(var(--amb-thickness) * 5.1px) 0px hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(max(0, min(var(--amb-thickness), 1)) * max(0, min(var(--amb-key-light-intensity) * 1.5 + var(--amb-fill-light-intensity) * .72 - .96, 1))))}.amb-mat-shiny{--amb-mat-specular:1;--amb-mat-roughness:0;--amb-mat-opacity:1;--_shiny-angle:calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 270deg);--_spec-peak:var(--amb-key-light-intensity);background-image:linear-gradient(var(--_shiny-angle), hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .09 + .07)) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 10%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 24%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_spec-peak) * .04 + .31)) 30%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 36%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 100%), linear-gradient(to bottom, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-fill-light-intensity) * .22)) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 45%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / 0) 60%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc(var(--amb-fill-light-intensity) * .1)) 100%);filter:brightness(1.04)contrast(1.01)}.amb-mat-glass{--amb-mat-specular:.05;--amb-mat-roughness:.9;--amb-mat-opacity:0;--_shiny-angle:calc(atan2(var(--amb-light-y), var(--amb-light-x)) + 270deg);--_spec-peak:var(--amb-key-light-intensity);background-image:linear-gradient(var(--_shiny-angle), hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_spec-peak) * .12)) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--_spec-peak) * .06)) 40%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 75%, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / 0) 100%);background-blend-mode:screen;--_glass-lightness:calc(var(--amb-key-light-intensity) * 100%);--_glass-alpha:calc(.05 + var(--amb-key-light-intensity) * .1);--_glass-blur:calc(8px + var(--amb-key-light-intensity) * 8px);background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_glass-lightness) / var(--_glass-alpha));-webkit-backdrop-filter:blur(var(--_glass-blur)) saturate(160%);border:1px solid hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(.1 + var(--amb-key-light-intensity) * .15))}.amb-surface-concave{--_concave-y:max(-1, min(var(--amb-light-y), 1));--_surface-base:calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%);--_concave-delta:calc(var(--_concave-y) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 3.16% + 3.78% ));background:linear-gradient(hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) + var(--_concave-delta))) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) + var(--_concave-delta) * .33)) 35%, hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_surface-base)) 50%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) - var(--_concave-delta) * .33)) 65%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) - var(--_concave-delta))) 100%)}.amb-surface-concave-h{--_concave-h-x:max(-1, min(var(--amb-light-x), 1));--_surface-base:calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%);--_concave-h-delta:calc(var(--_concave-h-x) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 3.16% + 3.78% ));background:linear-gradient(to right, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) + var(--_concave-h-delta))) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) + var(--_concave-h-delta) * .33)) 35%, hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_surface-base)) 50%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) - var(--_concave-h-delta) * .33)) 65%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) - var(--_concave-h-delta))) 100%)}.amb-surface-convex{--_convex-y:max(-1, min(var(--amb-light-y), 1));--_surface-base:calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%);--_convex-delta:calc(var(--_convex-y) * ( (var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * 3.16% + 3.78% ));background:linear-gradient(hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) - var(--_convex-delta))) 0%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) - var(--_convex-delta) * .33)) 35%, hsl(var(--amb-light-hue) var(--amb-light-saturation) var(--_surface-base)) 50%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) + var(--_convex-delta) * .33)) 65%, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--_surface-base) + var(--_convex-delta))) 100%)}.amb-light-tl{--amb-light-x:-1;--amb-light-y:-1}.amb-light-tr{--amb-light-x:1;--amb-light-y:-1}.amb-light-bl{--amb-light-x:-1;--amb-light-y:1}.amb-light-br{--amb-light-x:1;--amb-light-y:1}.amb-light-top{--amb-light-x:0;--amb-light-y:-1}.amb-light-bottom{--amb-light-x:0;--amb-light-y:1}.amb-light-left{--amb-light-x:-1;--amb-light-y:0}.amb-light-right{--amb-light-x:1;--amb-light-y:0}.amb-emit-red{--amb-emit-color:#ef4444}.amb-emit-green{--amb-emit-color:#4ade80}.amb-emit-amber{--amb-emit-color:#f59e0b}.amb-emit-cyan{--amb-emit-color:#22d3d3}.amb-emit-blue{--amb-emit-color:#3b82f6}.amb-emit-white{--amb-emit-color:#fff}.amb-rounded{border-radius:4px}.amb-rounded-md{border-radius:8px}.amb-rounded-lg{border-radius:12px}.amb-rounded-xl{border-radius:16px}.amb-rounded-full{border-radius:9999px}.amb-glow{box-shadow:0 0 6.2px var(--amb-lume)}@keyframes amb-bounce-elevation{0%,to{--amb-elevation:0}15%{--amb-elevation:3}30%{--amb-elevation:0}42%{--amb-elevation:2}54%{--amb-elevation:0}64%{--amb-elevation:1}74%{--amb-elevation:0}}.amb-bounce{animation:2s ease-in-out infinite amb-bounce-elevation}:root{--ambx-grid:4px;--ambx-grid-half:calc(var(--ambx-grid) / 2);--ambx-grid-quarter:calc(var(--ambx-grid) / 4);--ambx-type-1-size:calc(var(--ambx-grid) * 8);--ambx-type-1-line:calc(var(--ambx-grid) * 10);--ambx-type-2-size:calc(var(--ambx-grid) * 6);--ambx-type-2-line:calc(var(--ambx-grid) * 8);--ambx-type-3-size:calc(var(--ambx-grid) * 3);--ambx-type-3-line:calc(var(--ambx-grid) * 4);--ambx-type-tracking:var(--ambx-grid-quarter);--ambx-label-size:calc(var(--ambx-grid) * 2 + var(--ambx-grid-half));--ambx-label-line:calc(var(--ambx-grid) * 3);--ambx-control-label-gap:calc(var(--ambx-grid) * 2);--ambx-knob-label-clearance:calc(var(--ambx-grid) * 2);--ambx-slider-label-clearance:calc(var(--ambx-grid) * 2);--ambx-fader-label-clearance:calc(var(--ambx-grid) * 4)}.amb-heading-1{font-size:var(--ambx-type-1-size);line-height:var(--ambx-type-1-line);letter-spacing:var(--ambx-type-tracking)}.amb-heading-2{font-size:var(--ambx-type-2-size);line-height:var(--ambx-type-2-line);letter-spacing:var(--ambx-type-tracking)}.amb-heading-3{font-size:var(--ambx-type-3-size);line-height:var(--ambx-type-3-line);letter-spacing:var(--ambx-type-tracking)}.amb-button{cursor:pointer;padding:var(--ambx-grid-half);--amb-thickness:.27;background-color:var(--amb-lume);border-radius:calc(var(--ambx-grid) * 3 + var(--ambx-grid-half));min-width:calc(var(--ambx-grid) * 16);border:none}.amb-button-cap{width:100%;padding:calc(var(--ambx-grid) * 1.5) calc(var(--ambx-grid) * 2);border-radius:calc(var(--ambx-grid) * 3);text-transform:uppercase;color:var(--amb-label);place-items:center;font-weight:600;display:grid}.amb-button:focus{outline-offset:var(--ambx-grid)}.amb-button:hover .amb-button-cap{color:var(--amb-highlight-color)}.amb-button:active .amb-button-cap{--amb-thickness:.84}.amb-button.amb-button-round{min-width:calc(var(--ambx-grid) * 12);aspect-ratio:1;border-radius:50%}.amb-button-round .amb-button-cap{height:100%;padding:var(--ambx-grid);border-radius:50%}.amb-button.amb-button-square{min-width:calc(var(--ambx-grid) * 14);aspect-ratio:1;border-radius:calc(var(--ambx-grid) * 2)}.amb-button-square .amb-button-cap{height:100%;padding:var(--ambx-grid);border-radius:calc(var(--ambx-grid) * 1.5);--amb-thickness:.8}.amb-button.amb-button-square:active .amb-button-cap{--amb-thickness:.64}.amb-knob{height:calc(var(--ambx-grid) * 16);width:calc(var(--ambx-grid) * 16);border-radius:50%}.amb-knob-body{inset:calc(var(--ambx-grid) / 2);border-radius:50%;position:absolute}.amb-knob-face{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%));background-image:radial-gradient(circle, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%)) 0 60%, transparent 61%), repeating-conic-gradient(from 90deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .35)) 0deg 1.4deg, transparent 2.2deg 4.6deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .3 + .16)) 5deg 6.4deg, transparent 7.2deg 10deg);position:absolute;inset:0}.amb-knob-face-flute{background-image:radial-gradient(circle, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%)) 0 60%, transparent 61%), repeating-conic-gradient(from 90deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .45)) 0deg 2.1deg, transparent 3.2deg 17.4deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .35 + .2)) 18.5deg 20.6deg, transparent 21.6deg 25.7143deg)}.amb-knob-face-fine{background-image:radial-gradient(circle, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%)) 0 60%, transparent 61%), repeating-conic-gradient(from 90deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .35)) 0deg 1.05deg, transparent 1.65deg 3.45deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .3 + .16)) 3.75deg 4.8deg, transparent 5.4deg 7.5deg)}.amb-knob-face-cap{background-image:radial-gradient(circle, var(--amb-highlight-color) 0 65%, transparent 66%), repeating-conic-gradient(from 90deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 100% / calc(var(--amb-key-light-intensity) * .35)) 0deg 1.05deg, transparent 1.65deg 3.45deg, hsl(var(--amb-light-hue) var(--amb-light-saturation) 0% / calc((var(--amb-key-light-intensity) - var(--amb-fill-light-intensity)) * .3 + .16)) 3.75deg 4.8deg, transparent 5.4deg 7.5deg)}.amb-knob-indicator-dot{width:calc(var(--ambx-grid) * 2);height:calc(var(--ambx-grid) * 2);background:var(--amb-highlight-color);border-radius:50%;position:absolute;top:16%;left:50%;transform:translate(-50%)}.amb-knob-indicator-dot-center{width:calc(var(--ambx-grid) * 4.5);height:calc(var(--ambx-grid) * 4.5);top:50%;transform:translate(-50%,-50%)}.amb-knob-indicator-line{width:calc(var(--ambx-grid) * .75);border-radius:calc(var(--ambx-grid) * .375);background:var(--amb-highlight-color);height:34%;position:absolute;top:12%;left:50%;transform:translate(-50%)}.amb-knob:hover .amb-knob-indicator-dot,.amb-knob:hover .amb-knob-indicator-line{background:color-mix(in oklab, var(--amb-highlight-color), white 25%)}.amb-fader{width:var(--ambx-grid);height:calc(var(--ambx-grid) * 30);border-radius:var(--ambx-grid);background-color:var(--amb-lume);position:relative}.amb-fader-thumb{width:calc(var(--ambx-grid) * 6);height:calc(var(--ambx-grid) * 9);border-radius:calc(var(--ambx-grid) * 2);--amb-thickness:1.5;--amb-elevation:.28;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.amb-fader-gripline{background:var(--amb-lume);border-radius:1px;width:70%;height:2px}.amb-slider{height:calc(var(--ambx-grid) * 1.5);width:calc(var(--ambx-grid) * 30);border-radius:var(--ambx-grid);background-color:var(--amb-lume);--amb-thickness:.22;position:relative}.amb-slider-thumb{width:calc(var(--ambx-grid) * 6);height:calc(var(--ambx-grid) * 6);--amb-thickness:.7;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.amb-led{width:calc(var(--ambx-grid) * 2);height:calc(var(--ambx-grid) * 2);background-color:var(--amb-led-color,#0f0);box-shadow:0 0 var(--ambx-grid-quarter) var(--amb-led-color,#0f0);border-radius:50%;transition:background-color .15s,box-shadow .15s}.amb-led-off{background-color:hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 30%));box-shadow:none}.amb-switch{cursor:pointer;justify-items:center;gap:var(--ambx-grid);background:0 0;border:none;margin:0;padding:0;display:inline-grid}.amb-switch-track{width:var(--ambx-switch-w);height:var(--ambx-switch-h);border-radius:calc(var(--ambx-switch-h) / 2);background-color:var(--amb-lume);--amb-thickness:.33;display:block;position:relative}.amb-switch-pill{width:calc(var(--ambx-switch-w) * .52);height:calc(var(--ambx-switch-h) * .78);border-radius:calc(var(--ambx-switch-h) * .39);transform:translate(calc(var(--ambx-switch-h) * .11), -50%);--amb-thickness:.58;transition:transform .14s;position:absolute;top:50%;left:0}.amb-switch-on .amb-switch-pill{transform:translate(calc(var(--ambx-switch-w) - 100% - var(--ambx-switch-h) * .11), -50%)}.amb-switch:hover .amb-switch-pill{background-color:color-mix(in oklab, hsl(var(--amb-light-hue) var(--amb-light-saturation) calc(var(--amb-key-light-intensity) * 31.5% + var(--amb-fill-light-intensity) * 26.4% + 43.6%)), var(--amb-highlight-color) 12%)}.ambx-panel{border-radius:calc(var(--ambx-grid) * 4);padding:calc(var(--ambx-grid) * 4)}.ambx-button{min-width:calc(var(--ambx-grid) * 18);line-height:var(--ambx-type-3-line)}.ambx-switch{--ambx-switch-w:calc(var(--ambx-grid) * 12);--ambx-switch-h:calc(var(--ambx-grid) * 6)}.ambx-switch-sm{--ambx-switch-w:calc(var(--ambx-grid) * 10);--ambx-switch-h:calc(var(--ambx-grid) * 5)}.ambx-switch-md{--ambx-switch-w:calc(var(--ambx-grid) * 12);--ambx-switch-h:calc(var(--ambx-grid) * 6)}.ambx-switch-lg{--ambx-switch-w:calc(var(--ambx-grid) * 16);--ambx-switch-h:calc(var(--ambx-grid) * 8)}.ambx-stack{align-items:center;gap:var(--ambx-control-label-gap);flex-direction:column;display:inline-flex}.ambx-label{font-size:var(--ambx-label-size);line-height:var(--ambx-label-line);letter-spacing:var(--ambx-grid-quarter);text-transform:uppercase;color:var(--amb-label)}.ambx-slider+.ambx-label{margin-top:var(--ambx-slider-label-clearance)}.ambx-fader+.ambx-label{margin-top:var(--ambx-fader-label-clearance)}.ambx-knob+.ambx-label{margin-top:var(--ambx-knob-label-clearance)}.ambx-knob{touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative}.ambx-knob-rotation{position:absolute;inset:0}.ambx-fader{width:calc(var(--ambx-grid) * 2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px}.ambx-fader-thumb{transform:translate(-50%,-50%)}.ambx-slider{height:calc(var(--ambx-grid) * 2);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:999px}.ambx-slider-thumb{transform:translate(-50%,-50%)}:root{--amb-light-hue:34;--amb-light-saturation:4%;--amb-key-light-intensity:.52;--amb-fill-light-intensity:.34;--amb-highlight-color:#e0611f;--amb-lume-hue:26;--accent:#e0611f;--accent-ink:#faf6ef;--steel:#7089a0;--ok:#66a878;--warn:#d29a3d;--crit:#cc5539;--ground:#161410;--ink:#e8e4db;--ink-dim:#a8a49b;--ink-line:#cbc7be;--ink-mute:#7d796f;--hair:#ffffff1a;--screen-bg:#161410;--screen-ink:#d0ac63;--screen-dim:#8a7a52;--panel-s:#2b2926;--panel-sd:#211f1c;--panel-sl:#322f2b;--panel-groove:#1e1c19;--machine-w:1600px;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--ground)}body{background:radial-gradient(130% 90% at 50% -8%, #221e18 0%, var(--ground) 62%);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.45}#app{max-width:1680px;margin:0 auto;padding:34px 24px 96px}.apphead{max-width:var(--machine-w);justify-content:space-between;align-items:flex-end;gap:24px;margin:0 auto 22px;display:flex}.apphead .brand{align-items:center;gap:15px;display:flex}.apphead .mark{object-fit:contain;flex:none;width:30px;height:34px;display:block}h1{letter-spacing:.14em;text-transform:uppercase;font-family:Share Tech Mono,Courier New,monospace;font-size:22px;font-weight:400;line-height:1}.booting{text-align:center;font-family:var(--mono);letter-spacing:.14em;color:var(--ink-dim);padding:70px 0;font-size:12px}#flipbtn{appearance:none;cursor:pointer;color:var(--ink);letter-spacing:.14em;text-transform:uppercase;background:#211f1c;border:0;border-radius:3px;padding:10px 16px;font-family:inherit;font-size:10.5px;font-weight:600}#flipbtn .amb-button-cap,#flipbtn .arrow{display:none}.rackscroll{margin:0 -24px;padding:4px 24px 0;overflow-x:auto}.assembly{width:var(--machine-w);margin:0 auto}.topshelf{align-items:flex-end;gap:14px;margin-bottom:16px;display:flex}.regcol{flex-direction:column;gap:8px;width:360px;display:flex}.topnote{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-mute);flex-direction:column;gap:3px;font-size:10px;display:flex}#flipper{width:var(--machine-w);margin:0 auto}.face{width:var(--machine-w);background:#161410;border-radius:9px;padding:12px;position:relative;box-shadow:inset 0 1px #ffffff0f,0 20px 44px #00000080}.face .cablelayer{pointer-events:none;z-index:8;position:absolute;top:0;left:0;overflow:visible}.rails{z-index:1;background:linear-gradient(90deg,#2e2b27,#242118);border-radius:3px;width:7px;position:absolute;top:12px;bottom:12px;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000026}.rails.left{left:2px}.rails.right{right:2px}.units{z-index:2;flex-direction:column;gap:11px;min-height:120px;margin:0 12px;display:flex;position:relative}.unit{position:relative}.panel{border-radius:7px;padding:14px 20px 16px;position:relative}.panel.rearp{--amb-light-saturation:3%}.panel.off{filter:brightness(.82)saturate(.7)}.u-head,.hg{align-items:center;gap:13px;display:flex}.u-name{align-items:center;gap:9px;display:flex}.name{letter-spacing:.005em;white-space:nowrap;color:var(--ink);font-size:14px;font-weight:600}.subname{color:var(--ink-dim);white-space:nowrap;font-size:11px}.hair{background:var(--hair);height:1px;margin:12px 0}.cl{flex-direction:column;align-items:center;gap:6px;display:flex}.lbl{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);text-align:center;font-size:9.5px;font-weight:600;line-height:1.3}.cap{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);font-size:9.5px;font-weight:600}.lcd{background:var(--screen-bg);color:var(--screen-ink);font-family:var(--mono);letter-spacing:.01em;font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:3px;padding:6px 10px;font-size:11px;line-height:1.45;overflow:hidden;box-shadow:inset 0 1px 2px #0009,inset 0 0 0 1px #0006}.lcd .dim{color:var(--screen-dim)}.lcd .acc{color:#e79a4e}.lcd .err{color:#e18466}.mdot{flex-shrink:0;width:9px;height:9px}.blink{animation:1.15s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.28}}.hbar{align-items:flex-end;gap:2px;display:flex}.hseg{background:#ffffff1f;border-radius:1px;flex-shrink:0;width:5px;height:11px}.hseg.amb-led{background:var(--amb-led-color);box-shadow:none}.hseg.amb-led-off{background:#1e1a1429}.hbar.mini{gap:1.5px}.hbar.mini .hseg{width:3.5px;height:7px}.te-btn{--ambx-grid:2.5px;border-radius:4px;min-width:0}.te-btn .amb-button-cap{letter-spacing:.05em;text-transform:none;color:var(--ink-line);white-space:nowrap;font-size:10px;font-weight:600;font-family:var(--sans);border-radius:3px;gap:5px;padding:6px 12px}.te-btn.te-tiny{--ambx-grid:2.1px}.te-btn.te-tiny .amb-button-cap{padding:5px 9px;font-size:9px}.te-btn.te-accent .amb-button-cap{background:var(--accent);color:var(--accent-ink)}.te-btn.is-on .amb-button-cap{--amb-thickness:.72;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--accent)}.te-btn:disabled{opacity:.42;cursor:default}.te-btn .amb-button-cap .ld{flex-shrink:0;width:5px;height:5px}.pwr{--ambx-grid:2.3px;flex-shrink:0}.pwr .amb-button-cap{min-width:26px;min-height:22px}.keys{gap:3px;display:flex}.key{flex:1;min-width:0}.key .cap-btn{cursor:pointer;width:100%;font-family:var(--sans);letter-spacing:.03em;color:var(--ink-line);text-align:center;border:none;border-radius:3px;padding:5px 0;font-size:8.5px;font-weight:600}.key .cap-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.key .cap-btn:disabled{opacity:.4;cursor:default}.key .cap-btn:not(:disabled):active,.key .cap-btn.on{--amb-thickness:.1}.key .cap-btn.play{background:var(--accent);color:var(--accent-ink)}.key .klbl{display:none}.knob{cursor:ns-resize;place-items:center;display:grid;position:relative}.knob.mid{width:48px;height:48px}.knob.sml{width:38px;height:38px}.knob .amb-knob-body{border-radius:50%;position:absolute;inset:3px}.knob .amb-knob-face{background-image:none;border-radius:50%;position:absolute;inset:3px}.knob .amb-knob-indicator-line{background:var(--ink-line);border-radius:1px;width:2px;height:38%;top:9%}.knob:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:50%}.te-rocker .amb-switch-pill{background-color:#34312d}.te-rocker .io{display:none}.jack{--amb-light-saturation:0%;border-radius:50%;flex-shrink:0;width:22px;height:22px;position:relative}.jack:after{content:"";background:radial-gradient(circle at 42% 38%,#2a2824,#080807 72%);border-radius:50%;position:absolute;inset:5px;box-shadow:inset 0 1px 2px #000,0 1px #ffffff80}.jack.s{width:17px;height:17px}.jack.s:after{inset:3.5px}.strip{border-radius:5px;flex-direction:column;align-items:center;gap:8px;width:66px;padding:8px;display:flex}.strip .ch{letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase;font-size:8.5px;font-weight:700}.strip.web .ch{color:var(--accent)}.strip.api .ch{color:var(--steel)}.strip.idle{opacity:.45}.strip .epname{color:var(--ink-dim);font-size:8px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;max-width:58px;overflow:hidden}.slots{align-items:stretch;gap:8px;display:flex}.deck{border-radius:6px;flex-direction:column;flex:1;gap:8px;min-width:0;padding:8px;display:flex;position:relative}.deck .dhead{align-items:baseline;gap:6px;display:flex}.deck .did{letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:8.5px;font-weight:700;overflow:hidden}.deck .dstate{letter-spacing:.06em;color:var(--ink-dim);text-transform:uppercase;margin-left:auto;font-size:8.5px;font-weight:600}.deck.crash .dstate{color:var(--crit)}.dwin{background:#1a1815;border-radius:5px;justify-content:center;align-items:center;height:92px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 5px #000000b3,0 1px #ffffff80}.dwin .glass{display:none}.deck.cachedonly .dwin{filter:saturate(.5)brightness(.78)}.deck.loading .dwin .cass{transform:scale(.94)translateY(-3px)}.cass{background:linear-gradient(#3a3833,#2c2a26);border-radius:4px;flex-shrink:0;width:88%;height:74px;position:relative;box-shadow:0 2px 4px #0006,inset 0 1px #ffffff14}.cass .cstripe{display:none}.cass .clabel{height:20px;font-family:var(--mono);color:#2a2824;background:#ddd8cd;border-radius:2px;align-items:center;gap:6px;padding:0 7px;font-size:9px;display:flex;position:absolute;top:6px;left:6px;right:6px}.cass .clabel:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:3px;height:12px}.cass.api .clabel:before{background:var(--steel)}.cass .clabel span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cass .clabel .sz{color:#78746c;flex:none;margin-left:auto}.cass .cwin{background:#100f0d;border-radius:3px;justify-content:space-between;align-items:center;height:26px;padding:0 9px;display:flex;position:absolute;bottom:9px;left:16px;right:16px;box-shadow:inset 0 1px 2px #000}.cass .reel{background:#2a2824;border-radius:50%;flex-shrink:0;width:17px;height:17px;position:relative;box-shadow:inset 0 0 0 2px #4a4843,0 0 0 1px #000}.cass .reel:after{content:"";border:1.5px solid #6f6c64;border-radius:50%;position:absolute;inset:5px}.cass .tape{background:#5b4a33;flex:1;height:2px;margin:0 5px}@keyframes reelspin{to{transform:rotate(360deg)}}.rolling .reel:after{animation:2.4s linear infinite reelspin}.deck.empty .dwin{background:#1c1a17;flex-direction:column;gap:11px}.pins{align-items:center;gap:30px;display:flex}.pin{background:radial-gradient(circle at 36% 32%,#c9c5bc,#7d796f 55%,#4a4843);border-radius:50%;flex-shrink:0;width:15px;height:15px;position:relative;box-shadow:0 0 0 4px #0c0b0a,0 1px 2px #000}.pin:after{content:"";border:1.5px solid #55534e;border-radius:50%;position:absolute;inset:4px}.deck.empty .dwin .lbl{color:#635f57;font-family:var(--mono);letter-spacing:.04em;text-transform:none}.pull{z-index:2;background:#ffffff24;border-radius:2px;height:3px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.pull i{background:var(--accent);height:100%;display:block}.deck .dstat{align-items:center;gap:6px;min-height:18px;display:flex}.deck .clcd{flex:1;min-width:0;padding:3px 7px;font-size:8.5px}.deck.empty .clcd,.deck.cachedonly .clcd{color:var(--screen-dim)}.counter{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-mute);letter-spacing:.06em;flex-shrink:0;gap:1px;margin-left:auto;font-size:9px;display:flex}.counter i{font-style:normal}.caserack{flex-shrink:0;width:360px;position:relative}.caserack .rlabel{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-mute);text-transform:none;justify-content:space-between;gap:10px;padding:8px 2px 0;font-size:8.5px;display:flex}.magazine{flex-direction:column;gap:6px;display:flex}.magcols{gap:8px;display:flex}.shelf{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.spine{font-family:var(--mono);color:var(--ink);border-radius:4px;align-items:center;gap:9px;padding:7px 10px;font-size:11px;display:flex}.spine .cap{background:var(--ink-mute);border-radius:2px;flex:none;width:3px;height:13px;padding:0}.spine.api .cap{background:var(--steel)}.spine:not(.api):not(.vacant) .cap{background:var(--accent)}.spine .sz{color:var(--ink-mute);margin-left:auto;font-size:9.5px}.spine.vacant{color:var(--ink-mute);opacity:.55;justify-content:center}.spine.vacant .cap{display:none}.console{flex:1;min-width:0;position:relative}.crow{align-items:center;gap:13px;display:flex}.crow+.crow{align-items:stretch;margin-top:13px}.cgroup{border-radius:6px;flex-direction:column;gap:9px;padding:11px 13px;display:flex}.cgroup .gt{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-mute);font-size:9px;font-weight:700}.cardslot{display:none}.cardstack{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.mcard{text-align:left;cursor:pointer;color:var(--ink-dim);font-family:inherit;font-size:9.5px;line-height:1.5;font-family:var(--mono);border:1px solid #0000;border-radius:4px;padding:9px 11px}.mcard:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.mcard.active{box-shadow:inset 0 0 0 1.5px var(--accent)}.mcard .mh{font-family:var(--sans);color:var(--ink);align-items:center;gap:7px;margin-bottom:2px;font-size:11px;font-weight:600;display:flex}.mcard .mh i{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px}.mcard.api .mh i{background:var(--steel)}.mcard .punch,.sticker{display:none}.biglcd{background:var(--screen-bg);min-width:0;min-height:104px;color:var(--screen-ink);font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:pre;border-radius:3px;flex:1;padding:10px 13px;font-size:10px;line-height:1.62;overflow:hidden;box-shadow:inset 0 1px 3px #0009}.biglcd .dim{color:var(--screen-dim)}.biglcd .err{color:#e18466}.rblock{border-radius:5px;flex-direction:column;gap:9px;padding:10px 12px;display:flex;position:relative}.rblock .rt{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);font-size:9.5px;font-weight:700}.veths{flex-wrap:wrap;gap:12px;display:flex}.rblock.storage{flex-direction:row;align-items:center;gap:11px}.inlet,.outlet{background:#1c1a17;border-radius:5px;flex-shrink:0;width:22px;height:22px;position:relative;box-shadow:inset 0 1px 3px #000,0 1px #fff6}.inlet:after,.outlet:after{content:"";border:1px solid #4a4843;border-radius:2px;position:absolute;inset:6px}.fanwrap{background:#242220;border-radius:50%;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #0009,0 1px #fff6}.fan{background:conic-gradient(from 0deg,#3a3833 0 25%,#2c2a26 0 50%,#3a3833 0 75%,#2c2a26 0);border-radius:50%;width:40px;height:40px;animation:3.2s linear infinite reelspin;box-shadow:inset 0 0 0 3px #201e1b}.fan.still{animation:none}.vent-r{background:repeating-linear-gradient(90deg,#0003 0 2px,#0000 2px 6px);border-radius:3px;flex:1;height:24px;box-shadow:inset 0 1px 2px #0000004d}.platter{background:radial-gradient(circle at 40% 36%,#4a4843,#26241f 70%);border-radius:50%;flex-shrink:0;width:38px;height:38px;position:relative;box-shadow:inset 0 0 0 2px #55534e,0 1px #fff6}.platter:after{content:"";background:#1a1815;border-radius:50%;position:absolute;inset:12px}.platter.spin{animation:2.4s linear infinite reelspin}.pulsedot{filter:drop-shadow(0 0 3px #ffffffd9)}.face.frozen:after{content:"time frozen";z-index:20;-webkit-backdrop-filter:saturate(.7);backdrop-filter:saturate(.7);font-family:var(--mono);letter-spacing:.32em;color:var(--ink-dim);text-transform:uppercase;pointer-events:none;background:#d2cdc46b;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.amb-surface,.amb-knob-face{background-color:var(--panel-s)}.amb-surface-darker{background-color:var(--panel-sd)}.amb-surface-lighter,.amb-surface-lightest{background-color:var(--panel-sl)}.amb-surface-convex{background:var(--panel-sl)}.amb-groove{background-color:var(--panel-groove)}.apphead .headctl{align-items:center;gap:10px;display:flex}@media (prefers-reduced-motion:reduce){.blink,.fan,.platter.spin,.rolling .reel:after{animation:none!important}}