.scene-svg.svelte-giox8y,.scene-svg.svelte-95s9bt,.scene-svg.svelte-jwds44,.scene-svg.svelte-ybnj3u{width:100%;height:auto;display:block}.demo-container.svelte-v59c3i{background:var(--c3);border-radius:12px;padding:1.5rem;margin:2rem 0}.demo-header.svelte-v59c3i{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-header.svelte-v59c3i h3:where(.svelte-v59c3i){margin:0;font-size:1.2rem;color:var(--f1)}.play-btn.svelte-v59c3i{padding:.5rem 1.2rem;background:var(--c1);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease}.play-btn.svelte-v59c3i:hover{background:color-mix(in srgb,var(--c1) 85%,black)}.scene-viewport.svelte-v59c3i{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000001a;margin-bottom:1rem}.scene-nav.svelte-v59c3i{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.nav-btn.svelte-v59c3i{display:flex;flex-direction:column;align-items:center;padding:.75rem .5rem;background:#fff;border:2px solid var(--c2);border-radius:8px;cursor:pointer;transition:all .2s ease}.nav-btn.svelte-v59c3i:hover{border-color:var(--c1);background:var(--c3)}.nav-btn.active.svelte-v59c3i{border-color:var(--c1);background:var(--c1);color:#fff}.nav-num.svelte-v59c3i{font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.nav-btn.active.svelte-v59c3i .nav-num:where(.svelte-v59c3i){color:#fff}.nav-name.svelte-v59c3i{font-size:.85rem;font-weight:600;margin-bottom:.15rem}.nav-desc.svelte-v59c3i{font-size:.7rem;opacity:.7;text-align:center}.nav-btn.active.svelte-v59c3i .nav-desc:where(.svelte-v59c3i){opacity:.9}@media(max-width:600px){.scene-nav.svelte-v59c3i{grid-template-columns:repeat(2,1fr)}.demo-container.svelte-v59c3i{padding:1rem}}.demo-container.svelte-1y3ispu{background:var(--c3, #f8fafc);border-radius:12px;padding:1.25rem;border:1px solid var(--c2, #e2e8f0);margin:1.5rem 0}.demo-header.svelte-1y3ispu{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-header.svelte-1y3ispu h3:where(.svelte-1y3ispu){margin:0;font-size:1.1rem;color:var(--f1, #1e293b)}.play-btn.svelte-1y3ispu{padding:.4rem 1rem;background:var(--c1, #3b82f6);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.play-btn.svelte-1y3ispu:hover{background:color-mix(in srgb,var(--c1, #3b82f6) 85%,black)}.panel-wrapper.svelte-1y3ispu{position:relative;overflow:hidden;border-radius:8px;background:#0f172a}.panel.svelte-1y3ispu{will-change:transform}.panel-svg.svelte-1y3ispu{width:100%;height:auto;display:block}.nav-arrow.svelte-1y3ispu{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;font-size:1.5rem;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 8px #00000026}.nav-arrow.svelte-1y3ispu:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow.svelte-1y3ispu:disabled{opacity:.5;cursor:not-allowed}.nav-arrow.left.svelte-1y3ispu{left:10px}.nav-arrow.right.svelte-1y3ispu{right:10px}.type-info.svelte-1y3ispu{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid var(--c2, #e2e8f0)}.type-icon.svelte-1y3ispu{font-size:1.5rem}.type-name.svelte-1y3ispu{font-weight:600;color:var(--f1, #1e293b);font-size:1rem}.type-desc.svelte-1y3ispu{color:var(--f2, #64748b);font-size:.85rem}.progress-dots.svelte-1y3ispu{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot.svelte-1y3ispu{width:10px;height:10px;border-radius:50%;background:var(--c2, #cbd5e1);border:none;cursor:pointer;transition:all .2s ease;padding:0}.dot.svelte-1y3ispu:hover{background:var(--c1, #3b82f6);opacity:.6}.dot.active.svelte-1y3ispu{background:var(--c1, #3b82f6);transform:scale(1.2)}@media(max-width:500px){.nav-arrow.svelte-1y3ispu{width:28px;height:28px;font-size:1.2rem}.type-info.svelte-1y3ispu{flex-direction:column;gap:.25rem}}.demo-container.svelte-14zqzxe{background:var(--c3, #f8fafc);border-radius:12px;padding:1.25rem;border:1px solid var(--c2, #e2e8f0);margin:1.5rem 0}.demo-header.svelte-14zqzxe{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-header.svelte-14zqzxe h3:where(.svelte-14zqzxe){margin:0;font-size:1.1rem;color:var(--f1, #1e293b)}.play-btn.svelte-14zqzxe{padding:.4rem 1rem;background:var(--c1, #3b82f6);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.play-btn.svelte-14zqzxe:hover{background:color-mix(in srgb,var(--c1, #3b82f6) 85%,black)}.panel-wrapper.svelte-14zqzxe{position:relative;overflow:hidden;border-radius:8px;background:#0f172a}.panel.svelte-14zqzxe{will-change:transform}.panel-svg.svelte-14zqzxe{width:100%;height:auto;display:block}.nav-arrow.svelte-14zqzxe{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;font-size:1.5rem;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 8px #00000026}.nav-arrow.svelte-14zqzxe:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow.svelte-14zqzxe:disabled{opacity:.5;cursor:not-allowed}.nav-arrow.left.svelte-14zqzxe{left:10px}.nav-arrow.right.svelte-14zqzxe{right:10px}.type-info.svelte-14zqzxe{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid var(--c2, #e2e8f0)}.type-icon.svelte-14zqzxe{font-size:1.5rem}.type-name.svelte-14zqzxe{font-weight:600;color:var(--f1, #1e293b);font-size:1rem}.type-desc.svelte-14zqzxe{color:var(--f2, #64748b);font-size:.85rem}.progress-dots.svelte-14zqzxe{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot.svelte-14zqzxe{width:10px;height:10px;border-radius:50%;background:var(--c2, #cbd5e1);border:none;cursor:pointer;transition:all .2s ease;padding:0}.dot.svelte-14zqzxe:hover{background:var(--c1, #3b82f6);opacity:.6}.dot.active.svelte-14zqzxe{background:var(--c1, #3b82f6);transform:scale(1.2)}@media(max-width:500px){.nav-arrow.svelte-14zqzxe{width:28px;height:28px;font-size:1.2rem}.type-info.svelte-14zqzxe{flex-direction:column;gap:.25rem}}.demo-container.svelte-afuq7p{background:var(--c3, #f8fafc);border-radius:12px;padding:1.25rem;border:1px solid var(--c2, #e2e8f0);margin:1.5rem 0}.demo-header.svelte-afuq7p{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.demo-header.svelte-afuq7p h3:where(.svelte-afuq7p){margin:0;font-size:1.1rem;color:var(--f1, #1e293b)}.play-btn.svelte-afuq7p{padding:.4rem 1rem;background:var(--c1, #3b82f6);color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.play-btn.svelte-afuq7p:hover{background:color-mix(in srgb,var(--c1, #3b82f6) 85%,black)}.panel-wrapper.svelte-afuq7p{position:relative;overflow:hidden;border-radius:8px;background:#1a1a2e}.panel.svelte-afuq7p{will-change:transform}.panel-svg.svelte-afuq7p{width:100%;height:auto;display:block}.nav-arrow.svelte-afuq7p{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:none;font-size:1.5rem;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 2px 8px #00000026}.nav-arrow.svelte-afuq7p:hover:not(:disabled){background:#fff;transform:translateY(-50%) scale(1.1)}.nav-arrow.svelte-afuq7p:disabled{opacity:.5;cursor:not-allowed}.nav-arrow.left.svelte-afuq7p{left:10px}.nav-arrow.right.svelte-afuq7p{right:10px}.type-info.svelte-afuq7p{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1rem;padding:.75rem;background:#fff;border-radius:8px;border:1px solid var(--c2, #e2e8f0)}.type-icon.svelte-afuq7p{font-size:1.5rem}.type-name.svelte-afuq7p{font-weight:600;color:var(--f1, #1e293b);font-size:1rem}.type-desc.svelte-afuq7p{color:var(--f2, #64748b);font-size:.85rem}.progress-dots.svelte-afuq7p{display:flex;justify-content:center;gap:.5rem;margin-top:1rem}.dot.svelte-afuq7p{width:10px;height:10px;border-radius:50%;background:var(--c2, #cbd5e1);border:none;cursor:pointer;transition:all .2s ease;padding:0}.dot.svelte-afuq7p:hover{background:var(--c1, #3b82f6);opacity:.6}.dot.active.svelte-afuq7p{background:var(--c1, #3b82f6);transform:scale(1.2)}@media(max-width:500px){.nav-arrow.svelte-afuq7p{width:28px;height:28px;font-size:1.2rem}.type-info.svelte-afuq7p{flex-direction:column;gap:.25rem}}