.dw{max-width:56rem;color:var(--foreground);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.dw-head h1{letter-spacing:-.02em;font-size:1.9rem;font-weight:700}.dw-sub{color:var(--muted);margin-top:.6rem;font-size:.95rem;line-height:1.6}.dw-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:2rem;display:grid}.dw-wheel-wrap{aspect-ratio:1;width:100%;max-width:24rem;margin:0 auto;position:relative}.dw-canvas{width:100%;height:100%;display:block}.dw-pointer{border-left:12px solid #0000;border-right:12px solid #0000;border-top:20px solid var(--accent);z-index:3;filter:drop-shadow(0 1px 2px #0000004d);width:0;height:0;position:absolute;top:-2px;left:50%;transform:translate(-50%)}.dw-spin{border:2px solid var(--accent);background:var(--background);width:4.2rem;height:4.2rem;color:var(--accent);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;z-index:4;border-radius:50%;font-size:.85rem;font-weight:700;transition:transform 50ms,background .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dw-spin:hover:not(:disabled){background:var(--accent);color:var(--accent-foreground)}.dw-spin:active:not(:disabled){transform:translate(-50%,-50%)scale(.95)}.dw-spin:disabled{opacity:.5;cursor:not-allowed}.dw-panel{flex-direction:column;gap:.9rem;display:flex}.dw-result{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.6rem;min-height:3rem;padding:.75rem 1rem;display:flex}.dw-result[data-has="1"]{border-color:var(--accent)}.dw-result-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem}.dw-result strong{font-size:1.25rem;font-weight:700}.dw-result-idle{color:var(--muted);font-size:.9rem}.dw-options{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.dw-option{align-items:center;gap:.5rem;display:flex}.dw-swatch{border-radius:4px;flex-shrink:0;width:.9rem;height:.9rem}.dw-label-input{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--foreground);border-radius:8px;flex:1;padding:.4rem .6rem;font-size:.88rem}.dw-label-input:focus{border-color:var(--accent);outline:none}.dw-weight{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:.3rem;font-size:.8rem;display:inline-flex}.dw-weight button{border:1px solid var(--border);background:var(--surface);width:1.4rem;height:1.4rem;color:var(--foreground);cursor:pointer;border-radius:6px;line-height:1}.dw-weight button:hover{border-color:var(--accent)}.dw-weight span{text-align:center;min-width:1ch;color:var(--foreground)}.dw-remove{border:1px solid var(--border);background:var(--background);width:1.5rem;height:1.5rem;color:var(--muted);cursor:pointer;border-radius:6px;flex-shrink:0;line-height:1}.dw-remove:hover{color:#ef4444;border-color:#ef4444}.dw-btn{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface);color:var(--foreground);cursor:pointer;border-radius:9px;align-self:flex-start;padding:.45rem .85rem;font-size:.82rem;transition:border-color .15s}.dw-btn:hover{border-color:var(--accent)}.dw-btn.ghost{background:0 0;padding:.3rem .6rem;font-size:.75rem}@media (max-width:640px){.dw-body{grid-template-columns:1fr}}