*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.key{display:grid;height:100%;min-height:72px;width:100%;cursor:pointer;place-items:center;align-content:center;gap:.25rem;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(211 211 206/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 241 237/var(--tw-bg-opacity,1));text-align:center;font-size:.75rem;line-height:1rem;color:rgb(42 43 44/var(--tw-text-opacity,1));touch-action:manipulation}.key,.key:disabled{--tw-text-opacity:1}.key:disabled{cursor:not-allowed;color:rgb(85 87 90/var(--tw-text-opacity,1))}.key:focus-visible,.knob:focus-visible,.pill:focus-visible{outline-style:solid;outline-width:3px;outline-offset:2px;outline-color:#0a4fd6}.cap{display:grid;height:3rem;width:3rem;place-items:center;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(220 220 215/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 248 245/var(--tw-bg-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms}.key:active .cap,.pill:active .bar{transform:translateY(1px) scale(.98)}.key[aria-pressed=true] .cap{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:0 0 0 2px #0a4fd6}.key svg{height:1.5rem;width:1.5rem;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.dotkey{grid-column:span 2/span 2}@media (min-width:1100px){.dotkey{grid-column:span 3/span 3}}.dotkey{grid-template-columns:1fr auto;justify-items:start;padding:0 16px}.dotkey .cap{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(58 60 64/var(--tw-bg-opacity,1))}.dotkey[aria-pressed=true] .cap{background:#17181a;box-shadow:0 0 0 2px #fff,0 0 0 4px #17181a}.pill{display:grid;min-height:128px;cursor:pointer;place-items:center;border-radius:.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(211 211 206/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(241 241 237/var(--tw-bg-opacity,1));padding:.5rem .125rem}@media (min-width:1100px){.pill{grid-column:span 2/span 2;padding-left:.75rem;padding-right:.75rem}}.pill{touch-action:manipulation}.bar{display:grid;height:7rem;width:100%;max-width:80px;place-items:center;border-radius:36px;border-width:1px;--tw-border-opacity:1;border-color:rgb(220 220 215/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 248 245/var(--tw-bg-opacity,1));padding:.125rem;text-align:center;font-size:.75rem;line-height:1rem;letter-spacing:-.025em;--tw-text-opacity:1;color:rgb(42 43 44/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms}.pill[aria-pressed=true] .bar{--tw-border-opacity:1;border-color:rgb(10 79 214/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(10 79 214/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.knob{display:grid;height:4rem;width:4rem;cursor:grab;place-items:center;border-radius:9999px;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1100px){.knob{height:88px;width:88px}}.knob{background:radial-gradient(circle,#fff 58%,#cfd0cb 60%,#eeeeea 72%);touch-action:none}.knob i{position:relative;display:block;height:2.5rem;width:2.5rem;border-radius:9999px;border-width:1px;border-color:rgba(0,0,0,.1)}@media (min-width:1100px){.knob i{height:52px;width:52px}}.knob i:after{content:"";position:absolute;left:50%;top:10%;width:10%;height:75%;margin-left:-5%;border-radius:3px;background:var(--m)}.grille{background-image:radial-gradient(#2a2b2c 2.2px,transparent 2.6px);background-size:12px 12px;background-position:50%}:root{--amber:#ffa21f;--amber-soft:#ffc56b;--amber-dim:#8a5a16;--glow:0 0 10px rgba(255,162,31,.55),0 0 2px rgba(255,162,31,.9);--metal-hi:#3b3e45;--metal:#2b2e34;--metal-lo:#1b1d22;--ink:#e9e6df;--ink-dim:#a7a49b;--oled:#07080b}.hw-page{background:radial-gradient(1200px 600px at 50% -10%,#2a2d33 0,#15161a 55%,#0b0c0e 100%)}.hw-mono{font-family:ui-monospace,JetBrains Mono,SF Mono,DejaVu Sans Mono,Menlo,Consolas,monospace}.hw-logo{color:var(--ink);font-weight:300;letter-spacing:.06em;text-shadow:0 1px 0 hsla(0,0%,100%,.12),0 -1px 0 rgba(0,0,0,.8)}.hw-logo b{font-weight:800;color:var(--amber);text-shadow:var(--glow)}.hw-device{position:relative;border-radius:14px;background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.018) 0 1px,transparent 1px 3px),linear-gradient(180deg,#33363d,#26282e 6%,#212328 60%,#1c1e23);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),inset 0 -2px 0 rgba(0,0,0,.6),0 30px 60px -20px rgba(0,0,0,.9),0 8px 18px rgba(0,0,0,.5);border:1px solid #0d0e11}@media (min-width:1280px){.hw-device{margin:14px 34px 30px}.hw-device:after,.hw-device:before{content:"";position:absolute;top:8px;bottom:8px;width:30px;border-radius:7px;z-index:-1;background:repeating-linear-gradient(172deg,#7a5033 0 2px,#5e3b23 2px 5px,#8a5c3a 5px 8px,#6a4428 8px 12px),#6a4428;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -2px 0 rgba(0,0,0,.5),0 12px 20px rgba(0,0,0,.6)}.hw-device:before{left:-31px}.hw-device:after{right:-31px}}.hw-plate{position:relative;background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.022) 0 1px,transparent 1px 2px),linear-gradient(180deg,#30333a,#26282e);border-bottom:1px solid #0d0e11;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12),0 2px 0 rgba(0,0,0,.4)}.hw-panel{position:relative;border-radius:10px;padding:10px;background:linear-gradient(180deg,#26282d,#202227);border:1px solid #0e0f12;box-shadow:inset 0 2px 4px rgba(0,0,0,.55),inset 0 -1px 0 hsla(0,0%,100%,.06),0 1px 0 hsla(0,0%,100%,.05)}.hw-panel.hw-screws:after,.hw-panel.hw-screws:before{content:"";position:absolute;inset:6px;pointer-events:none;border-radius:8px;background:radial-gradient(circle at 0 0,#15161a 0 2.2px,#4a4d55 2.4px 3.6px,transparent 3.8px),radial-gradient(circle at 100% 0,#15161a 0 2.2px,#4a4d55 2.4px 3.6px,transparent 3.8px),radial-gradient(circle at 0 100%,#15161a 0 2.2px,#4a4d55 2.4px 3.6px,transparent 3.8px),radial-gradient(circle at 100% 100%,#15161a 0 2.2px,#4a4d55 2.4px 3.6px,transparent 3.8px)}.hw-panel.hw-screws:after{inset:6px;background:linear-gradient(45deg,transparent 46%,#0c0d10 46% 54%,transparent 54%) 0 0 /7px 7px no-repeat,linear-gradient(45deg,transparent 46%,#0c0d10 46% 54%,transparent 54%) 100% 0 /7px 7px no-repeat,linear-gradient(45deg,transparent 46%,#0c0d10 46% 54%,transparent 54%) 0 100% /7px 7px no-repeat,linear-gradient(45deg,transparent 46%,#0c0d10 46% 54%,transparent 54%) 100% 100% /7px 7px no-repeat}.hw-title{margin-bottom:.5rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--ink-dim);text-shadow:0 1px 0 rgba(0,0,0,.7)}.hw-title:before{content:"";display:inline-block;width:6px;height:6px;margin:0 8px 1px 0;border-radius:50%;background:var(--amber);box-shadow:var(--glow)}.hw-group{border-radius:.375rem;padding:.5rem;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.12));box-shadow:inset 0 1px 3px rgba(0,0,0,.55),0 1px 0 hsla(0,0%,100%,.05);border:1px solid rgba(0,0,0,.35)}.hw-btn{min-height:2.75rem;border-radius:.375rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:500}.hw-btn:disabled{opacity:.4}.hw-btn{color:var(--ink);background:linear-gradient(180deg,#45484f,#33363c 45%,#2b2e34);border:1px solid #0d0e11;border-bottom:3px solid #121317;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.16),inset 0 -1px 0 rgba(0,0,0,.3),0 2px 3px rgba(0,0,0,.5);text-shadow:0 1px 0 rgba(0,0,0,.6);transition:color .12s,box-shadow .12s,transform .06s,background .12s;cursor:pointer}.hw-btn:hover:not(:disabled){color:#fff;background:linear-gradient(180deg,#4c4f57,#383b42 45%,#2f3238)}.hw-btn:active:not(:disabled){transform:translateY(2px);border-bottom-width:1px;box-shadow:inset 0 2px 4px rgba(0,0,0,.55)}.hw-btn[aria-pressed=true]{color:var(--amber-soft);border-color:#5a3d12;box-shadow:inset 0 0 14px rgba(255,162,31,.25),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 10px rgba(255,162,31,.35);text-shadow:var(--glow)}.hw-btn:focus-visible,.hw-capsule:focus-visible,.hw-chip:focus-visible,.hw-fader:focus-visible,.hw-on:focus-visible,.hw-round:focus-visible,.hw-select:focus-visible{outline:2px solid var(--amber-soft);outline-offset:2px}.hw-on{min-height:2.75rem;border-radius:.375rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;font-weight:600;color:var(--amber-soft);cursor:pointer;background:linear-gradient(180deg,#3d3a33,#2f2d28 45%,#26241f);border:1px solid #5a3d12;border-bottom:3px solid #2b1e08;box-shadow:inset 0 0 16px rgba(255,162,31,.28),inset 0 1px 0 hsla(0,0%,100%,.1),0 0 12px rgba(255,162,31,.4);text-shadow:var(--glow);transition:transform .06s,box-shadow .12s}.hw-on:hover{color:#fff}.hw-on:active{transform:translateY(2px);border-bottom-width:1px}.hw-round{display:grid;height:3.5rem;width:3.5rem;flex-shrink:0;place-items:center;border-radius:9999px;font-size:1rem;line-height:1.5rem;color:var(--amber);cursor:pointer;background:radial-gradient(circle at 50% 40%,#1a1b1f 0 56%,#0c0d10 58% 62%,#9a9ea8 64%,#5c6069 72%,#c9ccd3 80%,#6a6e77 90%,#2a2c31 100%);border:1px solid #0b0c0e;box-shadow:0 3px 6px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.2);text-shadow:var(--glow);transition:transform .06s}.hw-round:active{transform:translateY(1px) scale(.98)}.hw-round[aria-pressed=true]{box-shadow:0 0 18px rgba(255,162,31,.55),0 3px 6px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.2)}.hw-capsule{display:grid;min-height:2.75rem;width:2.75rem;place-items:center;color:var(--ink);cursor:pointer;background:linear-gradient(180deg,#45484f,#2b2e34);border:1px solid #0d0e11;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 2px 3px rgba(0,0,0,.5)}.hw-capsule:active{box-shadow:inset 0 2px 4px rgba(0,0,0,.55)}.hw-capsule:hover{color:#fff}.hw-select{min-height:2.25rem;border-radius:.375rem;padding-left:.75rem;padding-right:.75rem;font-size:.875rem;line-height:1.25rem;border:1px solid #0a0b0d;box-shadow:inset 0 2px 5px rgba(0,0,0,.8),0 1px 0 hsla(0,0%,100%,.07);cursor:pointer}.hw-display,.hw-select{color:var(--amber-soft);background:var(--oled)}.hw-display{position:relative;border-radius:.375rem;color-scheme:dark;border:1px solid #08090b;box-shadow:inset 0 3px 8px rgba(0,0,0,.85),inset 0 0 0 1px hsla(0,0%,100%,.03),0 1px 0 hsla(0,0%,100%,.07)}.hw-glass:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(170deg,hsla(0,0%,100%,.09),hsla(0,0%,100%,.025) 28%,transparent 45%),repeating-linear-gradient(0deg,rgba(0,0,0,.14) 0 1px,transparent 1px 3px)}.hw-led-arc{stroke:var(--amber);filter:drop-shadow(0 0 3px var(--amber))}.hw-chip{min-height:2rem;border-radius:.25rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;color:var(--ink-dim);background:linear-gradient(180deg,#34373d,#26282d);border:1px solid #0f1013;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08);cursor:pointer}.hw-chip:hover{color:#fff}.hw-chip-on,.hw-chip[aria-pressed=true]{color:#1a1208;background:linear-gradient(180deg,var(--amber-soft),var(--amber));border-color:#5a3d12;box-shadow:var(--glow),inset 0 1px 0 hsla(0,0%,100%,.5);font-weight:600}.hw-fader-slot{position:relative;display:flex;height:7rem;width:2.5rem;justify-content:center;background-image:repeating-linear-gradient(180deg,#4b4e55 0 1px,transparent 1px 27px)}.hw-fader{writing-mode:vertical-lr;direction:rtl;height:100%;width:100%;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.hw-fader::-webkit-slider-runnable-track{width:8px;border-radius:4px;border:2px solid #0a0b0d;background:linear-gradient(to top,var(--amber) var(--v),#0a0b0d var(--v));box-shadow:inset 0 0 4px rgba(0,0,0,.9),0 1px 0 hsla(0,0%,100%,.07)}.hw-fader::-moz-range-track{width:8px;border-radius:4px;border:2px solid #0a0b0d;background:linear-gradient(to top,var(--amber) var(--v),#0a0b0d var(--v))}.hw-fader::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:36px;margin-left:-11px;border-radius:4px;background:linear-gradient(180deg,#6a6e77 0 44%,#d9dce2 46% 48%,#16171a 48% 52%,#d9dce2 52% 54%,#4a4e56 56% 100%);border:1px solid #0b0c0e;box-shadow:0 4px 6px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.35)}.hw-fader::-moz-range-thumb{width:24px;height:34px;border-radius:4px;background:linear-gradient(180deg,#6a6e77 0 44%,#d9dce2 46% 48%,#16171a 48% 52%,#d9dce2 52% 54%,#4a4e56 56% 100%);border:1px solid #0b0c0e}.hw-step-off{background:linear-gradient(180deg,#1c1d21,#17181b);box-shadow:inset 0 1px 2px rgba(0,0,0,.7),0 1px 0 hsla(0,0%,100%,.04);border:1px solid #0e0f11}.hw-step-beat{background:linear-gradient(180deg,#34363c,#2a2c31);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.08),0 1px 2px rgba(0,0,0,.5);border:1px solid #0e0f11}.hw-step-lit{background:linear-gradient(180deg,#ffd08a,var(--amber) 60%,#e58a0c);box-shadow:0 0 10px rgba(255,162,31,.6),inset 0 1px 0 hsla(0,0%,100%,.6);border:1px solid #7a4e0e;color:#1a1208}.key-white{background:linear-gradient(180deg,#e9e7df,#f4f2ea 70%,#d8d5cb);border:1px solid #0d0e11;border-radius:0 0 6px 6px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.14),inset -1px 0 0 rgba(0,0,0,.08),0 3px 4px rgba(0,0,0,.5);color:#4a4740}.key-black{background:linear-gradient(180deg,#2b2c30,#121317 55%,#26272c);border:1px solid #000;border-radius:0 0 5px 5px;box-shadow:0 4px 6px rgba(0,0,0,.7),inset 0 1px 0 hsla(0,0%,100%,.18),inset 0 -6px 0 rgba(0,0,0,.35);color:#c9c6be}.key-held{background:linear-gradient(180deg,#ffd08a,var(--amber))!important;box-shadow:0 0 16px rgba(255,162,31,.7)!important}.hw-engrave{color:var(--ink-dim);text-shadow:0 1px 0 hsla(0,0%,100%,.08),0 -1px 0 rgba(0,0,0,.9)}.hw-lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:#3a2b14;box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}.hw-lamp[data-on=true]{background:var(--amber);box-shadow:var(--glow)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.left-1{left:.25rem}.left-2{left:.5rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.order-first{order:-9999}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.row-span-2{grid-row:span 2/span 2}.mx-1{margin-left:.25rem;margin-right:.25rem}.\!mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\!h-12{height:3rem!important}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-36{height:9rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-\[22px\]{height:22px}.h-\[62\%\]{height:62%}.h-auto{height:auto}.h-full{height:100%}.max-h-\[300px\]{max-height:300px}.max-h-\[336px\]{max-height:336px}.\!min-h-10{min-height:2.5rem!important}.\!min-h-7{min-height:1.75rem!important}.\!min-h-8{min-height:2rem!important}.\!min-h-9{min-height:2.25rem!important}.min-h-11{min-height:2.75rem}.min-h-12{min-height:3rem}.min-h-6{min-height:1.5rem}.min-h-8{min-height:2rem}.min-h-9{min-height:2.25rem}.min-h-\[112px\]{min-height:112px}.min-h-\[216px\]{min-height:216px}.min-h-screen{min-height:100vh}.\!w-12{width:3rem!important}.w-1\.5{width:.375rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-36{width:9rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.\!min-w-8{min-width:2rem!important}.min-w-0{min-width:0}.min-w-8{min-width:2rem}.min-w-\[150px\]{min-width:150px}.min-w-\[560px\]{min-width:560px}.min-w-\[720px\]{min-width:720px}.max-w-\[1280px\]{max-width:1280px}.max-w-\[150px\]{max-width:150px}.max-w-\[220px\]{max-width:220px}.max-w-\[260px\]{max-width:260px}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-\[3px\]{--tw-border-spacing-x:3px;--tw-border-spacing-y:3px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-grab{cursor:grab}.touch-none{touch-action:none}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-\[176px_minmax\(0\2c 1fr\)\]{grid-template-columns:176px minmax(0,1fr)}.grid-cols-\[96px_1fr\]{grid-template-columns:96px 1fr}.grid-rows-\[1fr_auto\]{grid-template-rows:1fr auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[2px\]{gap:2px}.gap-\[3px\]{gap:3px}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-\[3px\]{border-radius:3px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!rounded-l-none{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.\!rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-\[13px\]{border-top-left-radius:13px;border-top-right-radius:13px}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-t-\[6px\]{border-top-width:6px}.\!border-panel-300{--tw-border-opacity:1!important;border-color:rgb(167 164 155/var(--tw-border-opacity,1))!important}.border-\[\#141518\]{--tw-border-opacity:1;border-color:rgb(20 21 24/var(--tw-border-opacity,1))}.border-\[\#4a7dff\]{--tw-border-opacity:1;border-color:rgb(74 125 255/var(--tw-border-opacity,1))}.border-black\/60{border-color:rgba(0,0,0,.6)}.border-black\/70{border-color:rgba(0,0,0,.7)}.border-edge{--tw-border-opacity:1;border-color:rgb(211 211 206/var(--tw-border-opacity,1))}.border-gold-600\/40{border-color:rgba(58,55,48,.4)}.border-oled-ink{--tw-border-opacity:1;border-color:rgb(223 231 247/var(--tw-border-opacity,1))}.border-panel-600{--tw-border-opacity:1;border-color:rgb(68 70 76/var(--tw-border-opacity,1))}.bg-\[\#15171a\]{--tw-bg-opacity:1;background-color:rgb(21 23 26/var(--tw-bg-opacity,1))}.bg-\[\#6f7274\]{--tw-bg-opacity:1;background-color:rgb(111 114 116/var(--tw-bg-opacity,1))}.bg-black\/60{background-color:rgba(0,0,0,.6)}.bg-chassis{--tw-bg-opacity:1;background-color:rgb(185 187 185/var(--tw-bg-opacity,1))}.bg-gold-500{--tw-bg-opacity:1;background-color:rgb(255 162 31/var(--tw-bg-opacity,1))}.bg-gold-500\/25{background-color:rgba(255,162,31,.25)}.bg-oled{--tw-bg-opacity:1;background-color:rgb(5 7 12/var(--tw-bg-opacity,1))}.bg-panel-950{--tw-bg-opacity:1;background-color:rgb(11 12 14/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-select{--tw-bg-opacity:1;background-color:rgb(10 79 214/var(--tw-bg-opacity,1))}.bg-tile{--tw-bg-opacity:1;background-color:rgb(241 241 237/var(--tw-bg-opacity,1))}.bg-white\/15{background-color:hsla(0,0%,100%,.15)}.bg-white\/5{background-color:hsla(0,0%,100%,.05)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-black\/60{--tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-black\/30{--tw-gradient-to:rgba(0,0,0,.3) var(--tw-gradient-to-position)}.fill-red-500{fill:#ef4444}.\!p-2{padding:.5rem!important}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.pb-1{padding-bottom:.25rem}.pb-24{padding-bottom:6rem}.pl-4{padding-left:1rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pt-0{padding-top:0}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-light{font-weight:300}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.normal-case{text-transform:none}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-4{line-height:1rem}.leading-6{line-height:1.5rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.tracking-\[\.12em\]{letter-spacing:.12em}.tracking-\[\.14em\]{letter-spacing:.14em}.tracking-\[\.1em\]{letter-spacing:.1em}.tracking-\[\.2em\]{letter-spacing:.2em}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.025em}.\!text-gold-200{--tw-text-opacity:1!important;color:rgb(255 226 176/var(--tw-text-opacity,1))!important}.\!text-panel-950{--tw-text-opacity:1!important;color:rgb(11 12 14/var(--tw-text-opacity,1))!important}.\!text-red-300{--tw-text-opacity:1!important;color:rgb(252 165 165/var(--tw-text-opacity,1))!important}.text-\[\#0a7a48\]{--tw-text-opacity:1;color:rgb(10 122 72/var(--tw-text-opacity,1))}.text-\[\#0f6f9a\]{--tw-text-opacity:1;color:rgb(15 111 154/var(--tw-text-opacity,1))}.text-\[\#b8461a\]{--tw-text-opacity:1;color:rgb(184 70 26/var(--tw-text-opacity,1))}.text-\[\#c4371f\]{--tw-text-opacity:1;color:rgb(196 55 31/var(--tw-text-opacity,1))}.text-gold-200{--tw-text-opacity:1;color:rgb(255 226 176/var(--tw-text-opacity,1))}.text-gold-300{--tw-text-opacity:1;color:rgb(255 197 107/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(42 43 44/var(--tw-text-opacity,1))}.text-oled-dim{--tw-text-opacity:1;color:rgb(147 160 186/var(--tw-text-opacity,1))}.text-oled-ink{--tw-text-opacity:1;color:rgb(223 231 247/var(--tw-text-opacity,1))}.text-panel-100{--tw-text-opacity:1;color:rgb(216 213 204/var(--tw-text-opacity,1))}.text-panel-200{--tw-text-opacity:1;color:rgb(191 188 179/var(--tw-text-opacity,1))}.text-panel-300{--tw-text-opacity:1;color:rgb(167 164 155/var(--tw-text-opacity,1))}.text-panel-400{--tw-text-opacity:1;color:rgb(132 129 122/var(--tw-text-opacity,1))}.text-panel-50{--tw-text-opacity:1;color:rgb(239 237 230/var(--tw-text-opacity,1))}.text-panel-950{--tw-text-opacity:1;color:rgb(11 12 14/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-soft{--tw-text-opacity:1;color:rgb(85 87 90/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-30{opacity:.3}.opacity-60{opacity:.6}.shadow-\[1px_0_0_rgba\(255\2c 255\2c 255\2c \.06\)\]{--tw-shadow:1px 0 0 hsla(0,0%,100%,.06);--tw-shadow-colored:1px 0 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_6px_10px_rgba\(0\2c 0\2c 0\2c \.7\)\]{--tw-shadow:inset 0 6px 10px rgba(0,0,0,.7);--tw-shadow-colored:inset 0 6px 10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-amber-300{outline-color:#fcd34d}.outline-gold-300{outline-color:#ffc56b}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity,1))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.invert{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\[text-shadow\:var\(--glow\)\]{text-shadow:var(--glow)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.hover\:bg-white\/10:hover{background-color:hsla(0,0%,100%,.1)}.hover\:bg-white\/5:hover{background-color:hsla(0,0%,100%,.05)}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-gold-300:focus-visible{outline-color:#ffc56b}.focus-visible\:outline-gold-400:focus-visible{outline-color:#ffa21f}.focus-visible\:outline-white:focus-visible{outline-color:#fff}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:opacity-40:disabled{opacity:.4}.peer:focus-visible~.peer-focus-visible\:outline{outline-style:solid}.peer:focus-visible~.peer-focus-visible\:outline-2{outline-width:2px}.peer:focus-visible~.peer-focus-visible\:outline-gold-300{outline-color:#ffc56b}@media (min-width:640px){.sm\:grid{display:grid}.sm\:h-56{height:14rem}.sm\:w-44{width:11rem}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\2c 1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}}@media (min-width:1100px){.min-\[1100px\]\:order-none{order:0}.min-\[1100px\]\:col-span-2{grid-column:span 2/span 2}.min-\[1100px\]\:col-span-6{grid-column:span 6/span 6}.min-\[1100px\]\:row-span-2{grid-row:span 2/span 2}.min-\[1100px\]\:block{display:block}.min-\[1100px\]\:grid-cols-16{grid-template-columns:repeat(16,minmax(0,1fr))}}@media (min-width:1280px){.xl\:sticky{position:sticky}.xl\:top-0{top:0}.xl\:block{display:block}.xl\:contents{display:contents}.xl\:hidden{display:none}.xl\:max-h-\[calc\(100vh-250px\)\]{max-height:calc(100vh - 250px)}.xl\:grid-cols-\[260px_minmax\(0\2c 1fr\)_360px\]{grid-template-columns:260px minmax(0,1fr) 360px}.xl\:pb-3{padding-bottom:.75rem}}