.mnist-module__CIwjDq__container{background:var(--bg-primary)}.mnist-module__CIwjDq__headerLabel{color:#0071e3;letter-spacing:.12em}.mnist-module__CIwjDq__canvasWrapper{background:#fffc;border-color:#ffffffe6;box-shadow:0 16px 36px #00000014}.mnist-module__CIwjDq__clearButton{background:#0071e3}.mnist-module__CIwjDq__clearButton:hover{background:#0077ed}.mnist-module__CIwjDq__container{min-height:100vh;color:var(--text-primary);padding:120px 32px 80px;font-family:Inter,system-ui,sans-serif}.mnist-module__CIwjDq__inner{width:100%;max-width:980px;margin:0 auto}.mnist-module__CIwjDq__header{text-align:center;margin-bottom:36px}.mnist-module__CIwjDq__headerLabel{color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.25em;margin-bottom:16px;font-size:.75rem;display:inline-block}.mnist-module__CIwjDq__headerTitle{margin:0;font-size:clamp(2.4rem,3.5vw,3.6rem);line-height:1.05}.mnist-module__CIwjDq__headerDescription{color:var(--text-secondary);max-width:760px;margin-top:16px;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.8}.mnist-module__CIwjDq__canvasSection{flex-direction:column;align-items:center;gap:24px;display:flex}.mnist-module__CIwjDq__canvasWrapper{border:1px solid var(--border-glass);background:var(--bg-glass);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;display:inline-block;position:relative;overflow:hidden}.mnist-module__CIwjDq__canvasWrapper canvas{display:block}.mnist-module__CIwjDq__drawCanvas{cursor:crosshair;touch-action:none}.mnist-module__CIwjDq__predictionCanvas{z-index:2;cursor:crosshair;touch-action:none;position:absolute;top:0;left:0}.mnist-module__CIwjDq__controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.mnist-module__CIwjDq__clearButton{color:#fff;letter-spacing:.02em;cursor:pointer;background:#6366f1;border:none;border-radius:9999px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.mnist-module__CIwjDq__clearButton:hover{background:#818cf8;transform:translateY(-1px);box-shadow:0 4px 20px #6366f159}.mnist-module__CIwjDq__clearButton:active{transform:translateY(0)}.mnist-module__CIwjDq__modelStatus{border:1px solid var(--border-glass);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:inline-flex}.mnist-module__CIwjDq__statusDot{border-radius:50%;width:8px;height:8px;display:inline-block}.mnist-module__CIwjDq__statusDotReady{background:#22c55e;box-shadow:0 0 8px #22c55e80}.mnist-module__CIwjDq__statusDotLoading{background:#f59e0b;animation:1.5s ease-in-out infinite mnist-module__CIwjDq__pulse;box-shadow:0 0 8px #f59e0b80}@keyframes mnist-module__CIwjDq__pulse{0%,to{opacity:1}50%{opacity:.4}}.mnist-module__CIwjDq__error{text-align:center;color:#ef4444;background:#ef444414;border:1px solid #ef444440;border-radius:16px;padding:12px 20px;font-size:.9rem}.mnist-module__CIwjDq__instructions{text-align:center;color:var(--text-secondary);border:1px solid var(--border-glass);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;max-width:400px;margin:0 auto;padding:16px 20px;font-size:.9rem;line-height:1.6}.mnist-module__CIwjDq__debugCanvas{display:none}@media (max-width:768px){.mnist-module__CIwjDq__container{padding:100px 20px 60px}.mnist-module__CIwjDq__canvasWrapper{width:100%}}@media (max-width:480px){.mnist-module__CIwjDq__container{padding:90px 16px 48px}.mnist-module__CIwjDq__headerTitle{font-size:clamp(1.8rem,6vw,2.4rem)}.mnist-module__CIwjDq__headerDescription{font-size:.9rem}.mnist-module__CIwjDq__controls{flex-direction:column}.mnist-module__CIwjDq__clearButton{width:100%}}
