.embed-builder-page.svelte-csbh6{color:#27241e;background:#f7eee2;min-height:100vh;padding:25px 0 75px}.builder-breadcrumb.svelte-csbh6{color:#8c7c66;align-items:center;gap:10px;margin-bottom:34px;font-size:11px;display:flex}.builder-breadcrumb.svelte-csbh6 a:where(.svelte-csbh6){color:#8c7c66;text-decoration:none}.builder-breadcrumb.svelte-csbh6>span:where(.svelte-csbh6):last-child{color:#51402d}.builder-heading.svelte-csbh6{max-width:650px;margin-bottom:40px}.builder-heading.svelte-csbh6 .eyebrow:where(.svelte-csbh6){color:#a56a37;letter-spacing:.16em;font-size:10px}.builder-heading.svelte-csbh6 h1:where(.svelte-csbh6){letter-spacing:-2.2px;margin:17px 0 20px;font-size:clamp(37px,4.6vw,57px);font-weight:650;line-height:1.08}.builder-heading.svelte-csbh6 h1:where(.svelte-csbh6) span:where(.svelte-csbh6){color:#c66a2b}.builder-heading.svelte-csbh6 p:where(.svelte-csbh6){color:#87745b;max-width:540px;margin:0;font-size:14px;line-height:1.8}.builder-grid.svelte-csbh6{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:35px;display:grid}.settings-card.svelte-csbh6,.code-card.svelte-csbh6{background:#fff8ed;border:1px solid #e0d2bf;border-radius:15px;padding:27px}.step-label.svelte-csbh6{color:#a27850;letter-spacing:.14em;font-size:9px;font-weight:650}.settings-card.svelte-csbh6 h2:where(.svelte-csbh6),.code-card.svelte-csbh6 h2:where(.svelte-csbh6){letter-spacing:-.7px;margin:11px 0 24px;font-size:23px;font-weight:600;line-height:1.2}.settings-card.svelte-csbh6 label:where(.svelte-csbh6){margin:18px 0 8px;font-size:11px;font-weight:600;display:block}.settings-card.svelte-csbh6 select:where(.svelte-csbh6){color:#483927;width:100%;font:inherit;background:#f8f1e6;border:1px solid #d9cbb5;border-radius:8px;min-height:44px;padding:13px;font-size:12px}.settings-card.svelte-csbh6 select:where(.svelte-csbh6):focus-visible,.code-card.svelte-csbh6 textarea:where(.svelte-csbh6):focus-visible{outline-offset:2px;outline:2px solid #d3874566}.settings-note.svelte-csbh6{color:#8c7b65;margin:13px 0 20px;font-size:11px;line-height:1.7}.embed-includes.svelte-csbh6{color:#7b6950;border-top:1px solid #e6d9c7;gap:12px;padding-top:18px;font-size:11px;display:grid}.embed-includes.svelte-csbh6 i:where(.svelte-csbh6){color:#ab7b40;margin-right:7px;font-size:13px;font-style:normal}.code-card.svelte-csbh6{color:#ecdfca;background:#25241e;border-color:#41392c;margin-top:23px}.code-card.svelte-csbh6 .step-label:where(.svelte-csbh6){color:#c6a273}.code-card.svelte-csbh6 h2:where(.svelte-csbh6){margin-bottom:12px}.code-card.svelte-csbh6>p:where(.svelte-csbh6){color:#b6a58b;margin:0 0 18px;font-size:11px;line-height:1.7}.code-card.svelte-csbh6 textarea:where(.svelte-csbh6){box-sizing:border-box;resize:vertical;color:#d7bd94;white-space:pre;tab-size:2;background:#151711;border:1px solid #57452e;border-radius:8px;width:100%;min-height:234px;padding:14px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;line-height:1.8}.copy-button.svelte-csbh6{color:#34200e;font:inherit;cursor:pointer;background:#ff984d;border:1px solid #f5a365;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:45px;margin-top:13px;padding:13px 15px;font-size:12px;font-weight:600;display:flex}.copy-button.svelte-csbh6:hover{background:#ffad6c}.copy-button.svelte-csbh6:focus-visible{outline-offset:3px;outline:2px solid #ffc58d}.code-card.svelte-csbh6 .embed-origin-note:where(.svelte-csbh6){color:#a59176;margin:16px 0 0;font-size:9px;line-height:1.65}.embed-origin-note.svelte-csbh6 strong:where(.svelte-csbh6){color:#c8b18e;font-weight:500}.preview-column.svelte-csbh6{min-width:0}.preview-heading.svelte-csbh6{justify-content:space-between;align-items:center;gap:15px;padding:4px 4px 17px;display:flex}.preview-heading.svelte-csbh6>span:where(.svelte-csbh6){letter-spacing:.13em;color:#997a52;align-items:center;gap:7px;font-size:9px;font-weight:600;display:flex}.preview-heading.svelte-csbh6 i:where(.svelte-csbh6){background:#88a16c;border-radius:50%;width:5px;height:5px}.preview-heading.svelte-csbh6 a:where(.svelte-csbh6){color:#9c6939;font-size:11px;text-decoration:none}.preview-heading.svelte-csbh6 a:where(.svelte-csbh6)>span:where(.svelte-csbh6){margin-left:7px}.preview-frame.svelte-csbh6{background:#f7eee2;border:1px solid #d9c6ac;border-radius:17px;overflow:hidden;box-shadow:0 15px 45px #ad8c5c17}.preview-frame.svelte-csbh6 iframe:where(.svelte-csbh6){background:#f7eee2;border:0;width:100%;display:block}.preview-caption.svelte-csbh6{text-align:center;color:#9e8a6e;margin:15px 10px;font-size:10px;line-height:1.6}.embed-help.svelte-csbh6{border-top:1px solid #ddcdb6;grid-template-columns:1.05fr 1fr 1fr 1fr;gap:30px;margin-top:65px;padding-top:40px;display:grid}.embed-help.svelte-csbh6 .eyebrow:where(.svelte-csbh6){letter-spacing:.12em;color:#a06e3c;font-size:8px}.embed-help.svelte-csbh6 h2:where(.svelte-csbh6){letter-spacing:-1px;margin:13px 0 0;font-size:28px;font-weight:600}.embed-help.svelte-csbh6 h3:where(.svelte-csbh6){color:#51402c;margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.4}.embed-help.svelte-csbh6 p:where(.svelte-csbh6){color:#89755a;margin:0;font-size:11px;line-height:1.8}.sr-only.svelte-csbh6{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1000px){.builder-grid.svelte-csbh6{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}.settings-card.svelte-csbh6,.code-card.svelte-csbh6{padding:23px}.embed-help.svelte-csbh6{grid-template-columns:1fr 1fr;gap:28px}}@media (width<=720px){.embed-builder-page.svelte-csbh6{padding:20px 0 50px}.builder-breadcrumb.svelte-csbh6{margin-bottom:28px;font-size:10px}.builder-heading.svelte-csbh6{margin-bottom:30px}.builder-heading.svelte-csbh6 .eyebrow:where(.svelte-csbh6){letter-spacing:.12em;font-size:8px}.builder-heading.svelte-csbh6 h1:where(.svelte-csbh6){letter-spacing:-1.7px}.builder-heading.svelte-csbh6 p:where(.svelte-csbh6){font-size:13px}.builder-grid.svelte-csbh6{grid-template-columns:1fr;gap:30px}.settings-card.svelte-csbh6 h2:where(.svelte-csbh6),.code-card.svelte-csbh6 h2:where(.svelte-csbh6){font-size:22px}.preview-heading.svelte-csbh6{padding-top:0}.preview-frame.svelte-csbh6{max-width:580px;margin:auto}.embed-help.svelte-csbh6{grid-template-columns:1fr;gap:25px;margin-top:40px;padding-top:29px}.embed-help.svelte-csbh6 h3:where(.svelte-csbh6){margin-bottom:7px}.embed-help.svelte-csbh6 h2:where(.svelte-csbh6){font-size:27px}.embed-help.svelte-csbh6 p:where(.svelte-csbh6){font-size:12px}.embed-help.svelte-csbh6 .eyebrow:where(.svelte-csbh6){font-size:9px}}