:root{--bg-base: #0e0e10;--bg-deep: #141416;--bg-input: #1a1a1d;--bg-1: #202024;--bg-2: #2a2a2e;--bg-3: #343438;--brd-1: #3c3c42;--brd-2: #545460;--brd-3: #6a6a78;--txt-dim: #72727e;--txt-2: #8e8e98;--txt-mid: #a0a0aa;--txt-1: #b2b2bc;--txt-head: #cacad2;--txt-0: #e4e4ec;--accent: #8888b8;--accent-hi: #a4a4cc;--clr-green: #44cc88;--clr-red: #ff4444;--clr-yellow: #ffdd44;--clr-cyan: #44ffdd;--clr-magenta: #ff88ff;--err-bg: #2a1010;--err-brd: #6a2020;--err-txt: #ff8080;--r-sm: 3px;--r: 4px;--r-lg: 8px;--purple-dim: #5555cc;--purple-mid: #7878cc;--purple-2: #9090c8;--purple-hover: #b4b4f4;--purple-hi: #c0c0f4;--purple-brd: #484870;--purple-brd-hi: #7878e0;--accent-bg: #3a2a6a;--accent-brd: #7a5abb;--accent-text: #ddc0ff;--accent-bg-hi: #4a3a7a;--blue-bg: #1a2a3a;--blue-brd: #3a5a7a;--blue-text: #88bbee;--blue-bg-hi: #223344;--blue-step: #70a0dd;--blue-step-hi: #a0d0ff;--blue-brd-hi: #5a8abb;--indigo-bg: #1a2a5a;--indigo-brd: #4a6abb;--indigo-text: #90bbff;--indigo-bg-hi: #22336a;--teal-bg: #1a3a2a;--teal-brd: #4a8a6a;--teal-text: #80ddaa;--teal-bg-hi: #22503a;--teal-brd-hi: #6abb90;--teal-text-hi: #aaeecc;--rec-bg: #1a2a1a;--rec-brd: #4a7a4a;--rec-text: #80dd80;--rec-bg-hi: #223a22;--rec-brd-hi: #6abb6a;--rec-text-hi: #aaeeaa;--saved-brd: #4a5a3a;--saved-text: #99bb99;--saved-brd-hi: #6a8a6a;--saved-bg-hi: #1a2a1a;--saved-text-hi: #bbeeaa;--saved-bg-act: #1e2e1e;--saved-brd-act: #6a9a6a;--ok-bg: #0a2a14;--ok-bg-sub: #0e1a0e;--ok-brd: #2a4a2a;--ok: #00cc55;--ok-hi: #00ff77;--danger-bg: #2a1a1a;--danger-bg-deep: #2a0a0a;--danger-brd-dim: #503030;--danger-brd-mid: #aa5555;--danger-brd: #cc5555;--danger-brd-hi: #ee5555;--danger-dim: #dd8888;--danger: #ff7777;--danger-hi: #ffaaaa;--rec-dot: #dd3333;--rec-dot-check: #ee4444;--rec-dot-text: #ee9999;--stop-brd: #5a3333;--stop-text: #cc8080;--magenta-bg: #3a1a3a;--magenta-brd: #aa44aa;--warn-bg: #2a1400;--warn: #ffaa00;--warn-dim: #cc9900;--brown-bg: #5a4433;--brown-brd: #3a2a1a;--brown: #7a6050;--wk-bg: #1e1e3e;--wk-text: #b8b8e0;--wk-dim: #5555aa;--wk-step: #8080cc;--wk-dim-text: #7070aa;--wk-original: #4488ff;--wk-test: #ffe060;--wk-kick: #00ccff;--input-on-bg: #7a4400;--input-on-brd: #dd9900;--input-on-clr: #ffdd55;--advance-clr: #66ffaa;--slot-empty: #4a4a52;--hold-active-bg: #2a2a1a}html,body{background:var(--bg-base);color:var(--txt-0)}[data-theme=light]{--bg-base: #f0f0f4;--bg-deep: #e8e8ec;--bg-input: #dcdce2;--bg-1: #d0d0d6;--bg-2: #c4c4ca;--bg-3: #b8b8be;--brd-1: #acacb4;--brd-2: #9090a0;--brd-3: #747488;--txt-dim: #686870;--txt-2: #505058;--txt-mid: #3c3c44;--txt-1: #28282e;--txt-head: #18181e;--txt-0: #0c0c12;--accent: #6060a0;--accent-hi: #5050a0;--clr-green: #198a50;--clr-red: #cc2222;--clr-yellow: #aa7700;--clr-cyan: #009999;--clr-magenta: #aa33aa;--err-bg: #fff0f0;--err-brd: #ffaaaa;--err-txt: #cc2222;--purple-dim: #7070cc;--purple-mid: #5858c0;--purple-2: #6868b8;--purple-hover: #4040c8;--purple-hi: #3030b8;--purple-brd: #9090cc;--purple-brd-hi: #5858d8;--accent-bg: #e8e4f8;--accent-brd: #9070cc;--accent-text: #4020a0;--accent-bg-hi: #ddd8f4;--blue-bg: #e0eaf8;--blue-brd: #5088c0;--blue-text: #1848a0;--blue-bg-hi: #d4e4f4;--blue-step: #1c58c0;--blue-step-hi: #1040a8;--blue-brd-hi: #3870b0;--indigo-bg: #e4e8f8;--indigo-brd: #5878cc;--indigo-text: #1840a8;--indigo-bg-hi: #d8e0f4;--teal-bg: #e0f4ec;--teal-brd: #3a9068;--teal-text: #0e5838;--teal-bg-hi: #d4ece4;--teal-brd-hi: #2a7858;--teal-text-hi: #084028;--rec-bg: #e4f4e4;--rec-brd: #3a8a3a;--rec-text: #0e480e;--rec-bg-hi: #d4ecd4;--rec-brd-hi: #2a7030;--rec-text-hi: #083808;--saved-brd: #6a8050;--saved-text: #3a5020;--saved-brd-hi: #507060;--saved-bg-hi: #e0ece0;--saved-text-hi: #284018;--saved-bg-act: #d8e8d8;--saved-brd-act: #408850;--ok-bg: #eef8f2;--ok-bg-sub: #f4fcf8;--ok-brd: #70c898;--ok: #00994d;--ok-hi: #007733;--danger-bg: #fce8e8;--danger-bg-deep: #fad4d4;--danger-brd-dim: #e8aaaa;--danger-brd-mid: #cc5555;--danger-brd: #cc3333;--danger-brd-hi: #ee1111;--danger-dim: #cc4444;--danger: #bb1111;--danger-hi: #990000;--rec-dot: #cc1111;--rec-dot-check: #dd2222;--rec-dot-text: #cc4444;--stop-brd: #cc7777;--stop-text: #aa3333;--magenta-bg: #f4e4f4;--magenta-brd: #aa44aa;--warn-bg: #fff8e8;--warn: #cc7700;--warn-dim: #aa6000;--brown-bg: #ece0d8;--brown-brd: #c0a898;--brown: #9a7060;--wk-bg: #eeeefc;--wk-text: #2e2e68;--wk-dim: #9090cc;--wk-step: #6060c0;--wk-dim-text: #8888b8;--wk-original: #1155ee;--wk-test: #997700;--wk-kick: #0088bb;--input-on-bg: #fff8d8;--input-on-brd: #cc9900;--input-on-clr: #886600;--advance-clr: #008844;--slot-empty: #a8a8b0;--hold-active-bg: #f0f0dc}@media (pointer: coarse){button{min-height:44px;min-width:44px;padding:8px 12px;font-size:13px}.btn{min-height:44px;padding:8px 14px}.tool-btn{min-height:44px;padding:6px 8px}.hist-btn{min-height:44px}.dpad-btn{width:44px;height:44px;font-size:18px}.rot-btn{min-height:44px;padding:6px}.lock-btn,.ld-step-btn{min-height:44px}.piece-btn{min-width:44px;min-height:44px}.timeline-btn,.frame-action-btn{min-height:44px;min-width:44px}.mobile-tab{min-height:44px;padding:10px 16px;font-size:13px}.lc-btn{min-height:44px;padding:8px 6px}.piece-check input[type=checkbox]{width:20px;height:20px}input[type=range]{height:24px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}input[type=number]{min-height:36px;min-width:48px;font-size:13px}}.input-display.svelte-hkdqsm{display:flex;gap:6px;align-items:flex-start;padding:4px 0 2px}.input-display.svelte-hkdqsm:not(.interactive){pointer-events:none}.input-dpad.svelte-hkdqsm{display:flex;flex-direction:column;gap:2px}.input-dpad-row.svelte-hkdqsm{display:flex;gap:2px}.input-dpad-spacer.svelte-hkdqsm{width:22px;height:22px}.input-actions.svelte-hkdqsm{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;align-content:start}.input-btn.svelte-hkdqsm{width:22px;height:22px;background:var(--bg-input);border:1px solid var(--brd-1);border-radius:var(--r-sm);color:var(--txt-dim);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:background .1s,color .1s,border-color .1s}.interactive.svelte-hkdqsm .input-btn:where(.svelte-hkdqsm):hover:not(.dim){background:var(--bg-1);border-color:var(--brd-3);color:var(--txt-mid)}.input-btn.pressed.svelte-hkdqsm{background:var(--bg-3);border-color:var(--accent-hi);color:var(--txt-0)}.input-btn.hold.svelte-hkdqsm{background:var(--input-on-bg);border-color:var(--input-on-brd);color:var(--input-on-clr)}.input-btn.dim.svelte-hkdqsm{cursor:default;opacity:.2;pointer-events:none}