.example-arrow.svelte-fwnkmu{flex-shrink:0;display:flex;align-items:center}.example-output-row.svelte-fwnkmu{display:flex;gap:4px;flex-shrink:0}.example-mini-box.svelte-fwnkmu{width:36px;height:36px;border:1.5px solid #27272a;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#18181b}.example-mini-label.svelte-fwnkmu{font-size:9px;color:#52525b;font-weight:600;letter-spacing:.02em}.style-preview.svelte-fwnkmu{width:24px;height:24px;border-radius:6px;flex-shrink:0;opacity:.5;transition:opacity .15s}.style-preview-none.svelte-fwnkmu{background:linear-gradient(135deg,#27272a,#3f3f46);border:1px dashed #52525b}.style-preview-match.svelte-fwnkmu{background:linear-gradient(135deg,#3b82f6,#8b5cf6)}.style-preview-cinematic.svelte-fwnkmu{background:linear-gradient(135deg,#f97316,#dc2626)}.style-active.svelte-fwnkmu .style-preview:where(.svelte-fwnkmu){opacity:1}.mode-toggle.svelte-fwnkmu{margin-bottom:16px;display:flex;gap:0;background:#18181b;border:1px solid #27272a;border-radius:10px;padding:3px;width:fit-content}.mode-pill.svelte-fwnkmu{padding:7px 18px;border-radius:8px;border:none;background:transparent;color:#71717a;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.mode-pill.svelte-fwnkmu:hover:not(.mode-active){color:#a1a1aa}.mode-active.svelte-fwnkmu{background:#c4ff001f;color:#c4ff00}.advanced-panel.svelte-fwnkmu{display:flex;flex-direction:column;gap:14px;border:1px solid #1e1e22;border-radius:10px;padding:14px 16px;background:#111114;margin-bottom:16px}.advanced-field.svelte-fwnkmu{display:flex;flex-direction:column;gap:6px}.advanced-label.svelte-fwnkmu{font-size:.75rem;color:#71717a;font-weight:500;letter-spacing:.03em}.advanced-input.svelte-fwnkmu{background:#0d0d0f;border:1px solid #27272a;border-radius:8px;padding:10px 12px;color:#e4e4e7;font-size:.85rem;outline:none;transition:border-color .15s}.advanced-input.svelte-fwnkmu::placeholder{color:#3f3f46}.advanced-input.svelte-fwnkmu:focus{border-color:#52525b}.results-strip.svelte-fwnkmu{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media(max-width:640px){.results-strip.svelte-fwnkmu{grid-template-columns:repeat(2,1fr);gap:8px}.example-mini-box.svelte-fwnkmu{width:28px;height:28px}.example-mini-label.svelte-fwnkmu{font-size:8px}}.spin-viewer.svelte-fwnkmu{max-width:400px;margin:0 auto 24px;border:1px solid #27272a;border-radius:12px;background:#111;padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.spin-image-wrap.svelte-fwnkmu{position:relative;width:100%;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:grab;background:#0a0a0a;touch-action:pan-y;user-select:none;-webkit-user-select:none}.spin-image-wrap.svelte-fwnkmu:focus-visible{outline:2px solid var(--color-primary, #c4ff00);outline-offset:2px}.spin-dragging.svelte-fwnkmu{cursor:grabbing}.spin-img.svelte-fwnkmu{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .15s ease;pointer-events:none}.spin-img-active.svelte-fwnkmu{opacity:1}.spin-info-row.svelte-fwnkmu{display:flex;align-items:center;justify-content:center;gap:8px}.spin-label.svelte-fwnkmu{font-size:.8rem;color:#888;letter-spacing:.03em;font-weight:500}.spin-frame-counter.svelte-fwnkmu{font-size:.75rem;color:#555;font-variant-numeric:tabular-nums;background:#1a1a1e;padding:2px 8px;border-radius:4px;border:1px solid #27272a}.spin-angle-count.svelte-fwnkmu{color:#555;font-size:.75rem}.spin-hint.svelte-fwnkmu{font-size:.65rem;color:#3f3f46;letter-spacing:.02em}.spin-controls.svelte-fwnkmu{display:flex;align-items:center;gap:12px}.spin-play-btn.svelte-fwnkmu{width:32px;height:32px;border-radius:50%;border:1px solid #27272a;background:transparent;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}.spin-play-btn.svelte-fwnkmu:hover{border-color:#555;color:#ccc}.spin-playing.svelte-fwnkmu{border-color:var(--color-primary, #c4ff00);color:var(--color-primary, #c4ff00)}.spin-playing.svelte-fwnkmu:hover{opacity:.8}.spin-speed-pills.svelte-fwnkmu{display:flex;gap:4px}.spin-speed-pill.svelte-fwnkmu{padding:4px 12px;border-radius:6px;border:1px solid #27272a;background:transparent;color:#666;font-size:.7rem;cursor:pointer;text-transform:capitalize;transition:border-color .15s,color .15s,background .15s}.spin-speed-pill.svelte-fwnkmu:hover:not(.spin-speed-active){border-color:#444;color:#999}.spin-speed-pill.svelte-fwnkmu input[type=radio]:where(.svelte-fwnkmu){display:none}.spin-speed-active.svelte-fwnkmu{border-color:var(--color-primary, #c4ff00);color:#fff;background:#c4ff0014}