:root{font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif;color:#132b48;background:#f4f7fc}*{box-sizing:border-box}body{margin:0}.intro{text-align:center;padding:42px 20px 28px}.intro h1{font-size:clamp(29px,4vw,48px);margin:10px 0}.intro p{color:#50647c}.eyebrow{font-weight:800;letter-spacing:2px;color:#386fbd;font-size:12px}.app-grid{max-width:1260px;margin:auto;padding:12px 20px 44px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:22px}.wheel-card,.editor{background:#fff;border-radius:22px;padding:26px;box-shadow:0 12px 45px #183a6512;border:1px solid #e2eaf4}.wheel-wrap{max-width:590px;position:relative;margin:auto;aspect-ratio:1}canvas{display:block;width:100%;height:100%}.pointer{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:19px solid transparent;border-bottom:19px solid transparent;border-right:38px solid #132b48;filter:drop-shadow(0 2px 2px #0003)}.spin-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;background:#fff;color:#194577;border:7px solid #153a66;font-size:21px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px #0004}.spin-btn:disabled{opacity:.6;cursor:wait}.winner{min-height:40px;margin:18px 0;color:#21436b;font-weight:750;text-align:center;font-size:19px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.wheel-card button,.editor button,.editor .file-button{font:inherit;border:1px solid #cddceb;border-radius:10px;padding:11px 15px;background:#edf4fc;color:#174878;cursor:pointer;font-weight:700;font-size:14px}.wheel-card button:hover,.editor button:hover,.editor .file-button:hover{background:#dceaf9}.wheel-card button:disabled,.editor button:disabled{opacity:.5;cursor:not-allowed}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{margin:0 0 15px}.panel-head span{font-size:13px;color:#66788d}.editor label{display:block;font-size:14px;font-weight:650;line-height:1.6}.editor textarea{margin-top:10px;resize:vertical;width:100%;padding:14px;border:1px solid #cad8e9;border-radius:12px;line-height:1.65;font:16px/1.6 inherit;min-height:270px}.help,.privacy{font-size:13px;color:#596d82;line-height:1.6}.controls{display:flex;flex-wrap:wrap;gap:12px}.controls select{display:block;padding:8px;border-radius:8px;border:1px solid #bfcfdf;background:#fff;width:100%}.controls label{flex:1;min-width:145px}.controls .check{flex-basis:100%}.history{padding-left:25px;color:#475c72}.history:empty:after{content:"No spins yet";color:#7a8b9b;font-size:14px}.seo{max-width:1000px;margin:5px auto 60px;padding:24px;line-height:1.8;color:#47586b}.seo h2,.seo h3{color:#183b63}@media(max-width:850px){.app-grid{grid-template-columns:1fr}.wheel-card,.editor{padding:17px}.pointer{right:-4px;border-top-width:13px;border-bottom-width:13px;border-right-width:26px}.spin-btn{width:75px;height:75px;font-size:17px}}
/* Only the wheel workspace uses these styles; global navigation/footer retain site styles. */
body{background:#f4f7fc}main .intro{max-width:950px;margin:auto}main .intro p{font-size:1.05rem}main .app-grid{position:relative}main .editor textarea{font-family:inherit}main .editor .controls select{font:inherit}main .wheel-card .spin-btn{background:#fff;color:#194577}main .seo{background:#fff;border:1px solid #e2eaf4;border-radius:20px;margin-top:20px}main .wheel-card:fullscreen{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto}main .wheel-card:fullscreen .wheel-wrap{width:min(78vh,90vw)}@media(max-width:580px){main .intro{padding:28px 18px 15px}main .intro h1{line-height:1.12}main .app-grid{padding-inline:12px;gap:14px}main .wheel-wrap{width:100%}main .seo{margin:10px 12px 32px;padding:18px}}