.pixel-drawing-pad.svelte-vpuc9d{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair;background:var(--bg-soft, #252525);border-radius:6px 0 6px 6px;user-select:none}.apparatus-inference.svelte-19crjeo{position:relative;display:flex;flex-direction:column;gap:1rem}.apparatus-inference.svelte-19crjeo:fullscreen,.apparatus-inference.fullscreen.svelte-19crjeo{width:100vw;height:100vh;padding:1rem;background:var(--background-color, #1a1a1a);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;gap:1.5rem}.apparatus-inference.svelte-19crjeo:fullscreen .apparatus-container:where(.svelte-19crjeo),.apparatus-inference.fullscreen.svelte-19crjeo .apparatus-container:where(.svelte-19crjeo){grid-row:1;grid-column:1;width:auto;height:100%;max-width:none;aspect-ratio:1;margin:0 auto}.apparatus-inference.svelte-19crjeo:fullscreen .controls:where(.svelte-19crjeo),.apparatus-inference.fullscreen.svelte-19crjeo .controls:where(.svelte-19crjeo){grid-row:1;grid-column:2;overflow-y:auto}.apparatus-inference.svelte-19crjeo:fullscreen .drawing-pad-wrapper:where(.svelte-19crjeo),.apparatus-inference.fullscreen.svelte-19crjeo .drawing-pad-wrapper:where(.svelte-19crjeo){width:min(50vh,100%);height:min(50vh,100%);aspect-ratio:1}.fullscreen-button.svelte-19crjeo{position:absolute;top:.5rem;right:.5rem;width:2.25rem;height:2.25rem;padding:.4rem;background:var(--bg-soft, #252525);color:var(--text-color, #e0e0e0);border:1px solid var(--divider, #333);border-radius:6px 0 6px 6px;cursor:pointer;z-index:10;transition:background .15s}.fullscreen-button.svelte-19crjeo:hover{background:var(--divider, #333)}.fullscreen-button.svelte-19crjeo svg:where(.svelte-19crjeo){width:100%;height:100%}.controls.svelte-19crjeo{display:flex;flex-direction:column;gap:.75rem}.digit-picker.svelte-19crjeo .label:where(.svelte-19crjeo){font-size:.875rem;color:var(--text-2, #aaa)}.digits.svelte-19crjeo{display:flex;gap:.5rem;margin-top:.25rem}.digit-button.svelte-19crjeo{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.375rem;background:var(--bg-soft, #252525);border:2px solid var(--divider, #333);border-radius:6px 0 6px 6px;cursor:pointer;transition:border-color .15s}.digit-button.svelte-19crjeo:hover{border-color:var(--text-3, #666)}.digit-button.selected.svelte-19crjeo{border-color:var(--highlight-color, #be2edd)}.digit-grid.svelte-19crjeo{width:36px;height:36px}.drawing-pad-wrapper.svelte-19crjeo{width:150px;height:150px;margin-top:.5rem}.digit-label.svelte-19crjeo{font-size:.75rem;font-weight:600;color:var(--text-color, #e0e0e0)}.playback.svelte-19crjeo{display:flex;gap:.5rem}.playback.svelte-19crjeo button:where(.svelte-19crjeo){padding:.5rem 1rem;background:var(--bg-soft, #252525);color:var(--text-color, #e0e0e0);border:1px solid var(--divider, #333);border-radius:6px 0 6px 6px;cursor:pointer;font-size:.875rem;transition:background .15s}.playback.svelte-19crjeo button:where(.svelte-19crjeo):hover:not(:disabled){background:var(--divider, #333)}.playback.svelte-19crjeo button:where(.svelte-19crjeo):disabled{opacity:.4;cursor:not-allowed}.status.svelte-19crjeo{display:flex;flex-direction:column;gap:.25rem;min-height:3.5rem}.progress-bar.svelte-19crjeo{height:4px;background:var(--bg-soft, #252525);border-radius:2px;overflow:hidden}.progress-fill.svelte-19crjeo{height:100%;background:var(--highlight-color, #be2edd);transition:width .3s ease}.step-description.svelte-19crjeo{font-family:var(--font-family-mono, monospace);font-size:.8rem;color:var(--text-2, #aaa)}.hud.svelte-19crjeo{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-family:var(--font-family-mono, monospace);font-size:.8rem;color:var(--text-2, #aaa);padding:.375rem .5rem;background:var(--bg-soft, #252525);border-radius:4px}.hud-label.svelte-19crjeo{font-weight:600;color:var(--text-color, #e0e0e0)}.hud-value.svelte-19crjeo{color:var(--highlight-color, #be2edd);font-variant-numeric:tabular-nums}.hud-acc.svelte-19crjeo{color:var(--text-3, #666)}.prediction.svelte-19crjeo{font-size:1.1rem}.prediction.svelte-19crjeo strong:where(.svelte-19crjeo){font-size:1.5rem;color:var(--highlight-color, #be2edd)}.correct.svelte-19crjeo{color:#b8bb26}.incorrect.svelte-19crjeo{color:#fb4934}.apparatus-container.svelte-19crjeo{width:100%;aspect-ratio:1;max-width:800px;margin:0 auto;overflow:hidden;border-radius:8px 0 8px 8px;background:var(--background-color, #1a1a1a);color:var(--text-color, #e0e0e0);--pa-highlight: var(--highlight-color, #be2edd)}.apparatus-container.svelte-19crjeo svg{width:100%;height:100%}