.live-url-preview.svelte-lk66o9{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:12px;padding:1.5rem;margin:1rem 0;box-shadow:0 4px 6px -1px #0000001a}.preview-header.svelte-lk66o9 h3:where(.svelte-lk66o9){margin:0 0 .5rem;color:#1e293b;font-size:1.25rem;font-weight:600}.preview-description.svelte-lk66o9{margin:0 0 1rem;color:#64748b;font-size:.875rem;line-height:1.5}.url-display.svelte-lk66o9{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.url-container.svelte-lk66o9{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.url-text.svelte-lk66o9{flex:1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#3b82f6;background:#eff6ff;padding:.5rem .75rem;border-radius:6px;border:1px solid #bfdbfe;word-break:break-all}.copy-button.svelte-lk66o9{background:#3b82f6;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.copy-button.svelte-lk66o9:hover{background:#2563eb}.copy-button.svelte-lk66o9:active{background:#1d4ed8;transform:translateY(1px)}.url-info.svelte-lk66o9{border-top:1px solid #f1f5f9;padding-top:.75rem}.url-note.svelte-lk66o9{margin:0;color:#64748b;font-size:.8125rem;line-height:1.5}.url-placeholder.svelte-lk66o9{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:2rem;text-align:center}.placeholder-text.svelte-lk66o9{margin:0;color:#64748b;font-size:.875rem;font-style:italic}@media (max-width: 640px){.live-url-preview.svelte-lk66o9{padding:1rem}.url-container.svelte-lk66o9{flex-direction:column;align-items:stretch}.copy-button.svelte-lk66o9{align-self:center;width:-moz-fit-content;width:fit-content}.url-text.svelte-lk66o9{font-size:.8125rem}}