.app.svelte-pik34z{display:flex;height:100vh;font-family:Segoe UI,system-ui,sans-serif;color:#e0e0e0}.sidebar.svelte-pik34z{width:280px;min-width:240px;background:#16213e;padding:20px 16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;box-shadow:4px 0 20px #0006;z-index:1}h1.svelte-pik34z{margin:0;font-size:1.4rem;color:#f0f0f0}.hint.svelte-pik34z{margin:0;font-size:.75rem;color:#7a8aa0;line-height:1.4}.move-grid.svelte-pik34z{display:flex;flex-direction:column;gap:8px}.face-group.svelte-pik34z{display:flex;align-items:center;gap:6px}.face-label.svelte-pik34z{width:18px;font-weight:700;font-size:.85rem;color:#a0b0c0}.move-btn.svelte-pik34z{flex:1;padding:8px 4px;border:1px solid #2a3a5e;border-radius:6px;background:#0f3460;color:#e0f0ff;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.move-btn.svelte-pik34z:hover:not(:disabled){background:#1a5a9e;border-color:#4a8adf;transform:translateY(-1px)}.move-btn.svelte-pik34z:active:not(:disabled){transform:translateY(0);background:#0a2a50}.move-btn.svelte-pik34z:disabled{opacity:.4;cursor:not-allowed}.controls.svelte-pik34z{display:flex;flex-direction:column;gap:8px}.action-btn.svelte-pik34z{padding:10px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.scramble-btn.svelte-pik34z{background:#e94560;color:#fff}.scramble-btn.svelte-pik34z:hover:not(:disabled){background:#ff6080;transform:translateY(-1px)}.scramble-btn.svelte-pik34z:disabled{opacity:.5;cursor:not-allowed}.diff-controls.svelte-pik34z{margin-top:12px;padding-top:12px;border-top:1px solid #2a3a5e;display:flex;flex-direction:column;gap:10px}.diff-btn.svelte-pik34z{background:#0fbcf9;color:#fff}.diff-btn.active.svelte-pik34z{background:#05c46b}.toggle.svelte-pik34z{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#a0b0c0}.sub-toggle.svelte-pik34z{margin-left:12px;font-size:.8rem}.toggle-label.svelte-pik34z{font-weight:600}.diff-hint.svelte-pik34z{margin:0;font-size:.7rem;color:#7a8aa0;line-height:1.3}.text-btn.svelte-pik34z{background:none;border:none;color:#e94560;font-size:.8rem;cursor:pointer;text-align:left;padding:0}.text-btn.svelte-pik34z:hover{text-decoration:underline}.keyboard-hint.svelte-pik34z{border-top:1px solid #2a3a5e;padding-top:12px}.keyboard-hint.svelte-pik34z h3:where(.svelte-pik34z){margin:0 0 8px;font-size:.8rem;color:#7a8aa0;text-transform:uppercase;letter-spacing:.05em}.keyboard-hint.svelte-pik34z table:where(.svelte-pik34z){width:100%;border-collapse:collapse;font-size:.78rem}.keyboard-hint.svelte-pik34z td:where(.svelte-pik34z){padding:3px 4px;color:#8090a0}.keyboard-hint.svelte-pik34z td:where(.svelte-pik34z):nth-child(odd){font-family:monospace;background:#0f3460;border-radius:3px;color:#c0d8f0;text-align:center;width:28px}.canvas-wrap.svelte-pik34z{flex:1;position:relative;background:#1a1a2e}canvas.svelte-pik34z{width:100%;height:100%;display:block}