.vjEd3q_panel{--ink:#e9edeb;--pixel:3px;clip-path:polygon(0 var(--pixel), var(--pixel) var(--pixel), var(--pixel) 0, calc(100% - var(--pixel)) 0, calc(100% - var(--pixel)) var(--pixel), 100% var(--pixel), 100% calc(100% - var(--pixel)), calc(100% - var(--pixel)) calc(100% - var(--pixel)), calc(100% - var(--pixel)) 100%, var(--pixel) 100%, var(--pixel) calc(100% - var(--pixel)), 0 calc(100% - var(--pixel)));background:#0a0d0e;border:0;gap:2px;margin:0;padding:4px;display:flex;position:absolute;bottom:16px;left:50%;translate:-50%}.vjEd3q_legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.vjEd3q_option{color:#8a9294;font:500 11px / 1 var(--font-mono), monospace;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:color .15s var(--ease-out);padding:6px 10px;position:relative}.vjEd3q_pill{background:var(--ink);position:absolute;inset:0}.vjEd3q_text{position:relative}@media (hover:hover) and (pointer:fine){.vjEd3q_option:hover{color:var(--ink)}}.vjEd3q_option:has(:checked){color:#0a0d0e}.vjEd3q_option:has(:focus-visible){outline-offset:-2px;outline:2px solid #f3d36b}.vjEd3q_input{opacity:0;pointer-events:none;position:absolute}
._8EfOjG_panel{--ink:#e9edeb;--pixel:3px;width:30px;height:min(60%,300px);color:var(--ink);clip-path:polygon(0 var(--pixel), var(--pixel) var(--pixel), var(--pixel) 0, calc(100% - var(--pixel)) 0, calc(100% - var(--pixel)) var(--pixel), 100% var(--pixel), 100% calc(100% - var(--pixel)), calc(100% - var(--pixel)) calc(100% - var(--pixel)), calc(100% - var(--pixel)) 100%, var(--pixel) 100%, var(--pixel) calc(100% - var(--pixel)), 0 calc(100% - var(--pixel)));background:#0a0d0e;flex-direction:column;align-items:center;gap:12px;padding:10px 0;display:flex;position:absolute;top:50%;left:16px;translate:0 -50%}._8EfOjG_icon{flex-shrink:0;width:12px;height:12px}._8EfOjG_moon{color:#f3d36b;opacity:calc(.3 + .7 * var(--night))}._8EfOjG_sun{opacity:calc(1 - .7 * var(--night))}._8EfOjG_track{flex:1;width:100%;position:relative}._8EfOjG_line{background:linear-gradient(to top, var(--ink) calc(var(--night) * 100%), #3a4143 calc(var(--night) * 100%));width:2px;position:absolute;inset:0 auto 0 calc(50% - 1px)}._8EfOjG_tick{background:#3a4143;width:3px;height:1px;position:absolute;left:7px}._8EfOjG_range{writing-mode:vertical-lr;appearance:none;cursor:grab;direction:rtl;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}._8EfOjG_range:active{cursor:grabbing}._8EfOjG_range:focus-visible{outline:none}._8EfOjG_range::-webkit-slider-runnable-track{background:0 0}._8EfOjG_range::-moz-range-track{background:0 0}._8EfOjG_range::-webkit-slider-thumb{appearance:none;background:var(--ink);border-radius:2px;width:14px;height:8px}._8EfOjG_range::-moz-range-thumb{background:var(--ink);border:none;border-radius:2px;width:14px;height:8px}._8EfOjG_range:focus-visible::-webkit-slider-thumb{outline-offset:2px;outline:2px solid #f3d36b}._8EfOjG_range:focus-visible::-moz-range-thumb{outline-offset:2px;outline:2px solid #f3d36b}
.f8JfUa_shell{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;overflow:visible}.f8JfUa_wordmark{fill:#c9ccc4;font:600 15px / 1 var(--font-sans), sans-serif;letter-spacing:.04em}.f8JfUa_wordmarkLight{letter-spacing:0;font-weight:400}.f8JfUa_label{fill:#6d7a5e;font:700 13px / 1 var(--font-sans), sans-serif;pointer-events:none}.f8JfUa_key,.f8JfUa_pad{cursor:pointer;transform-box:fill-box;transform-origin:50%;transition:scale 80ms var(--ease-out), translate 80ms var(--ease-out)}.f8JfUa_key[data-pressed=true]{scale:.96}.f8JfUa_key[data-pressed=true] .f8JfUa_cap,.f8JfUa_pad:not([data-direction=none]) .f8JfUa_cap{fill:var(--cap-down)}.f8JfUa_pad[data-direction=up]{translate:0 -1px}.f8JfUa_pad[data-direction=down]{translate:0 1px}.f8JfUa_pad[data-direction=left]{translate:-1px}.f8JfUa_pad[data-direction=right]{translate:1px}@media (hover:hover) and (pointer:fine){.f8JfUa_key:hover .f8JfUa_cap,.f8JfUa_pad:hover .f8JfUa_cap{fill:var(--cap-hover)}}
.R3EOsG_stage{--ink:#f9e600;cursor:crosshair;background:#000;width:100%;height:100%;position:relative;overflow:hidden}.R3EOsG_canvas,.R3EOsG_fallback{width:100%;height:100%;position:absolute;inset:0}.R3EOsG_canvas{opacity:0;transition:opacity .3s var(--ease-out)}.R3EOsG_canvas[data-ready=true]{opacity:1}.R3EOsG_fallback{object-fit:cover;filter:grayscale()sepia()saturate(6)hue-rotate(5deg)}.R3EOsG_skip{cursor:crosshair;background:0 0;border:0;position:absolute;inset:0}.R3EOsG_skip:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}.R3EOsG_srOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.R3EOsG_hud{color:var(--ink);font:400 11px / 1.55 var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;flex-direction:column;align-items:center;gap:22px;padding:0 24px 22px;display:flex;position:absolute;inset:auto 0 0}.R3EOsG_name{letter-spacing:.08em;background:#000;place-items:center;min-width:12ch;margin:0;padding:3px 8px;font-size:13px;display:grid;position:relative}.R3EOsG_log{font-variant-numeric:tabular-nums;background:#000;align-self:flex-start;margin:0;padding:4px 8px}.R3EOsG_pause{border:1px solid var(--ink);min-width:64px;min-height:32px;color:var(--ink);font:400 11px / 1 var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition-property:scale,background-color,color;transition-duration:.15s;transition-timing-function:var(--ease-out);background:#000;place-items:center;padding:0 12px;display:grid;position:absolute;top:16px;right:16px}.R3EOsG_label{grid-area:1/1;transition:opacity .15s linear}.R3EOsG_label[data-on=false]{opacity:0}.R3EOsG_pause:before{content:"";position:absolute;inset:-6px}.R3EOsG_pause:active{scale:.96}.R3EOsG_pause:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@media (hover:hover) and (pointer:fine){.R3EOsG_pause:hover{background:var(--ink);color:#000}}