.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;padding:6px 10px;transition:color .15s ease-out,background-color .15s ease-out}.vjEd3q_option:hover{color:var(--ink)}.vjEd3q_option:has(:checked){color:#0a0d0e;background:var(--ink)}.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}
.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 cubic-bezier(.23,1,.32,1)}.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;margin:0;padding:3px 8px;font-size:13px}.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;background:#000;padding:0 12px;transition-property:scale,background-color,color;transition-duration:.15s;transition-timing-function:cubic-bezier(.23,1,.32,1);position:absolute;top:16px;right:16px}.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}}