.builder.svelte-rcnf9c{max-width:1000px;margin:0 auto;padding:48px 24px}.builder-header.svelte-rcnf9c{margin-bottom:32px}.builder-header.svelte-rcnf9c h1:where(.svelte-rcnf9c){font-size:2rem;font-weight:800}.builder-header.svelte-rcnf9c p:where(.svelte-rcnf9c){color:#6b7280;margin-top:4px}.builder-layout.svelte-rcnf9c{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}fieldset.svelte-rcnf9c{border:1px solid #e5e7eb;border-radius:14px;padding:20px;margin-bottom:16px;background:#fff}legend.svelte-rcnf9c{font-weight:600;font-size:14px;padding:0 8px;color:#374151}.field.svelte-rcnf9c{display:block;margin-bottom:12px}.field.svelte-rcnf9c:last-child{margin-bottom:0}.field-label.svelte-rcnf9c{display:block;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:4px}input[type=text].svelte-rcnf9c,input[type=url].svelte-rcnf9c{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;transition:border-color .15s;outline:none}input[type=text].svelte-rcnf9c:focus,input[type=url].svelte-rcnf9c:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f11a}.color-input.svelte-rcnf9c{display:flex;gap:8px;align-items:center}input[type=color].svelte-rcnf9c{width:36px;height:36px;padding:2px;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer}.color-text.svelte-rcnf9c{flex:1}.preview-card.svelte-rcnf9c{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;margin-bottom:16px}.preview-header.svelte-rcnf9c{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid #f3f4f6}.preview-header.svelte-rcnf9c h3:where(.svelte-rcnf9c){font-size:14px;font-weight:600}.preview-frame.svelte-rcnf9c{background:#f9fafb;height:400px;position:relative}.preview-frame.svelte-rcnf9c iframe:where(.svelte-rcnf9c){width:100%;height:100%;border:none}.output-card.svelte-rcnf9c{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;position:sticky;top:20px}.output-header.svelte-rcnf9c{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #f3f4f6}.output-header.svelte-rcnf9c h3:where(.svelte-rcnf9c){font-size:14px;font-weight:600}.copy-btn.svelte-rcnf9c{all:unset;font-size:13px;font-weight:500;color:#6366f1;cursor:pointer;padding:4px 12px;border-radius:6px;transition:background .15s}.copy-btn.svelte-rcnf9c:hover{background:#f5f3ff}.output-card.svelte-rcnf9c pre:where(.svelte-rcnf9c){padding:16px 20px;overflow-x:auto;background:#1e1e2e;margin:0}.output-card.svelte-rcnf9c code:where(.svelte-rcnf9c){font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;color:#cdd6f4;white-space:pre-wrap;word-break:break-all}.output-hint.svelte-rcnf9c{margin-top:12px;font-size:13px;color:#9ca3af}.output-hint.svelte-rcnf9c code:where(.svelte-rcnf9c){background:#f3f4f6;padding:1px 4px;border-radius:3px;font-size:12px;color:#7c3aed}@media(max-width:768px){.builder-layout.svelte-rcnf9c{grid-template-columns:1fr}.output-card.svelte-rcnf9c{position:static}}