.piball.svelte-178v1rn{width:min(100%,1024px);margin:0 auto}.piball__panel.svelte-178v1rn{display:flex;flex-direction:column;gap:1rem;padding:clamp(.5rem,2vw,1.5rem);background:linear-gradient(145deg,#0f172ae6,#0284c74d);border-radius:1.25rem;border:1px solid rgba(59,130,246,.25);box-shadow:0 15px 40px #0f172a73}.piball__canvas.svelte-178v1rn{width:100%;border-radius:1rem;overflow:hidden;background:radial-gradient(circle at 30% 10%,#3b82f64d,#020617e6)}canvas.svelte-178v1rn{display:block;width:100%;height:auto}.piball__actions.svelte-178v1rn{display:flex;flex-wrap:wrap;gap:.75rem}.piball__button.svelte-178v1rn{flex:1;min-width:140px;padding:.75rem 1rem;border-radius:999px;border:none;background:linear-gradient(120deg,#3b82f6,#6366f1);color:#fff;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.piball__button.svelte-178v1rn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #6366f159}.piball__button.svelte-178v1rn:disabled{opacity:.6;cursor:not-allowed}.piball__button--secondary.svelte-178v1rn{background:#94a3b833;border:1px solid rgba(148,163,184,.4)}.piball__button--ghost.svelte-178v1rn{background:transparent;border:1px solid rgba(96,165,250,.6)}.piball__hint.svelte-178v1rn{font-size:.95rem;color:#e2e8f0e6;text-align:center}@media (max-width: 640px){.piball__actions.svelte-178v1rn{flex-direction:column}}