.spinner-stage.svelte-biryy7{min-width:0;color:var(--shop-text,var(--ink));gap:12px;display:grid}.spinner-surface.svelte-biryy7{border:1px solid var(--shop-line,var(--edge));background:radial-gradient(ellipse at 50% 44%, #54b9ac28, transparent 65%), var(--shop-raised,var(--paper-2));border-radius:18px;min-width:0;position:relative;overflow:hidden}canvas.svelte-biryy7{touch-action:none;cursor:grab;width:100%;height:300px;display:block}canvas.svelte-biryy7:active{cursor:grabbing}.compact.svelte-biryy7 canvas:where(.svelte-biryy7){height:220px}.bearing-label.svelte-biryy7{inset-inline:12px;text-align:center;letter-spacing:.16em;color:var(--shop-muted,var(--ink-soft));pointer-events:none;font-size:10px;font-weight:600;position:absolute;bottom:12px}.preview-error.svelte-biryy7{text-align:center;font-size:13px;position:absolute;inset:30%}.spinner-feedback.svelte-biryy7{color:var(--shop-muted,var(--ink-soft));justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.speed-dots.svelte-biryy7{gap:5px;display:flex}.speed-dots.svelte-biryy7 i:where(.svelte-biryy7){background:var(--shop-line,var(--edge));border-radius:50%;width:6px;height:6px}.speed-dots.svelte-biryy7 i.active:where(.svelte-biryy7){background:var(--shop-mint,var(--teal))}.spinner-controls.svelte-biryy7{flex-wrap:wrap;gap:10px;display:flex}.spinner-controls.svelte-biryy7 button:where(.svelte-biryy7){min-height:48px;padding:12px 18px;font-size:14px}.spinner-flick.svelte-biryy7{color:#2c352b;background:linear-gradient(#ffd579,#edb044);border-color:#dba049;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.spinner-flick.svelte-biryy7 span:where(.svelte-biryy7){font-size:24px;line-height:1}.spinner-hint.svelte-biryy7{color:var(--shop-muted,var(--ink-soft));margin:0;font-size:12px;line-height:1.6}.in-hand.svelte-biryy7{pointer-events:none;display:block;position:absolute;inset:0}.in-hand.svelte-biryy7 .spinner-surface:where(.svelte-biryy7){pointer-events:none;background:0 0;border:0;border-radius:0;position:absolute;inset:0;overflow:visible}.in-hand.svelte-biryy7 canvas:where(.svelte-biryy7),.compact.in-hand.svelte-biryy7 canvas:where(.svelte-biryy7){cursor:default;width:100%;height:100%}.spinner-grip.svelte-biryy7{left:var(--grip-x,50%);top:var(--grip-y,50%);width:var(--grip-size,46%);aspect-ratio:1;pointer-events:auto;touch-action:none;cursor:grab;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.spinner-grip.svelte-biryy7:active{cursor:grabbing}.spinner-grip.svelte-biryy7:focus-visible{outline:3px solid var(--teal,#17b3a3);outline-offset:4px}.in-hand.svelte-biryy7 .bearing-label:where(.svelte-biryy7),.in-hand.svelte-biryy7 .spinner-hint:where(.svelte-biryy7){display:none}.in-hand.svelte-biryy7 .spinner-feedback:where(.svelte-biryy7){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=400px){canvas.svelte-biryy7{height:260px}.compact.svelte-biryy7 canvas:where(.svelte-biryy7){height:210px}}.spinner-style-picker.svelte-xw6i0i{gap:10px;display:grid}.styles.svelte-xw6i0i{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.style.svelte-xw6i0i{justify-items:center;gap:4px;min-height:64px;padding:8px 6px;font-size:12px;display:grid}.style[aria-pressed=true].svelte-xw6i0i{border-color:var(--teal-2,#17b3a3);box-shadow:0 0 0 2px var(--teal-2,#17b3a3)}.style.svelte-xw6i0i svg:where(.svelte-xw6i0i){fill:currentColor;fill-rule:evenodd;width:26px;height:26px}.colors.svelte-xw6i0i{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.swatch.svelte-xw6i0i{border:2px solid var(--edge,#2b2f45);width:28px;height:28px;min-height:0;box-shadow:none;border-radius:50%;padding:0}.swatch[aria-pressed=true].svelte-xw6i0i{outline:3px solid var(--teal-2,#17b3a3);outline-offset:2px}.custom.svelte-xw6i0i{border:2px dashed var(--edge,#2b2f45);background:conic-gradient(#ff6b57,#ffc93c,#2fbf71,#3d7bff,#8e5cf7,#ff6b57);border-radius:50%;width:28px;height:28px;position:relative;overflow:hidden}.custom.svelte-xw6i0i input:where(.svelte-xw6i0i){opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.compact.svelte-xw6i0i .style:where(.svelte-xw6i0i){min-height:54px;font-size:11px}.compact.svelte-xw6i0i .swatch:where(.svelte-xw6i0i),.compact.svelte-xw6i0i .custom:where(.svelte-xw6i0i){width:24px;height:24px}