.recorder.svelte-1kjz1vm{width:min(100%,32rem);margin-inline:auto;container-type:inline-size}.device.svelte-1kjz1vm{padding-top:7cqw;position:relative}.handle.svelte-1kjz1vm{border:2.4cqw solid var(--color-recorder-panel);border-bottom:0;border-radius:6cqw 6cqw 0 0;height:11cqw;position:absolute;top:0;left:24cqw;right:24cqw}.shell.svelte-1kjz1vm{background:repeating-linear-gradient(90deg, var(--color-recorder-brush) 0 1px, transparent 1px 3px), linear-gradient(var(--color-recorder-body) 30%, color-mix(in oklab, var(--color-recorder-body), var(--color-recorder-body-shade) 70%));box-shadow:var(--shadow-recorder);border-radius:3.5cqw;flex-direction:column;gap:3cqw;padding:4cqw;display:flex;position:relative}.top.svelte-1kjz1vm{gap:3cqw;display:flex}.vfd.svelte-1kjz1vm{background:repeating-linear-gradient(0deg, color-mix(in oklab, var(--color-recorder-vfd) 5%, transparent) 0 1px, transparent 1px 3px), var(--color-recorder-vfd-bg);min-width:0;height:12cqw;box-shadow:inset 0 .6cqw 1.4cqw color-mix(in oklab, var(--color-recorder-panel) 80%, transparent);color:var(--color-recorder-vfd);font-family:var(--font-vfd);text-shadow:0 0 1.2cqw color-mix(in oklab, var(--color-recorder-vfd) 70%, transparent);text-transform:uppercase;border-radius:1.4cqw;flex-direction:column;flex:1;justify-content:center;gap:1cqw;padding:0 3cqw;display:flex}.vfd-status.svelte-1kjz1vm{opacity:.75;justify-content:space-between;font-size:2.3cqw;display:flex}.vfd-line.svelte-1kjz1vm{white-space:nowrap;text-overflow:ellipsis;font-size:3cqw;line-height:1.2;overflow:hidden}.marquee.svelte-1kjz1vm{animation:svelte-1kjz1vm-marquee var(--duration-marquee) linear infinite;padding-left:100%;display:inline-block}@keyframes svelte-1kjz1vm-marquee{to{transform:translate(-100%)}}.indicators.svelte-1kjz1vm{color:var(--color-recorder-ink);font:600 1.8cqw/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:auto auto;align-content:center;align-items:center;gap:1.6cqw 1.4cqw;display:grid}.lamp.svelte-1kjz1vm{aspect-ratio:1;background:color-mix(in oklab, var(--color-recorder-rec), var(--color-recorder-ink) 55%);width:2.4cqw;box-shadow:inset 0 .3cqw .4cqw color-mix(in oklab, var(--color-recorder-panel) 50%, transparent);transition:background-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);border-radius:50%}.lamp[data-on].svelte-1kjz1vm{background:var(--color-recorder-rec);box-shadow:0 0 2cqw var(--color-recorder-rec)}.mic.svelte-1kjz1vm{aspect-ratio:1;background:radial-gradient(circle, var(--color-recorder-panel-edge) 30%, transparent 32%) 0 0 / .8cqw .8cqw, var(--color-recorder-panel);border-radius:50%;width:2.4cqw}.middle.svelte-1kjz1vm{grid-template-columns:60fr 40fr;gap:3cqw;display:grid}.deck.svelte-1kjz1vm{background:var(--color-recorder-panel);box-shadow:inset 0 .8cqw 1.6cqw color-mix(in oklab, var(--color-recorder-panel) 45%, transparent);border-radius:2cqw;padding:2.4cqw}.cassette.svelte-1kjz1vm{aspect-ratio:1.58;background:linear-gradient(color-mix(in oklab, var(--color-recorder-panel-edge), var(--color-recorder-body) 25%), var(--color-recorder-panel-edge));animation:svelte-1kjz1vm-eject var(--duration-slow) var(--ease-spring);border-radius:1.4cqw;padding:1.8cqw 2.2cqw;position:relative}@keyframes svelte-1kjz1vm-eject{0%{opacity:.6;transform:translateY(-6cqw)}}.label.svelte-1kjz1vm{z-index:1;background:var(--color-recorder-label);height:58%;color:var(--color-recorder-ink);border-radius:.8cqw;flex-direction:column;gap:.8cqw;padding:1cqw 1.6cqw;display:flex;position:relative}.label-stripe.svelte-1kjz1vm{margin-inline:-1.6cqw;border-radius:.8cqw .8cqw 0 0;height:.8cqw;margin-top:-1cqw;display:flex;overflow:hidden}.label-stripe.svelte-1kjz1vm span:where(.svelte-1kjz1vm){flex:1}.label-stripe.svelte-1kjz1vm span:where(.svelte-1kjz1vm):first-child{background:var(--color-recorder-brand)}.label-stripe.svelte-1kjz1vm span:where(.svelte-1kjz1vm):nth-child(2){background:var(--color-recorder-vfd)}.label-stripe.svelte-1kjz1vm span:where(.svelte-1kjz1vm):nth-child(3){background:var(--color-recorder-rec)}.label-head.svelte-1kjz1vm{font:600 1.6cqw/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:1.4cqw;display:flex}.label-head.svelte-1kjz1vm span:where(.svelte-1kjz1vm):nth-child(2){flex:1}.side.svelte-1kjz1vm{aspect-ratio:1;border:.25cqw solid;border-radius:.4cqw;place-items:center;width:2.6cqw;font-size:1.8cqw;display:grid}.label-line.svelte-1kjz1vm{align-items:baseline;gap:1.4cqw;display:flex}.label-line.svelte-1kjz1vm label:where(.svelte-1kjz1vm){font:600 1.6cqw/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.7}.label.svelte-1kjz1vm .label-input{border:0;border-bottom:.25cqw dashed color-mix(in oklab, var(--color-recorder-ink) 45%, transparent);min-width:0;height:auto;box-shadow:none;color:var(--color-recorder-brand);font:italic 4.6cqw/1.1 var(--font-serif);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:0;padding:0 .6cqw}.label.svelte-1kjz1vm .label-input::placeholder{color:color-mix(in oklab, var(--color-recorder-ink) 22%, transparent)}.label.svelte-1kjz1vm .label-input:focus-visible{border-bottom:.3cqw solid var(--color-recorder-rec);background:color-mix(in oklab, var(--color-recorder-rec) 7%, transparent);outline:none}.window.svelte-1kjz1vm{background:color-mix(in oklab, var(--color-recorder-panel), var(--color-recorder-tape) 25%);height:28%;box-shadow:inset 0 .5cqw 1cqw color-mix(in oklab, var(--color-recorder-panel) 60%, transparent);border-radius:5cqw;position:absolute;bottom:14%;left:18%;right:18%;overflow:hidden}.spool.svelte-1kjz1vm,.reel.svelte-1kjz1vm{border-radius:50%;position:absolute;top:50%;translate:-50% -50%}.spool.svelte-1kjz1vm{background:radial-gradient(circle, var(--color-recorder-tape) 60%, color-mix(in oklab, var(--color-recorder-tape), var(--color-recorder-panel) 30%))}.spool-left.svelte-1kjz1vm{width:15cqw;height:15cqw;left:24%}.spool-right.svelte-1kjz1vm{width:10cqw;height:10cqw;left:76%}.reel.svelte-1kjz1vm{border:.9cqw solid var(--color-recorder-key);background:radial-gradient(circle, var(--color-recorder-panel) 0 32%, transparent 34%), repeating-conic-gradient(var(--color-recorder-key) 0 18deg, var(--color-recorder-panel-edge) 18deg 60deg);width:6.4cqw;height:6.4cqw;animation:svelte-1kjz1vm-spin var(--duration-reel) linear infinite paused}.reel-left.svelte-1kjz1vm{left:24%}.reel-right.svelte-1kjz1vm{left:76%}[data-running].svelte-1kjz1vm .reel:where(.svelte-1kjz1vm){animation-play-state:running}[data-screen=host].svelte-1kjz1vm .reel:where(.svelte-1kjz1vm){animation-duration:calc(var(--duration-reel) / 4)}@keyframes svelte-1kjz1vm-spin{to{rotate:1turn}}.tape-guide.svelte-1kjz1vm{clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);background:color-mix(in oklab, var(--color-recorder-panel-edge), var(--color-recorder-panel) 25%);height:10%;position:absolute;bottom:0;left:26%;right:26%}.screw.svelte-1kjz1vm{aspect-ratio:1;background:linear-gradient(135deg, var(--color-recorder-body), var(--color-recorder-body-shade));border-radius:50%;width:1.4cqw;position:absolute}.screw-tl.svelte-1kjz1vm,.screw-bl.svelte-1kjz1vm{left:.8cqw}.screw-tr.svelte-1kjz1vm,.screw-br.svelte-1kjz1vm{right:.8cqw}.screw-tl.svelte-1kjz1vm,.screw-tr.svelte-1kjz1vm{top:.8cqw}.screw-bl.svelte-1kjz1vm,.screw-br.svelte-1kjz1vm{bottom:.8cqw}.side-panel.svelte-1kjz1vm{flex-direction:column;gap:2.4cqw;display:flex}.meter.svelte-1kjz1vm{background:linear-gradient(var(--color-recorder-label), color-mix(in oklab, var(--color-recorder-label), var(--color-recorder-vfd) 25%));height:17cqw;box-shadow:inset 0 0 0 .5cqw var(--color-recorder-panel), inset 0 1cqw 1.4cqw color-mix(in oklab, var(--color-recorder-panel) 40%, transparent);border-radius:1.4cqw;position:relative;overflow:hidden}.scale.svelte-1kjz1vm{position:absolute;inset:1cqw 1cqw auto}.arc.svelte-1kjz1vm{fill:none;stroke:var(--color-recorder-ink);stroke-width:1.6px}.arc-hot.svelte-1kjz1vm{stroke:var(--color-recorder-rec);stroke-width:3px}.tick.svelte-1kjz1vm{stroke:var(--color-recorder-ink);stroke-width:1.4px}.vu.svelte-1kjz1vm{fill:var(--color-recorder-ink);font:600 9px var(--font-mono);letter-spacing:.1em;text-anchor:middle}.needle.svelte-1kjz1vm{background:var(--color-recorder-ink);transform-origin:50% 100%;width:.4cqw;height:13cqw;animation:svelte-1kjz1vm-needle-kick var(--duration-slow) var(--ease-out);margin-left:-.2cqw;position:absolute;bottom:1.6cqw;left:50%;rotate:-48deg}@keyframes svelte-1kjz1vm-needle-kick{0%{rotate:calc(-48deg + var(--kick) * 90deg)}}[data-screen=play].svelte-1kjz1vm .needle:where(.svelte-1kjz1vm),[data-screen=host].svelte-1kjz1vm .needle:where(.svelte-1kjz1vm){animation:svelte-1kjz1vm-needle-ride calc(var(--duration-slow) * 3) var(--ease-out) infinite}@keyframes svelte-1kjz1vm-needle-ride{0%,to{rotate:-22deg}25%{rotate:8deg}50%{rotate:-8deg}75%{rotate:20deg}}.pivot.svelte-1kjz1vm{background:var(--color-recorder-panel);border-radius:2.5cqw 2.5cqw 0 0;width:5cqw;height:2.8cqw;position:absolute;bottom:0;left:50%;translate:-50%}.grille.svelte-1kjz1vm{background:radial-gradient(circle, var(--color-recorder-panel-edge) 32%, transparent 36%) 0 0 / 1.6cqw 1.6cqw, var(--color-recorder-panel);box-shadow:inset 0 .6cqw 1.2cqw color-mix(in oklab, var(--color-recorder-panel) 45%, transparent);border-radius:1.4cqw;flex:1}.brand.svelte-1kjz1vm{color:var(--color-recorder-ink);justify-content:space-between;align-items:center;display:flex}.plate.svelte-1kjz1vm{background:var(--color-recorder-brand);color:var(--color-recorder-key);font:italic 3.2cqw/1 var(--font-serif);border-radius:.5cqw;padding:.6cqw 1.8cqw}.model.svelte-1kjz1vm{font:600 1.8cqw/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.75}.keys.svelte-1kjz1vm{grid-template-columns:repeat(5,1fr);gap:1.8cqw;display:grid}.key-slot.svelte-1kjz1vm{flex-direction:column;align-items:center;gap:1.4cqw;display:flex}.keys.svelte-1kjz1vm .transport{background:repeating-linear-gradient(90deg, var(--color-recorder-brush) 0 1px, transparent 1px 3px), linear-gradient(var(--color-recorder-key) 50%, color-mix(in oklab, var(--color-recorder-key), var(--color-recorder-key-shade) 70%));width:100%;height:7cqw;box-shadow:0 1.2cqw 0 color-mix(in oklab, var(--color-recorder-key-shade), var(--color-recorder-ink) 15%), 0 2cqw 1.6cqw color-mix(in oklab, var(--color-recorder-panel) 35%, transparent);color:var(--color-recorder-ink);transition:transform var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border:0;border-radius:.8cqw .8cqw 1.2cqw 1.2cqw;padding:0}.keys.svelte-1kjz1vm .transport-rec{background:linear-gradient(color-mix(in oklab, var(--color-recorder-rec), var(--color-recorder-key) 12%) 50%, color-mix(in oklab, var(--color-recorder-rec), var(--color-recorder-ink) 22%));box-shadow:0 1.2cqw 0 color-mix(in oklab, var(--color-recorder-rec), var(--color-recorder-ink) 45%), 0 2cqw 1.6cqw color-mix(in oklab, var(--color-recorder-panel) 35%, transparent);color:var(--color-recorder-key)}.keys.svelte-1kjz1vm .transport:active,.keys.svelte-1kjz1vm .transport[data-held],.keys.svelte-1kjz1vm .transport[aria-pressed=true]{box-shadow:0 .2cqw 0 color-mix(in oklab, var(--color-recorder-key-shade), var(--color-recorder-ink) 15%);transform:translateY(1cqw)}.keys.svelte-1kjz1vm .transport-rec:active,.keys.svelte-1kjz1vm .transport-rec[data-held],.keys.svelte-1kjz1vm .transport-rec[aria-pressed=true]{box-shadow:0 .2cqw 0 color-mix(in oklab, var(--color-recorder-rec), var(--color-recorder-ink) 45%)}.keys.svelte-1kjz1vm .transport:focus-visible{outline:2px solid var(--color-recorder-brand);outline-offset:3px}.glyph.svelte-1kjz1vm{fill:currentColor;width:3cqw;height:3cqw}.key-caption.svelte-1kjz1vm{color:var(--color-recorder-ink);font:600 1.7cqw/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.8;white-space:nowrap}