.interactive-demo.svelte-1orancc.svelte-1orancc{width:100%}.demo-container.svelte-1orancc.svelte-1orancc{position:relative;width:100%;height:clamp(500px,70vh,800px);border-radius:.75rem;overflow:hidden;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d;background:#f9fafb;display:flex;flex-direction:column}.browser-chrome.svelte-1orancc.svelte-1orancc{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.traffic-lights.svelte-1orancc.svelte-1orancc{display:flex;gap:.5rem;align-items:center;flex:0 0 auto}.traffic-light.svelte-1orancc.svelte-1orancc{width:12px;height:12px;border-radius:50%;opacity:.8}.traffic-light.red.svelte-1orancc.svelte-1orancc{background-color:#ec6a5e}.traffic-light.yellow.svelte-1orancc.svelte-1orancc{background-color:#f4bf4f}.traffic-light.green.svelte-1orancc.svelte-1orancc{background-color:#61c554}.address-bar.svelte-1orancc.svelte-1orancc{flex:1;display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;margin:0 2rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.address-text.svelte-1orancc.svelte-1orancc{font-size:.75rem;color:#6b7280;font-family:ui-monospace,monospace}.chrome-actions.svelte-1orancc.svelte-1orancc{flex:0 0 auto;width:60px}.demo-content.svelte-1orancc.svelte-1orancc{width:100%;height:100%;overflow-y:auto;background:#f9fafb}.view-wrapper.svelte-1orancc.svelte-1orancc{width:100%;height:100%}.floating-controls.svelte-1orancc.svelte-1orancc{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:1rem;pointer-events:none;z-index:10}.control-btn.svelte-1orancc.svelte-1orancc{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:2rem;border:1px solid rgba(255,255,255,.2);background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;transition:all .2s ease;pointer-events:auto;font-size:.875rem;font-weight:500}.control-btn.svelte-1orancc.svelte-1orancc:hover{background:#000000d9;border-color:#ffffff4d;transform:translateY(-2px)}.progress-dots.svelte-1orancc.svelte-1orancc{display:flex;gap:.5rem;align-items:center;padding:.5rem 1rem;border-radius:2rem;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dot.svelte-1orancc.svelte-1orancc{width:8px;height:8px;border-radius:50%;background:#fff6;position:relative}.dot.active.svelte-1orancc.svelte-1orancc{background:#fff}.progress-ring.svelte-1orancc.svelte-1orancc{position:absolute;top:-4px;left:-4px;width:16px;height:16px;border:2px solid white;border-radius:50%;border-top-color:transparent;animation:svelte-1orancc-spin 5s linear infinite}@keyframes svelte-1orancc-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.demo-container.svelte-1orancc.svelte-1orancc{height:clamp(400px,60vh,600px);border-radius:.5rem}.control-btn.svelte-1orancc span.svelte-1orancc{display:none}.control-btn.svelte-1orancc.svelte-1orancc{padding:.75rem}}@media (min-width: 1280px){.demo-container.svelte-1orancc.svelte-1orancc{height:clamp(600px,75vh,850px)}}