:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home.svelte-7o30nl{min-height:100vh;padding:4rem 2rem;max-width:1200px;margin:0 auto}.hero.svelte-7o30nl{text-align:center;margin-bottom:3rem}h1.svelte-7o30nl{font-size:3.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline.svelte-7o30nl{font-size:1.25rem;color:#666}.section-title.svelte-7o30nl{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#888;margin:2rem 0 1rem}.features.svelte-7o30nl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1rem}.feature-card.svelte-7o30nl{background:#fff;border-radius:12px;padding:1.5rem;text-decoration:none;color:inherit;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #eee}.feature-card.svelte-7o30nl:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.feature-card.accent.svelte-7o30nl{background:linear-gradient(135deg,#667eea15,#764ba215);border-color:#667eea30}.icon.svelte-7o30nl{font-size:1.5rem;margin-bottom:.75rem;width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px}.feature-card.svelte-7o30nl h3:where(.svelte-7o30nl){font-size:1.1rem;margin-bottom:.25rem;color:#333}.feature-card.svelte-7o30nl p:where(.svelte-7o30nl){color:#666;font-size:.85rem;margin:0}.usage-section.svelte-7o30nl{margin-top:4rem;max-width:700px;margin-left:auto;margin-right:auto}.usage-section.svelte-7o30nl h2:where(.svelte-7o30nl){text-align:center;margin-bottom:2rem;color:#333}.code-block.svelte-7o30nl{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #00000014}.code-block.svelte-7o30nl h4:where(.svelte-7o30nl){margin:0 0 .75rem;color:#667eea;font-size:.9rem}pre.svelte-7o30nl{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-7o30nl{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem;line-height:1.5}@media(max-width:600px){h1.svelte-7o30nl{font-size:2.5rem}.home.svelte-7o30nl{padding:2rem 1rem}}.demo-page.svelte-p2p7i4{padding:2rem;max-width:800px;margin:0 auto}.back-link.svelte-p2p7i4{color:#667eea;text-decoration:none;font-size:.9rem}.back-link.svelte-p2p7i4:hover{text-decoration:underline}h1.svelte-p2p7i4{font-size:2.5rem;margin:1rem 0 .5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.intro.svelte-p2p7i4{color:#666;margin-bottom:3rem}.demo-section.svelte-p2p7i4{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-p2p7i4{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-p2p7i4>p:where(.svelte-p2p7i4){color:#666;margin-bottom:1rem;font-size:.9rem}.demo-area.svelte-p2p7i4{min-height:100px;background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.demo-area-large.svelte-p2p7i4{min-height:140px}.box.svelte-p2p7i4{width:60px;height:60px;background:#667eea;border-radius:8px}.button-group.svelte-p2p7i4{display:flex;gap:.5rem;margin-bottom:1rem}button.svelte-p2p7i4{padding:.5rem 1.5rem;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:opacity .2s ease,transform .2s ease}button.svelte-p2p7i4:hover{opacity:.9;transform:translateY(-1px)}button.svelte-p2p7i4:active{transform:translateY(0)}button.secondary.svelte-p2p7i4{background:#e0e0e0;color:#333}button.secondary.svelte-p2p7i4:hover{background:#d0d0d0}pre.svelte-p2p7i4{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-p2p7i4{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem;line-height:1.5}.demo-page.svelte-1j5l32u{padding:2rem;max-width:800px;margin:0 auto}.back-link.svelte-1j5l32u{color:#667eea;text-decoration:none;font-size:.9rem}.back-link.svelte-1j5l32u:hover{text-decoration:underline}h1.svelte-1j5l32u{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-1j5l32u{color:#666;margin-bottom:3rem}.demo-section.svelte-1j5l32u{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-1j5l32u{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-1j5l32u>p:where(.svelte-1j5l32u){color:#666;margin-bottom:1rem;font-size:.9rem}.demo-area.svelte-1j5l32u{min-height:120px;background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.basic-container.svelte-1j5l32u{display:flex;flex-direction:column;gap:.75rem}.basic-box.svelte-1j5l32u{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.position-demo.svelte-1j5l32u{flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem 1.5rem}.position-row.svelte-1j5l32u{display:flex;align-items:center;gap:1rem}.position-box.svelte-1j5l32u{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}.position-label.svelte-1j5l32u{font-size:.85rem;color:#666}.position-label.svelte-1j5l32u code:where(.svelte-1j5l32u){background:#e9ecef;padding:.15rem .4rem;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:#764ba2;margin-right:.25rem}.control-container.svelte-1j5l32u{display:flex;gap:.5rem;padding-bottom:1rem}.control-box.svelte-1j5l32u{width:45px;height:45px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.button-group.svelte-1j5l32u{display:flex;gap:.5rem;margin-bottom:1rem}button.svelte-1j5l32u{padding:.5rem 1.5rem;border:none;background:#667eea;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}button.svelte-1j5l32u:hover{background:#5a6fd6}button.secondary.svelte-1j5l32u{background:#e9ecef;color:#495057}button.secondary.svelte-1j5l32u:hover{background:#dee2e6}pre.svelte-1j5l32u{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-1j5l32u{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem;line-height:1.5}.demo-page.svelte-1btqper{padding:2rem;max-width:900px;margin:0 auto}.back-link.svelte-1btqper{color:#8b5cf6;text-decoration:none;font-size:.9rem}h1.svelte-1btqper{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-1btqper{color:#666;margin-bottom:3rem}.demo-section.svelte-1btqper{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-1btqper{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-1btqper>p:where(.svelte-1btqper){color:#666;margin-bottom:1rem;font-size:.9rem}.gallery-section.svelte-1btqper{max-height:600px;overflow-y:auto}.gallery-controls.svelte-1btqper{display:flex;gap:.5rem;margin-bottom:1rem}.gallery-container.svelte-1btqper{display:flex;flex-direction:column;gap:.75rem}.gallery-row.svelte-1btqper{display:flex;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.gallery-row.svelte-1btqper:last-child{border-bottom:none}.ease-info.svelte-1btqper{width:200px;flex-shrink:0}.ease-name.svelte-1btqper{display:block;font-size:.8rem;color:#8b5cf6;background:#f3f0ff;padding:.25rem .5rem;border-radius:4px;margin-bottom:.25rem}.ease-desc.svelte-1btqper{font-size:.75rem;color:#888}.track.svelte-1btqper{flex:1;height:36px;background:linear-gradient(135deg,#f8f4ff,#f0e6ff);border-radius:6px;position:relative;overflow:hidden}.gallery-box.svelte-1btqper{width:36px;height:36px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:6px;position:absolute;left:0;top:0}.explanation-cards.svelte-1btqper{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.exp-card.svelte-1btqper{background:#f8f4ff;padding:1rem;border-radius:8px;text-align:center}.exp-card.svelte-1btqper h4:where(.svelte-1btqper){color:#8b5cf6;margin:0 0 .5rem;font-size:1rem}.exp-card.svelte-1btqper p:where(.svelte-1btqper){color:#666;font-size:.8rem;margin:0;line-height:1.4}.demo-area.svelte-1btqper{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.inout-demo.svelte-1btqper{display:flex;flex-direction:column;gap:.75rem}.inout-row.svelte-1btqper{display:flex;align-items:center;gap:1rem}.inout-label.svelte-1btqper{width:120px;font-size:.8rem;color:#8b5cf6;flex-shrink:0}.inout-box.svelte-1btqper{width:36px;height:36px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:6px;position:absolute;left:0;top:0}.compare-controls.svelte-1btqper{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.select-group.svelte-1btqper{display:flex;flex-direction:column;gap:.25rem}.select-group.svelte-1btqper label:where(.svelte-1btqper){font-size:.75rem;color:#666;font-weight:500}.select-group.svelte-1btqper select:where(.svelte-1btqper){padding:.5rem 1rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer;min-width:180px}.select-group.svelte-1btqper select:where(.svelte-1btqper):focus{outline:none;border-color:#8b5cf6}.vs.svelte-1btqper{color:#888;font-weight:600;padding-top:1rem}.compare-demo.svelte-1btqper{display:flex;flex-direction:column;gap:.75rem}.compare-row.svelte-1btqper{display:flex;align-items:center;gap:1rem}.compare-label.svelte-1btqper{width:80px;font-size:.8rem;font-weight:600;flex-shrink:0}.compare-label.purple.svelte-1btqper{color:#8b5cf6}.compare-label.orange.svelte-1btqper{color:#f97316}.compare-box.svelte-1btqper{width:36px;height:36px;border-radius:6px;position:absolute;left:0;top:0}.compare-box.purple.svelte-1btqper{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.compare-box.orange.svelte-1btqper{background:linear-gradient(135deg,#f97316,#ea580c)}.tips-grid.svelte-1btqper{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.tip-card.svelte-1btqper{background:#f8f4ff;padding:1.25rem;border-radius:10px;border:1px solid #e9e0ff}.tip-icon.svelte-1btqper{font-size:1.5rem;margin-bottom:.5rem}.tip-card.svelte-1btqper h4:where(.svelte-1btqper){color:#333;margin:0 0 .5rem;font-size:.95rem}.tip-card.svelte-1btqper p:where(.svelte-1btqper){color:#666;font-size:.8rem;margin:0 0 .75rem;line-height:1.5}.tip-card.svelte-1btqper code:where(.svelte-1btqper){font-size:.75rem;color:#8b5cf6}.tip-code.svelte-1btqper{display:block;background:#fff;padding:.5rem;border-radius:4px;font-size:.75rem}.button-row.svelte-1btqper{display:flex;gap:.5rem;flex-wrap:wrap}button.svelte-1btqper{padding:.5rem 1.5rem;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:transform .15s ease,box-shadow .15s ease}button.svelte-1btqper:hover{transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}button.secondary.svelte-1btqper{background:#e5e5e5;color:#666}button.secondary.svelte-1btqper:hover{background:#d4d4d4;box-shadow:none;transform:none}pre.svelte-1btqper{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-1btqper{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem}@media(max-width:640px){.explanation-cards.svelte-1btqper{grid-template-columns:1fr}.ease-info.svelte-1btqper{width:140px}.compare-controls.svelte-1btqper{flex-direction:column;align-items:flex-start}.vs.svelte-1btqper{padding-top:0}}.demo-page.svelte-1r6o2ux{padding:2rem;max-width:800px;margin:0 auto}.back-link.svelte-1r6o2ux{color:#667eea;text-decoration:none;font-size:.9rem}h1.svelte-1r6o2ux{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-1r6o2ux{color:#666;margin-bottom:3rem}.demo-section.svelte-1r6o2ux{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-1r6o2ux{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-1r6o2ux>p:where(.svelte-1r6o2ux){color:#666;margin-bottom:1rem;font-size:.9rem}.demo-area.svelte-1r6o2ux{min-height:100px;background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.item-row.svelte-1r6o2ux{display:flex;gap:.75rem}.list-item.svelte-1r6o2ux{width:50px;height:50px;background:#667eea;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.grid-container.svelte-1r6o2ux{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.grid-item.svelte-1r6o2ux{width:40px;height:40px;background:#667eea;border-radius:6px}.cascade-container.svelte-1r6o2ux{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:300px}.cascade-item.svelte-1r6o2ux{padding:.75rem 1rem;background:#667eea;color:#fff;border-radius:6px}.shuffle-container.svelte-1r6o2ux{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.shuffle-item.svelte-1r6o2ux{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.wave-container.svelte-1r6o2ux{display:flex;gap:.5rem;align-items:flex-end;height:60px}.wave-item.svelte-1r6o2ux{width:30px;height:40px;background:#667eea;border-radius:4px}button.svelte-1r6o2ux{padding:.5rem 1.5rem;border:none;background:#667eea;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:1rem}button.svelte-1r6o2ux:hover{background:#5a6fd6}pre.svelte-1r6o2ux{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-1r6o2ux{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.demo-page.svelte-76nu97{padding:2rem;max-width:800px;margin:0 auto;position:relative}.progress-bar.svelte-76nu97{position:fixed;top:0;left:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform-origin:left center;z-index:100}.back-link.svelte-76nu97{color:#667eea;text-decoration:none;font-size:.9rem}h1.svelte-76nu97{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-76nu97{color:#666;margin-bottom:3rem}.demo-section.svelte-76nu97{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-76nu97{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-76nu97>p:where(.svelte-76nu97){color:#666;margin-bottom:1rem;font-size:.9rem}.scroll-area.svelte-76nu97{min-height:300px;display:flex;flex-direction:column;gap:2rem;padding:2rem 0}.reveal-box.svelte-76nu97{padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;text-align:center;font-weight:500}.batch-grid.svelte-76nu97{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.batch-item.svelte-76nu97{height:80px;background:#667eea;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.spacer.svelte-76nu97{height:50vh;display:flex;align-items:center;justify-content:center;color:#888}pre.svelte-76nu97{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-76nu97{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.demo-page.svelte-1x324yp{padding:2rem;max-width:800px;margin:0 auto}.back-link.svelte-1x324yp{color:#667eea;text-decoration:none;font-size:.9rem}h1.svelte-1x324yp{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-1x324yp{color:#666;margin-bottom:3rem}.demo-section.svelte-1x324yp{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-1x324yp{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-1x324yp>p:where(.svelte-1x324yp){color:#666;margin-bottom:1rem;font-size:.9rem}.demo-area.svelte-1x324yp{min-height:100px;background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.demo-area.dark.svelte-1x324yp{background:linear-gradient(135deg,#1a1a2e,#16213e)}.text-display.svelte-1x324yp{color:#fff;font-size:1.75rem;margin:0;text-align:center}.text-display.mono.svelte-1x324yp{font-family:SF Mono,Monaco,monospace;letter-spacing:.05em}.text-display.counter.svelte-1x324yp{font-size:3rem;font-variant-numeric:tabular-nums}button.svelte-1x324yp{padding:.5rem 1.5rem;border:none;background:#667eea;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:1rem}button.svelte-1x324yp:hover{background:#5a6fd6}pre.svelte-1x324yp{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-1x324yp{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.demo-page.svelte-yc35h{padding:2rem;max-width:800px;margin:0 auto}.back-link.svelte-yc35h{color:#8b5cf6;text-decoration:none;font-size:.9rem}.back-link.svelte-yc35h:hover{text-decoration:underline}h1.svelte-yc35h{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-yc35h{color:#666;margin-bottom:3rem}.demo-section.svelte-yc35h{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-yc35h{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-yc35h>p:where(.svelte-yc35h){color:#666;margin-bottom:1rem;font-size:.9rem}.demo-area.svelte-yc35h{min-height:120px;background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.svg-area.svelte-yc35h{background:linear-gradient(135deg,#1a1a2e,#16213e)}.svg-container.svelte-yc35h{width:100%;max-width:300px;height:auto}.morph-svg.svelte-yc35h,.transform-svg.svelte-yc35h{max-width:150px}.gradient-svg.svelte-yc35h{max-width:250px}button.svelte-yc35h{padding:.5rem 1.5rem;border:none;background:#8b5cf6;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;margin-bottom:1rem;transition:background .2s}button.svelte-yc35h:hover{background:#7c3aed}button.active.svelte-yc35h{background:#6d28d9;box-shadow:0 0 0 2px #a78bfa}.button-group.svelte-yc35h{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.button-group.svelte-yc35h button:where(.svelte-yc35h){margin-bottom:0}pre.svelte-yc35h{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-yc35h{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem;white-space:pre}.demo-page.svelte-flgb8b{padding:2rem;max-width:800px;margin:0 auto}.back-link.svelte-flgb8b{color:#8b5cf6;text-decoration:none;font-size:.9rem}.back-link.svelte-flgb8b:hover{text-decoration:underline}h1.svelte-flgb8b{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-flgb8b{color:#666;margin-bottom:3rem}.demo-section.svelte-flgb8b,.tips-section.svelte-flgb8b{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-flgb8b{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-flgb8b>p:where(.svelte-flgb8b){color:#666;margin-bottom:1rem;font-size:.9rem}.demo-area.svelte-flgb8b{min-height:200px;background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.drag-box.svelte-flgb8b{width:100px;height:100px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;cursor:grab;-webkit-user-select:none;user-select:none;box-shadow:0 8px 20px #8b5cf640}.drag-box.svelte-flgb8b:active{cursor:grabbing}.drag-box.basic.svelte-flgb8b{background:linear-gradient(135deg,#8b5cf6,#a855f7)}.drag-box.bounded.svelte-flgb8b{width:70px;height:70px;font-size:.8rem}.drag-box.throw.svelte-flgb8b{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.bounds-container.svelte-flgb8b{width:100%;max-width:400px;height:160px;border:2px dashed #c4b5fd;border-radius:12px;background:#8b5cf60d;position:relative;display:flex;align-items:center;justify-content:center}.throw-container.svelte-flgb8b{width:100%;max-width:500px;height:180px;border:2px solid #ddd6fe;border-radius:12px;background:linear-gradient(135deg,#8b5cf608,#a78bfa0d);position:relative;display:flex;align-items:center;justify-content:center}.rotation-dial.svelte-flgb8b{width:120px;height:120px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;cursor:grab;position:relative;box-shadow:0 8px 25px #8b5cf64d;border:4px solid #ede9fe}.rotation-dial.svelte-flgb8b:active{cursor:grabbing}.dial-arrow.svelte-flgb8b{position:absolute;top:50%;left:50%;width:4px;height:45px;background:#fff;border-radius:2px;transform:translate(-50%,-100%);transform-origin:center bottom;box-shadow:0 2px 8px #0003}.dial-arrow.svelte-flgb8b:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid white}.slider-wrapper.svelte-flgb8b{width:100%;max-width:350px;display:flex;flex-direction:column;align-items:center;gap:1rem}.slider-track.svelte-flgb8b{width:100%;height:12px;background:#e5e7eb;border-radius:6px;position:relative;overflow:visible}.slider-fill.svelte-flgb8b{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:6px;pointer-events:none}.slider-handle.svelte-flgb8b{position:absolute;top:50%;left:0;width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:50%;transform:translateY(-50%);cursor:grab;box-shadow:0 4px 12px #8b5cf659;border:3px solid white;z-index:10}.slider-handle.svelte-flgb8b:active{cursor:grabbing}.slider-value.svelte-flgb8b{font-size:2rem;font-weight:700;color:#7c3aed;font-variant-numeric:tabular-nums}.tips-section.svelte-flgb8b ul:where(.svelte-flgb8b){margin:0;padding-left:1.25rem;list-style-type:disc}.tips-section.svelte-flgb8b li:where(.svelte-flgb8b){margin-bottom:.75rem;color:#555;line-height:1.5}.tips-section.svelte-flgb8b li:where(.svelte-flgb8b):last-child{margin-bottom:0}.tips-section.svelte-flgb8b code:where(.svelte-flgb8b){background:#f3e8ff;color:#7c3aed;padding:.15rem .4rem;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.tips-section.svelte-flgb8b strong:where(.svelte-flgb8b){color:#333}pre.svelte-flgb8b{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-flgb8b{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem}.demo-page.svelte-1gweosj{padding:2rem;max-width:800px;margin:0 auto}.back-link.svelte-1gweosj{color:#667eea;text-decoration:none;font-size:.9rem}h1.svelte-1gweosj{font-size:2.5rem;margin:1rem 0 .5rem;color:#333}.intro.svelte-1gweosj{color:#666;margin-bottom:3rem}.demo-section.svelte-1gweosj{margin-bottom:3rem;padding:1.5rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}h2.svelte-1gweosj{font-size:1.25rem;color:#333;margin-bottom:.5rem}.demo-section.svelte-1gweosj>p:where(.svelte-1gweosj){color:#666;margin-bottom:1rem;font-size:.9rem}.demo-area.svelte-1gweosj{min-height:100px;background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.demo-area.dark.svelte-1gweosj{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:120px}.demo-area.scroll-demo.svelte-1gweosj{max-height:200px;overflow-y:auto}.scroll-hint.svelte-1gweosj{text-align:center;color:#888}.spacer.svelte-1gweosj{height:150px}.button-row.svelte-1gweosj{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.box-row.svelte-1gweosj{display:flex;gap:1rem;min-height:60px;align-items:center}.box.svelte-1gweosj{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:500}.animated-text.svelte-1gweosj{color:#fff;font-size:1.5rem;margin:.5rem 0}.stagger-list.svelte-1gweosj{list-style:none;padding:0;margin:1rem 0 0}.stagger-list.svelte-1gweosj li:where(.svelte-1gweosj){padding:.75rem 1rem;background:#667eea;color:#fff;border-radius:6px;margin-bottom:.5rem}button.svelte-1gweosj{padding:.5rem 1rem;border:none;background:#667eea;color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem}button.svelte-1gweosj:hover{background:#5a6fd6}pre.svelte-1gweosj{background:#1e1e1e;padding:1rem;border-radius:8px;overflow-x:auto;margin:0}code.svelte-1gweosj{color:#d4d4d4;font-family:SF Mono,Monaco,monospace;font-size:.8rem}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333;line-height:1.6}main.svelte-1n46o8q{min-height:100vh}