:root{--wheel-segment-1:#ff6b6b;--wheel-segment-2:#4ecdc4;--wheel-segment-3:#45b7d1;--wheel-segment-4:#ffa502;--wheel-border:#ffffff4d}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.skip-link:focus{background:var(--brand-surface);border-radius:var(--radius-md);border:1px solid var(--brand-border);width:auto;height:auto;box-shadow:var(--brand-focus-ring);color:var(--brand-heading);z-index:9999;margin:8px;padding:8px 12px;position:static}.spinner-page{max-width:1200px;padding:1.5rem var(--layout-gutter);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.page-hero{flex-direction:column;gap:1.5rem;padding:2rem 2.5rem;display:flex}.page-hero>div>p:first-child{text-transform:uppercase;letter-spacing:.12em;color:var(--brand-subtle-text);margin:0;font-size:.85rem;font-weight:700}.page-hero>div>h1{color:var(--brand-heading);margin:.5rem 0 0;font-size:2rem;font-weight:700}.page-hero>div>p:not(:first-child){color:var(--brand-text);margin:.5rem 0 0;font-size:1rem;line-height:1.6}.hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--brand-subtle-text);margin:0;font-size:.75rem;font-weight:800}.glass-card{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);backdrop-filter:blur(14px);box-shadow:var(--glass-shadow)}.spinner-form{flex-direction:column;gap:0;padding:2rem 2.5rem;display:flex}.spinner-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:2.5rem;display:grid}.spinner-sidebar{flex-direction:column;gap:1.5rem;display:flex}.spinner-main{flex-direction:column;justify-content:flex-start;align-items:center;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.75rem;display:flex}.form-group label{color:var(--brand-heading);font-size:.95rem;font-weight:700}.form-group textarea{font-family:var(--brand-font-family);border:1px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);color:var(--brand-text);resize:vertical;min-height:120px;padding:12px 14px;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s}.form-group textarea:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #3498db1a}.form-group textarea::placeholder{color:var(--brand-subtle-text);opacity:.7}.form-group input[type=file]{padding:.5rem 0}.upload-input{display:none}.upload-label{background-color:var(--brand-accent);color:var(--brand-accent-contrast-text);border-radius:var(--radius-md);cursor:pointer;text-align:center;border:none;padding:.75rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-block}.upload-label:hover{background-color:var(--brand-accent-strong);transform:translateY(-2px);box-shadow:0 6px 16px #3498db4d}.upload-label:active{transform:translateY(0)}.help-text{color:var(--brand-subtle-text);margin:.5rem 0 0;font-size:.85rem}.uploaded-options{gap:.75rem;max-height:280px;padding-right:.25rem;display:grid;overflow-y:auto}.uploaded-options::-webkit-scrollbar{width:6px}.uploaded-options::-webkit-scrollbar-track{background:0 0}.uploaded-options::-webkit-scrollbar-thumb{background:#3498db4d;border-radius:3px}.uploaded-options::-webkit-scrollbar-thumb:hover{background:#3498db80}.uploaded-option-item{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);grid-template-columns:70px 1fr;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:grid}.uploaded-option-item:hover{border-color:var(--brand-accent);background:var(--brand-surface);box-shadow:0 4px 12px #3498db33}.uploaded-option-thumb{border-radius:var(--radius-md);border:2px solid var(--brand-border);background-position:50%;background-size:cover;flex-shrink:0;width:70px;height:70px;transition:border-color .2s}.uploaded-option-item:hover .uploaded-option-thumb{border-color:var(--brand-accent)}.uploaded-option-meta{grid-template-columns:1fr auto;align-items:center;gap:.75rem;min-width:0;display:grid}.uploaded-option-label{color:var(--brand-text);text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:500;overflow:hidden}.btn--danger{background-color:var(--brand-accent);color:var(--brand-accent-contrast-text);border-color:var(--brand-accent)}.btn--danger:hover:not(:disabled){background-color:var(--brand-accent-strong);transform:translateY(-1px);box-shadow:0 4px 8px #e74c3c40}.btn--small{padding:8px 12px;font-size:.8rem}.form-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{font:inherit;border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;padding:10px 20px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s}.btn:focus-visible{box-shadow:var(--brand-focus-ring);outline:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--accent{background-color:var(--brand-accent);color:var(--brand-accent-contrast-text);border-color:var(--brand-accent)}.btn--accent:hover:not(:disabled){background-color:var(--brand-accent-strong);transform:translateY(-2px);box-shadow:0 8px 16px #3498db40}.btn--secondary{background-color:var(--brand-surface);color:var(--brand-heading);border-color:var(--brand-border)}.btn--secondary:hover:not(:disabled){background-color:var(--brand-background);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}#wheel-container{justify-content:center;align-items:center;width:100%;margin:0;display:flex;position:relative}#indicator{filter:drop-shadow(0 1px 2px #000000b3);z-index:2;pointer-events:none;border-bottom:22px solid #e74c3c;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(57deg)}canvas{background:#fff;border:5px solid #ffffff8c;border-radius:50%;width:100%;max-width:450px;height:auto;display:block}.spinner-controls{justify-content:center;gap:12px;width:100%;display:flex}.btn-spin{color:#fff;background:linear-gradient(to bottom right,#3498dbf2,#2980b9f2);border-color:#ffffff40;min-width:160px;padding:16px 40px;font-size:1.1rem;box-shadow:0 6px 20px #3498db4d}.btn-spin:hover:not(:disabled){transform:translateY(-4px);box-shadow:0 14px 28px #3498db66}.result-display{background:var(--brand-surface);border:2px solid var(--brand-accent);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:70px;padding:1.25rem;display:flex}.result-value{color:var(--brand-accent-strong);text-align:center;justify-content:center;align-items:center;min-height:2.2em;font-size:2rem;font-weight:700;line-height:1.2;display:flex}.result-image{border-radius:var(--radius-md);object-fit:contain;max-width:100%;max-height:140px;display:block}.form-tip{color:var(--brand-subtle-text);text-align:center;margin:0;padding:0;font-size:.9rem;font-style:italic}@media (width<=1024px){.spinner-layout{grid-template-columns:1fr;gap:1.5rem}.spinner-page{padding:1.5rem var(--layout-gutter)}.page-hero,.spinner-form{padding:1.5rem}}@media (width<=640px){.spinner-page{padding:1rem var(--layout-gutter);gap:1.5rem}.page-hero,.spinner-form{padding:1.5rem}.spinner-layout{grid-template-columns:1fr;gap:1.5rem}.form-group textarea{min-height:100px}.form-actions{gap:8px}.btn{padding:9px 16px;font-size:.9rem}.btn-spin{padding:12px 24px;font-size:1rem}#indicator{border-bottom-width:18px;border-left-width:10px;border-right-width:10px;top:-10px}canvas{border-width:4px;max-width:350px}.result-value{font-size:1.4rem}}