.doodle-container.svelte-14odjkv{display:flex;flex-direction:column;width:100%;max-width:600px;margin:0 auto;overflow:hidden;border:thin solid var(--color-border);border-radius:var(--radius-2xl, 20px);background:var(--color-bg-card);box-shadow:var(--shadow-sm);-moz-user-select:none;user-select:none;-webkit-user-select:none}.doodle-header.svelte-14odjkv{padding:var(--space-4) var(--space-5) var(--space-3)}.prompt-eyebrow.svelte-14odjkv{display:block;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:700}.prompt-target.svelte-14odjkv{margin:var(--space-1) 0 0;color:var(--color-text-primary);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.color-alert-toast.svelte-14odjkv{padding:var(--space-2) var(--space-5);border-top:thin solid var(--border-warning);background:var(--surface-warning);color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;text-align:center;animation:svelte-14odjkv-slideDown .2s ease}@keyframes svelte-14odjkv-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@keyframes svelte-14odjkv-bounce-attention{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes svelte-14odjkv-pulseShimmer{0%,to{opacity:.6}50%{opacity:1}}@keyframes svelte-14odjkv-spin{to{transform:rotate(360deg)}}.pen-selector-bar.svelte-14odjkv{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block:thin solid var(--color-border);background:var(--color-bg-secondary)}.pens-group.svelte-14odjkv,.tools-group.svelte-14odjkv{display:flex;align-items:center;gap:var(--space-2)}.pen-blue.svelte-14odjkv{--ink: #2563eb;color:var(--article-der)}.pen-red.svelte-14odjkv{--ink: #dc2626;color:var(--article-die)}.pen-green.svelte-14odjkv{--ink: #16a34a;color:var(--article-das)}.pen-btn.svelte-14odjkv{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);font:inherit;font-size:var(--text-sm);font-weight:800;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.pen-btn.active.svelte-14odjkv{border-color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,var(--color-bg-card))}.pen-btn.pulse-attention.svelte-14odjkv{border-color:var(--color-warning);animation:svelte-14odjkv-bounce-attention .5s infinite alternate ease-in-out}.pen-dot.svelte-14odjkv{width:.75rem;height:.75rem;border-radius:50%;background:var(--ink)}.tool-btn.svelte-14odjkv{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-width:40px;min-height:40px;padding:0 var(--space-2);border:thin solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);color:var(--color-text-secondary);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.tool-btn.svelte-14odjkv:hover:not(:disabled){color:var(--color-text-primary)}.tool-btn.active.svelte-14odjkv{border-color:var(--color-text-primary);background:var(--color-text-primary);color:var(--color-bg)}.tool-btn.svelte-14odjkv:disabled{opacity:.4;cursor:not-allowed}.pen-btn.svelte-14odjkv:focus-visible,.tool-btn.svelte-14odjkv:focus-visible,.hint-pill-btn.svelte-14odjkv:focus-visible,.hint-btn-ghost.svelte-14odjkv:focus-visible,.hint-next-btn.svelte-14odjkv:focus-visible,.btn-cancel.svelte-14odjkv:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.hint-minimized-bar.svelte-14odjkv{display:flex;justify-content:center;padding:var(--space-2) var(--space-4);border-bottom:thin solid var(--color-border);background:var(--surface-warning);animation:svelte-14odjkv-slideDown .2s ease-out}.hint-pill-btn.svelte-14odjkv{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:thin solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);cursor:pointer}.hint-pill-title.svelte-14odjkv{font-weight:800}.hint-preview-text.svelte-14odjkv{color:var(--color-text-secondary)}.hint-pill-action.svelte-14odjkv{margin-left:var(--space-1);font-weight:700;text-decoration:underline;text-underline-offset:.2em}.doodle-hint-card.svelte-14odjkv{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:thin solid var(--color-border);background:var(--surface-warning);animation:svelte-14odjkv-slideDown .22s cubic-bezier(.16,1,.3,1)}.hint-card-header.svelte-14odjkv,.hint-card-footer.svelte-14odjkv{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.hint-badge-wrap.svelte-14odjkv,.hint-card-actions.svelte-14odjkv{display:flex;align-items:center;gap:var(--space-2)}.hint-badge.svelte-14odjkv{display:inline-flex;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-card);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:800}.hint-loading-indicator.svelte-14odjkv{color:var(--color-text-secondary);font-size:var(--text-xs)}.hint-btn-ghost.svelte-14odjkv{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.hint-btn-ghost.svelte-14odjkv:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.hint-text.svelte-14odjkv{margin:0;color:var(--color-text-primary);font-size:var(--text-sm);line-height:1.5}.hint-text.text-error.svelte-14odjkv{color:var(--color-text-error)}.hint-text.shimmer.svelte-14odjkv{color:var(--color-text-secondary);animation:svelte-14odjkv-pulseShimmer 1.2s infinite ease-in-out}.hint-progress-dots.svelte-14odjkv{display:flex;align-items:center;gap:5px}.hint-progress-dots.svelte-14odjkv .dot:where(.svelte-14odjkv){width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--color-text-secondary) 35%,transparent);transition:background .2s ease}.hint-progress-dots.svelte-14odjkv .dot.active:where(.svelte-14odjkv){background:var(--color-text-primary)}.hint-next-btn.svelte-14odjkv{min-height:36px;padding:0 var(--space-3);border:thin solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);color:var(--color-text-primary);font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.hint-next-btn.svelte-14odjkv:disabled{opacity:.6;cursor:wait}.canvas-wrapper.svelte-14odjkv{position:relative;width:100%;aspect-ratio:4 / 3;min-height:320px;background:#fff;cursor:crosshair;touch-action:none}.drawing-surface.svelte-14odjkv{display:block;width:100%;height:100%}.canvas-watermark.svelte-14odjkv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);color:#64748b;text-align:center;pointer-events:none}.canvas-watermark.svelte-14odjkv span:where(.svelte-14odjkv){font-size:1.2rem;font-weight:700}.canvas-watermark.svelte-14odjkv small:where(.svelte-14odjkv){font-size:.85rem}.canvas-loading-overlay.svelte-14odjkv{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#1e293b;font-weight:600}.spinner.svelte-14odjkv{width:38px;height:38px;border:4px solid #e2e8f0;border-top-color:var(--color-brand);border-radius:50%;animation:svelte-14odjkv-spin .8s linear infinite}.doodle-error.svelte-14odjkv{margin:0;padding:var(--space-2) var(--space-4);border-top:thin solid var(--border-danger);background:var(--surface-danger);color:var(--color-text-error);font-size:var(--text-sm);font-weight:600;text-align:center}.doodle-footer.svelte-14odjkv{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:thin solid var(--color-border)}.btn-cancel.svelte-14odjkv{min-height:44px;padding:0 var(--space-4);border:thin solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}.btn-cancel.svelte-14odjkv:hover:not(:disabled){color:var(--color-text-primary)}.btn-cancel.svelte-14odjkv:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.pen-btn.pulse-attention.svelte-14odjkv,.hint-text.shimmer.svelte-14odjkv,.color-alert-toast.svelte-14odjkv,.hint-minimized-bar.svelte-14odjkv,.doodle-hint-card.svelte-14odjkv{animation:none}}