.responsiveness-tester.svelte-un35ru{width:100%;max-width:1200px;margin:0 auto}.url-section.svelte-un35ru{margin-bottom:2rem}.url-input-container.svelte-un35ru{display:flex;gap:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;transition:all .3s}.url-input-container.svelte-un35ru:focus-within{border-color:#04ad6f;box-shadow:0 0 0 3px #04ad6f1a}.url-input.svelte-un35ru{flex:1;background:transparent;border:none;padding:1rem;color:#fff;font-size:1rem;outline:none}.url-input.svelte-un35ru::-moz-placeholder{color:#64748b}.url-input.svelte-un35ru::placeholder{color:#64748b}.load-btn.svelte-un35ru{padding:1rem 2rem;background:#04ad6f;border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.load-btn.svelte-un35ru:hover{background:#03a268;transform:translateY(-2px);box-shadow:0 10px 30px #04ad6f4d}.device-selector.svelte-un35ru{margin-bottom:2rem}.selector-tabs.svelte-un35ru{display:flex;gap:.75rem;flex-wrap:wrap}.tab-btn.svelte-un35ru{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .3s;color:#9ca3af;font-weight:500}.tab-btn.svelte-un35ru:hover{background:#ffffff1a;transform:translateY(-2px)}.tab-btn.active.svelte-un35ru{background:#04ad6f1a;border-color:#04ad6f;color:#04ad6f}.preview-container.svelte-un35ru{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;min-height:400px;background:#ffffff05;border:2px dashed rgba(255,255,255,.1);border-radius:12px;padding:2rem}.empty-state.svelte-un35ru{grid-column:1 / -1;text-align:center;padding:4rem 2rem}.empty-icon.svelte-un35ru{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;color:#04ad6f;opacity:.6}.empty-state.svelte-un35ru h3:where(.svelte-un35ru){color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.empty-state.svelte-un35ru p:where(.svelte-un35ru){color:#9ca3af;font-size:1.125rem;max-width:600px;margin:0 auto 2rem}.device-examples.svelte-un35ru{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.device-example.svelte-un35ru{display:flex;flex-direction:column;align-items:center;padding:1rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);min-width:120px}.device-example.svelte-un35ru span:where(.svelte-un35ru){font-weight:600;color:#fff;margin-bottom:.25rem}.device-example.svelte-un35ru small:where(.svelte-un35ru){color:#9ca3af;font-size:.875rem}.device-preview{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.device-header{padding:1rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);font-weight:600}.device-screen{flex:1;padding:1rem;background:#0003}.device-iframe{width:100%;height:100%;border:none;background:#fff;border-radius:4px}@media(max-width:768px){.url-input-container.svelte-un35ru{flex-direction:column}.load-btn.svelte-un35ru{width:100%}.selector-tabs.svelte-un35ru{flex-direction:column}.tab-btn.svelte-un35ru{justify-content:center}.preview-container.svelte-un35ru{grid-template-columns:1fr;padding:1rem}}