body{overflow-y:auto!important}.demo-container.svelte-738zi7{padding:20px;font-family:sans-serif;max-width:1400px;margin:0 auto}h1.svelte-738zi7{text-align:center;color:#333;margin-bottom:30px}h2.svelte-738zi7{color:#555;margin:20px 0 15px;font-size:18px}.logos-section.svelte-738zi7{margin-bottom:40px}.logo-containers.svelte-738zi7{display:flex;gap:30px;justify-content:center;align-items:flex-end;margin-bottom:30px;flex-wrap:wrap}.logo-item.svelte-738zi7{display:flex;flex-direction:column;align-items:center;gap:10px}.size-label.svelte-738zi7{font-size:12px;color:#666;font-weight:500}.ripple-container.svelte-738zi7{background-size:contain;background-position:center;background-repeat:no-repeat;border:2px solid #ddd;position:relative}.ripple-container.large.svelte-738zi7{width:500px;height:500px}.ripple-container.medium.svelte-738zi7{width:250px;height:250px}.ripple-container.small.svelte-738zi7{width:125px;height:125px}.ripple-container.tiny.svelte-738zi7{width:62px;height:62px}.controls.svelte-738zi7{max-width:800px;margin:0 auto}.preset-buttons.svelte-738zi7{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:30px}.preset-buttons.svelte-738zi7 button:where(.svelte-738zi7){padding:10px;background:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;transition:background .2s}.preset-buttons.svelte-738zi7 button:where(.svelte-738zi7):hover{background:#e0e0e0}.control-group.svelte-738zi7{margin-bottom:20px}.control-group.svelte-738zi7 label:where(.svelte-738zi7){display:block;color:#333;font-size:14px;font-weight:500}.hint.svelte-738zi7{color:#888;font-size:12px;font-weight:400;margin-left:8px}input[type=range].svelte-738zi7{width:100%;margin-top:8px}input[type=range].svelte-738zi7{-webkit-appearance:none;appearance:none;height:6px;background:#ddd;outline:none;border-radius:3px}input[type=range].svelte-738zi7::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#06c;cursor:pointer;border-radius:50%}input[type=range].svelte-738zi7::-moz-range-thumb{width:16px;height:16px;background:#06c;cursor:pointer;border-radius:50%;border:none}.control-buttons.svelte-738zi7{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.control-buttons.svelte-738zi7 button:where(.svelte-738zi7){padding:8px 12px;background:#06c;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s ease}.control-buttons.svelte-738zi7 button:where(.svelte-738zi7):hover{background:#0052a3}.control-buttons.svelte-738zi7 button.active:where(.svelte-738zi7){background:#28a745}.control-buttons.svelte-738zi7 button.active:where(.svelte-738zi7):hover{background:#218838}.control-buttons.svelte-738zi7 button.reset-btn:where(.svelte-738zi7){background:#dc3545}.control-buttons.svelte-738zi7 button.reset-btn:where(.svelte-738zi7):hover{background:#c82333}.manual-btn.svelte-738zi7{background:#6f42c1}.manual-btn.svelte-738zi7:hover{background:#5a2d91}@media (max-width: 540px){.ripple-container.large.svelte-738zi7,.ripple-container.large.svelte-738zi7+.size-label:where(.svelte-738zi7){display:none}}