body{overflow-y:auto!important}.demo-container.svelte-z8tvmb{padding:20px 15px;font-family:sans-serif;max-width:100%;margin:0 auto}h1.svelte-z8tvmb{text-align:center;color:#333;font-size:1.5rem;margin-bottom:20px}.comparison.svelte-z8tvmb{display:flex;flex-direction:column;gap:30px;justify-content:center;margin:20px 0;align-items:center}.test-section.svelte-z8tvmb{text-align:center;position:relative;width:100%;max-width:320px}.test-section.svelte-z8tvmb h2:where(.svelte-z8tvmb){color:#444;margin-bottom:8px;font-size:1.1rem}.test-section.svelte-z8tvmb p:where(.svelte-z8tvmb){color:#666;margin-bottom:15px;font-size:13px}.ripple-container.svelte-z8tvmb{width:100%;max-width:280px;height:280px;background-size:contain;background-position:center;background-repeat:no-repeat;border:2px solid #ddd;position:relative;margin:0 auto 15px}@media (min-width: 768px){.demo-container.svelte-z8tvmb{padding:40px;max-width:1200px}h1.svelte-z8tvmb{font-size:2rem;margin-bottom:30px}.comparison.svelte-z8tvmb{flex-direction:row;gap:60px;margin:40px 0}.test-section.svelte-z8tvmb{max-width:none}.test-section.svelte-z8tvmb h2:where(.svelte-z8tvmb){font-size:1.5rem;margin-bottom:10px}.test-section.svelte-z8tvmb p:where(.svelte-z8tvmb){font-size:14px;margin-bottom:20px}.ripple-container.svelte-z8tvmb{width:400px;height:400px;max-width:none;margin:0 auto 20px}}button.svelte-z8tvmb{padding:12px 24px;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;touch-action:manipulation;min-height:44px}button.svelte-z8tvmb:hover{background:#0052a3}button.svelte-z8tvmb:active{transform:translateY(1px)}.instructions.svelte-z8tvmb{background:#f5f5f5;padding:15px;border-radius:8px;margin-top:30px;font-size:14px}@media (min-width: 768px){button.svelte-z8tvmb{padding:10px 20px;min-height:auto}.instructions.svelte-z8tvmb{padding:20px;margin-top:40px;font-size:inherit}}.instructions.svelte-z8tvmb h3:where(.svelte-z8tvmb){margin-top:0;color:#333;font-size:1rem}.instructions.svelte-z8tvmb ul:where(.svelte-z8tvmb){margin:8px 0;padding-left:16px}.instructions.svelte-z8tvmb li:where(.svelte-z8tvmb){margin:4px 0;color:#555;font-size:13px;line-height:1.4}@media (min-width: 768px){.instructions.svelte-z8tvmb h3:where(.svelte-z8tvmb){font-size:1.2rem}.instructions.svelte-z8tvmb ul:where(.svelte-z8tvmb){margin:10px 0;padding-left:20px}.instructions.svelte-z8tvmb li:where(.svelte-z8tvmb){margin:5px 0;font-size:14px;line-height:1.5}}.note.svelte-z8tvmb{margin-top:20px;padding:15px;background:#fff3cd;border:1px solid #ffc107;border-radius:4px;color:#856404}