.spin-wheel-page{padding-bottom:3rem}.spin-wheel-app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:2rem;align-items:start;margin:1.5rem 0 3rem}.spin-wheel-stage,.spin-wheel-editor{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;box-shadow:0 12px 36px rgba(15,23,42,.08)}.spin-wheel-stage{padding:1.25rem;text-align:center}.spin-wheel-canvas-wrap{position:relative;width:min(92vw,600px);max-width:100%;margin:auto}.spin-wheel-canvas{display:block;width:100%;height:auto}.spin-wheel-pointer{position:absolute;z-index:2;top:-.45rem;left:50%;transform:translateX(-50%);width:0;height:0;border-left:1.1rem solid transparent;border-right:1.1rem solid transparent;border-top:2.1rem solid #0f172a;filter:drop-shadow(0 3px 2px rgba(15,23,42,.2))}.spin-wheel-center{position:absolute;top:50%;left:50%;width:3.5rem;height:3.5rem;transform:translate(-50%,-50%);border-radius:50%;background:#fff;border:.55rem solid #0f172a;box-shadow:0 3px 12px rgba(15,23,42,.2)}.spin-wheel-controls{display:flex;justify-content:center;margin:1rem 0}.spin-wheel-spin{min-width:12rem;font-size:1.15rem}.spin-wheel-result{min-height:3rem;margin:.75rem auto 0;font-size:1.35rem;font-weight:800;color:#312e81}.spin-wheel-editor{padding:1.25rem}.spin-wheel-editor label{display:block;font-weight:800;margin-bottom:.5rem}.spin-wheel-input{display:block;width:100%;min-height:15rem;resize:vertical;border:1px solid #cbd5e1;border-radius:.75rem;padding:.8rem;font:inherit;line-height:1.5;box-sizing:border-box}.spin-wheel-help{color:#64748b;font-size:.9rem;margin:.55rem 0 0}.spin-wheel-history{margin-top:1.25rem}.spin-wheel-history h2{font-size:1.05rem;margin:0 0 .5rem}.spin-wheel-history ol{margin:.5rem 0;padding-left:1.3rem;color:#475569}.spin-wheel-history button{border:0;background:none;padding:0;color:#475569;text-decoration:underline;cursor:pointer}.spin-wheel-remove{margin-top:.4rem}.spin-wheel-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.spin-wheel-app{display:flex;flex-direction:column;gap:1rem}.spin-wheel-stage{order:0;width:100%;box-sizing:border-box}.spin-wheel-editor{order:1;width:100%;box-sizing:border-box}.spin-wheel-input{min-height:11rem}.spin-wheel-pointer{top:-.3rem}}
@media(prefers-reduced-motion:reduce){.spin-wheel-canvas{transition:none}}
.spin-wheel-themes{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:.25rem auto .75rem;padding:0;border:0}.spin-wheel-themes legend{width:100%;margin-bottom:.2rem;color:#64748b;font-size:.82rem;font-weight:800}.spin-wheel-theme{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #cbd5e1;border-radius:999px;background:#fff;color:#334155;cursor:pointer;padding:.38rem .65rem;font:inherit;font-size:.82rem;font-weight:700}.spin-wheel-theme[aria-pressed="true"]{border-color:#4f46e5;background:#eef2ff;color:#3730a3;box-shadow:0 0 0 2px rgba(79,70,229,.12)}.spin-wheel-theme-dots{display:inline-flex;gap:2px}.spin-wheel-theme-dots i{display:block;width:.65rem;height:.65rem;border-radius:50%;background:#4f46e5}.spin-wheel-theme-dots i:nth-child(2){background:#0891b2}.spin-wheel-theme-dots i:nth-child(3){background:#e11d48}.spin-wheel-theme[data-wheel-theme="pastel"] .spin-wheel-theme-dots i:nth-child(1){background:#f7a8c4}.spin-wheel-theme[data-wheel-theme="pastel"] .spin-wheel-theme-dots i:nth-child(2){background:#9bd8ef}.spin-wheel-theme[data-wheel-theme="pastel"] .spin-wheel-theme-dots i:nth-child(3){background:#a7e8c5}.spin-wheel-theme[data-wheel-theme="dark"] .spin-wheel-theme-dots i:nth-child(1){background:#4c1d95}.spin-wheel-theme[data-wheel-theme="dark"] .spin-wheel-theme-dots i:nth-child(2){background:#12355b}.spin-wheel-theme[data-wheel-theme="dark"] .spin-wheel-theme-dots i:nth-child(3){background:#0f766e}
.spin-wheel-style-options{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin:1rem auto .5rem;padding:0;border:0}.spin-wheel-style-options legend{width:100%;margin-bottom:.2rem;color:#64748b;font-size:.82rem;font-weight:800}.spin-wheel-style{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #cbd5e1;border-radius:.7rem;background:#fff;color:#334155;cursor:pointer;padding:.38rem .55rem;font:inherit;font-size:.78rem;font-weight:700}.spin-wheel-style[aria-pressed="true"]{border-color:#4f46e5;background:#eef2ff;color:#3730a3;box-shadow:0 0 0 2px rgba(79,70,229,.12)}.spin-wheel-style-preview{display:block;width:1.35rem;height:1.35rem;border-radius:50%;background:conic-gradient(#4f46e5 0 25%,#0891b2 25% 50%,#e11d48 50% 75%,#d97706 75%);border:2px solid #64748b}.spin-wheel-style-preview--lucky{border:3px solid #d99a21;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #8b5e16}.spin-wheel-style-preview--wood{background:conic-gradient(#7c4a25 0 12%,#d59a5b 12% 18%,#7c4a25 18% 30%,#d59a5b 30% 36%,#7c4a25 36% 48%,#d59a5b 48% 54%,#7c4a25 54%);border:3px solid #5b351c}
.spin-wheel-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}.spin-wheel-overlay[hidden]{display:none}.spin-wheel-modal{position:relative;overflow:hidden;width:min(94vw,30rem);padding:2.25rem 1.4rem 1.5rem;border-radius:1.5rem;background:linear-gradient(145deg,#fff 0%,#f8fafc 100%);box-shadow:0 24px 80px rgba(15,23,42,.3);text-align:center}.spin-wheel-modal-kicker{margin:0;color:#6366f1;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.spin-wheel-modal h2{position:relative;margin:.45rem 0 1.5rem;font-size:clamp(2rem,8vw,3.2rem);line-height:1.05;overflow-wrap:anywhere;color:#111827}.spin-wheel-modal-actions{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.spin-wheel-modal-actions button{min-height:2.8rem}.spin-wheel-close{border:0;background:none;color:#475569;text-decoration:underline;cursor:pointer;padding:.7rem 1rem;font:inherit;font-weight:700}.spin-wheel-confetti{position:absolute;inset:0;pointer-events:none}.spin-wheel-confetti i{position:absolute;top:-1rem;width:.48rem;height:.8rem;border-radius:2px;animation:spin-wheel-confetti-fall 1.8s ease-out forwards;opacity:0}.spin-wheel-confetti i:nth-child(3n){background:#f43f5e}.spin-wheel-confetti i:nth-child(3n+1){background:#fbbf24}.spin-wheel-confetti i:nth-child(3n+2){background:#22d3ee}@keyframes spin-wheel-confetti-fall{0%{transform:translate3d(0,-1rem,0) rotate(0);opacity:1}100%{transform:translate3d(var(--dx),var(--dy),0) rotate(540deg);opacity:0}}
.spin-wheel-use-cases{margin:0 0 3rem}.spin-wheel-use-cases__intro{max-width:52rem;margin:0 auto 1.5rem;text-align:center}.spin-wheel-use-cases__intro h2{margin:0 0 .75rem;font-size:clamp(1.65rem,4vw,2.35rem);color:#111827}.spin-wheel-use-cases__intro p{margin:0;color:#475569;line-height:1.75}.spin-wheel-use-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.spin-wheel-use-case-card{padding:1.25rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.06)}.spin-wheel-use-case-card__icon{display:block;margin-bottom:.65rem;font-size:1.75rem}.spin-wheel-use-case-card h3{margin:0 0 .4rem;font-size:1.05rem;color:#111827}.spin-wheel-use-case-card p{margin:0;color:#64748b;line-height:1.55}@media(max-width:760px){.spin-wheel-use-cases__grid{grid-template-columns:1fr}.spin-wheel-use-cases__intro{text-align:left}}
.spin-wheel-settings{display:flex;flex-direction:column;align-items:center;gap:.35rem;width:100%;box-sizing:border-box;margin:1.25rem 0 0;padding:1rem;border:1px solid #e2e8f0;border-radius:1rem;background:#f8fafc;box-shadow:0 8px 24px rgba(15,23,42,.06)}.spin-wheel-settings .spin-wheel-style-options,.spin-wheel-settings .spin-wheel-themes{margin:.15rem 0;padding:0}.spin-wheel-settings .spin-wheel-themes{margin-top:.35rem}
.spin-wheel-controls{margin:2.25rem 0 1rem}
.spin-wheel-pointer{top:-.25rem;border-left-width:1.15rem;border-right-width:1.15rem;border-top-width:2.75rem}
@media(max-width:760px){.spin-wheel-pointer{top:-.15rem;border-top-width:2.45rem}}