:root{--wheel-border:#fff3}html.owo-overlay,html.owo-overlay body{background:0 0!important}.owo-page{max-width:960px;padding:1.5rem var(--layout-gutter);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.owo-hero{padding:2rem 2.5rem}.owo-hero .hero-eyebrow{text-transform:uppercase;letter-spacing:.15em;color:var(--brand-subtle-text);margin:0;font-size:.75rem;font-weight:800}.owo-hero h1{color:var(--brand-heading);margin:.5rem 0 0;font-size:2.2rem;font-weight:700}.owo-hero p{color:var(--brand-text);max-width:72ch;margin:.5rem 0 0;font-size:1rem;line-height:1.6}.owo-setup-panel{flex-direction:column;gap:1.5rem;padding:1.75rem 2rem;display:flex}.owo-setup-panel h2{color:var(--brand-heading);margin:0;font-size:1.15rem;font-weight:700}.owo-field{flex-direction:column;gap:.6rem;display:flex}.owo-label{color:var(--brand-heading);text-transform:uppercase;letter-spacing:.08em;font-size:.88rem;font-weight:700}.owo-hint{color:var(--brand-subtle-text);text-transform:none;letter-spacing:0;margin-left:.5rem;font-size:.82rem;font-weight:400}.owo-input,.owo-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);padding:.55rem .85rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.owo-input:focus,.owo-textarea:focus{border-color:var(--brand-accent,#9146ff);outline:none;box-shadow:0 0 0 3px #9146ff26}.owo-textarea{resize:vertical;min-height:100px;line-height:1.5}.owo-palette-grid{flex-wrap:wrap;gap:.5rem;display:flex}.owo-palette-btn{border:1.5px solid var(--brand-border);border-radius:var(--radius-md);background:var(--brand-surface);color:var(--brand-text);cursor:pointer;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.owo-palette-btn:hover{border-color:var(--brand-accent,#9146ff)}.owo-palette-btn.active{border-color:var(--brand-accent,#9146ff);background:#9146ff26;box-shadow:0 0 0 2px #9146ff33}.owo-swatches{gap:2px;display:flex}.owo-swatches span{border-radius:2px;width:8px;height:8px;display:inline-block}.owo-dims-row{flex-wrap:wrap;gap:1rem;display:flex}.owo-dims-row .owo-field{width:110px}.owo-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.owo-url-output{color:var(--brand-text);background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-md);word-break:break-all;margin-top:.25rem;padding:.65rem 1rem;font-size:.82rem;line-height:1.5}.owo-url-label{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-subtle-text);margin-bottom:.3rem;font-size:.78rem;font-weight:700}.owo-preview-wrap{flex-direction:column;align-items:flex-start;gap:.5rem;display:flex}.owo-preview-label{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-subtle-text);font-size:.78rem;font-weight:700}.owo-preview-tile{border-radius:var(--radius-md);background:repeating-conic-gradient(#888 0% 25%,#aaa 0% 50%) 0 0/14px 14px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:inline-flex}.owo-preview-tile .owo-canvas-wrap{line-height:0;display:inline-block;position:relative}.owo-wheels-row{flex-wrap:wrap;align-items:flex-start;gap:1rem;display:flex}html.owo-overlay body{margin:0;padding:0}html.owo-overlay .owo-page{padding:.5rem}html.owo-overlay .owo-hero,html.owo-overlay .owo-setup-panel,html.owo-overlay .owo-instructions,html.owo-overlay .seo-content-area,html.owo-overlay .site-header,html.owo-overlay .site-footer,html.owo-overlay .cookie-consent,html.owo-overlay .pwa-bottom-nav,html.owo-overlay .pwa-install-banner,html.owo-overlay .feedback-popup,html.owo-overlay .feedback-btn,html.owo-overlay .embed-section,html.owo-overlay .bg-orbs{display:none!important}.owo-wheel-unit{flex-direction:column;align-items:center;gap:.6rem;display:flex}.owo-canvas-wrap{line-height:0;display:inline-block;position:relative}.owo-indicator{border-left:9px solid #0000;border-right:9px solid #0000;border-top:20px solid var(--brand-accent,#9146ff);z-index:2;filter:drop-shadow(0 2px 3px #0009);width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.owo-canvas{border-radius:50%;display:block;box-shadow:0 6px 24px #00000073}.owo-wheel-title{color:#fff;text-shadow:0 1px 4px #000c;letter-spacing:.03em;font-size:.88rem;font-weight:700}.owo-spin-btn{font-family:var(--brand-font-family);border-radius:var(--radius-lg);cursor:pointer;background:var(--brand-accent,#9146ff);color:#fff;text-transform:uppercase;letter-spacing:.04em;border:none;padding:.55rem 1.8rem;font-size:.95rem;font-weight:800;transition:opacity .2s,transform .1s;box-shadow:0 3px 12px #0006}.owo-spin-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.owo-spin-btn:disabled{opacity:.5;cursor:not-allowed}.owo-result{color:#fff;text-shadow:0 1px 6px #000000e6;text-align:center;opacity:0;min-height:1.6rem;font-size:1.1rem;font-weight:800;transition:opacity .3s,transform .3s;transform:scale(.9)}.owo-result.shown{opacity:1;transform:scale(1)}.btn{border-radius:var(--radius-md);font-family:var(--brand-font-family);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;transition:opacity .2s,transform .1s,background .2s,border-color .2s;display:inline-flex}.btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--accent{background:var(--brand-accent,#9146ff);border-color:var(--brand-accent,#9146ff);color:#fff;box-shadow:0 2px 10px #9146ff4d}.btn--secondary{background:var(--brand-surface);border-color:var(--brand-border);color:var(--brand-text)}.btn--secondary:hover:not(:disabled){border-color:var(--brand-accent,#9146ff);color:var(--brand-heading)}.owo-instructions{flex-direction:column;gap:1.25rem;padding:2rem 2.5rem;display:flex}.owo-instructions h2{color:var(--brand-heading);margin:0;font-size:1.3rem;font-weight:700}.owo-instructions h3{color:var(--brand-heading);margin:.5rem 0 0;font-size:1rem;font-weight:700}.owo-instructions p,.owo-instructions li{color:var(--brand-text);font-size:.95rem;line-height:1.65}.owo-instructions ol,.owo-instructions ul{flex-direction:column;gap:.35rem;margin:0;padding-left:1.4rem;display:flex}.owo-tip{border-left:3px solid var(--brand-accent,#9146ff);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--brand-text);background:#9146ff1a;padding:.6rem 1rem;font-size:.88rem;line-height:1.55}code{background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;padding:.1em .4em;font-family:SF Mono,Fira Code,monospace;font-size:.85em}.seo-content-area{flex-direction:column;gap:1.1rem;padding:2rem 2.5rem;display:flex}.seo-content-area h2,.seo-content-area h3{color:var(--brand-heading);margin:0}.seo-content-area h2{font-size:1.25rem;font-weight:700}.seo-content-area h3{font-size:1rem;font-weight:700}.seo-content-area p,.seo-content-area li{color:var(--brand-text);margin:0;font-size:.95rem;line-height:1.7}.seo-content-area ul,.seo-content-area ol{flex-direction:column;gap:.3rem;margin:0;padding-left:1.4rem;display:flex}.seo-toc{background:var(--glass-bg,#ffffff0f);border:1px solid var(--glass-border,#ffffff1f);border-radius:var(--radius-md);padding:1rem 1.4rem}.seo-toc h3{text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--brand-subtle-text)!important;margin:0 0 .5rem!important;font-size:.82rem!important}.seo-toc ol{margin:0;padding-left:1.3rem}.seo-toc a,.owo-instructions a{color:var(--brand-accent,#9146ff);text-decoration:none}.seo-toc a:hover,.owo-instructions a:hover{text-decoration:underline}@media (width<=600px){.owo-page{padding:1rem var(--layout-gutter)}.owo-hero,.owo-instructions,.seo-content-area{padding:1.5rem 1.25rem}.owo-setup-panel{padding:1.25rem}}