.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.embed-main{padding-top:55px}.embed-heading h1{font-size:clamp(32px,3.5vw,49px);letter-spacing:-1.8px;font-weight:750;margin:16px 0}.embed-heading>p:not(.eyebrow):not(.embed-free):not(.embed-notice){font-size:17px;max-width:900px;line-height:1.8}.embed-heading form{display:flex;gap:12px;margin-top:28px}.embed-heading input{min-width:0;flex:1}.embed-heading input,.embed-settings input:not([type=checkbox]),.embed-settings select{border:1px solid #ccd5e0;border-radius:5px;padding:13px 14px;background:#fff;color:var(--ink);font:inherit}.embed-heading button,.embed-code-heading button{border:0;border-radius:5px;background:var(--blue);color:#fff;font:inherit;font-size:14px;padding:14px 23px;cursor:pointer;font-weight:550}.embed-heading button span{margin-inline-start:18px}.embed-heading button:hover,.embed-code-heading button:not(:disabled):hover{background:#0e4dc7}.embed-free{font-size:12px;margin-top:14px;color:var(--muted)}.embed-notice{padding:12px 15px;background:#f0f5ff;color:var(--blue);font-size:13px;margin-top:14px;border-radius:5px}.embed-notice.error{color:#943d25;background:#fff4ed}.embed-notice[hidden]{display:none}.embed-workspace{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,1.2fr);gap:22px;margin-block:34px 54px}.embed-panel{border:1px solid var(--line);border-radius:8px;padding:25px;min-width:0}.embed-panel h2{font-size:20px;letter-spacing:-.4px;margin-bottom:23px}.embed-settings>label,.embed-dimensions label{display:block;font-size:13px;font-weight:550;margin-bottom:7px}.embed-settings>input,.embed-settings>select,.embed-dimensions input{width:100%;min-width:0;min-height:44px}.embed-settings select{margin-bottom:20px}.embed-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:21px}.embed-toggles{display:grid;gap:18px;margin-top:27px}.embed-toggle{display:flex;align-items:center;gap:11px;font-size:13px;cursor:pointer}.embed-toggle input{width:17px;height:17px;margin:0;flex-shrink:0;accent-color:var(--blue)}.embed-hint{font-size:12px;line-height:1.8;margin-top:20px}.embed-output{display:flex;flex-direction:column}#embed-preview{background:#f8fafc;border:1px solid var(--line);border-radius:5px;min-height:240px;display:flex;align-items:center;justify-content:center;overflow:hidden}#embed-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:28px;text-align:center;gap:16px;width:100%}#embed-placeholder[hidden],#embed-frame[hidden]{display:none}#embed-placeholder svg{width:48px;height:48px;color:#8591a1}#embed-placeholder p{font-size:13px}#embed-frame{width:100%;min-height:200px;position:relative}#embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embed-code-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 10px}.embed-code-heading label{font-size:13px;font-weight:550}.embed-code-heading button{font-size:12px;padding:9px 14px}.embed-code-heading button:disabled{background:#edf0f4;color:#7c8798;cursor:default}#embed-code{display:block;width:100%;min-height:220px;resize:vertical;border:1px solid var(--line);border-radius:5px;background:#f8fafc;padding:14px;color:var(--ink);font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}#embed-code:focus{outline:2px solid var(--blue);outline-offset:2px}.embed-explainer{border-top:1px solid var(--line);padding-top:40px}.embed-explainer h2{margin:12px 0 18px}.embed-explainer>p:not(.eyebrow){font-size:15px;line-height:1.9;max-width:980px}.embed-explainer .home-steps{margin-top:32px;gap:30px}.embed-explainer .step-number{margin-bottom:10px}.embed-help{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;margin-block:55px}.embed-help h2{font-size:24px;margin-bottom:22px}.embed-help ul{padding-inline-start:20px;font-size:13px;line-height:2.5;color:var(--muted);overflow-wrap:anywhere}.embed-doc{font-size:12px;color:var(--blue)}.embed-doc:hover{text-decoration:underline}.embed-related{margin-bottom:55px}.embed-related h2{font-size:24px;margin-bottom:22px}.embed-related nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.embed-related a{border:1px solid var(--line);border-radius:6px;padding:17px;color:var(--blue);font-size:13px}.embed-related a:hover{border-color:var(--blue)}.embed-heading input[aria-invalid=true]{border-color:#ad4b34}html[dir=rtl] .embed-heading button span{display:inline-block;transform:scaleX(-1)}html[dir=rtl] .embed-heading input::placeholder{direction:ltr}html[dir=rtl] .embed-heading h1{letter-spacing:0;line-height:1.5}@media(max-width:900px){.embed-workspace{grid-template-columns:1fr 1.25fr;gap:16px}.embed-panel{padding:19px}.embed-help{gap:30px}.embed-heading button{padding-inline:17px}}@media(max-width:700px){.embed-main{padding-top:35px}.embed-heading h1{font-size:34px;line-height:1.2;letter-spacing:-1.1px}.embed-heading>p:not(.eyebrow):not(.embed-free):not(.embed-notice){font-size:15px}.embed-heading form{flex-direction:column;margin-top:23px}.embed-heading input{font-size:16px;width:100%}.embed-heading button{padding-block:14px;min-height:48px}.embed-workspace{grid-template-columns:1fr;gap:18px;margin-block:27px 35px}.embed-panel{padding:21px}.embed-panel h2{font-size:21px;margin-bottom:20px}.embed-toggles{grid-template-columns:1fr 1fr;gap:19px 10px}.embed-toggle{align-items:flex-start;font-size:12px}.embed-toggle input{margin-top:2px}.embed-explainer{padding-top:30px}.embed-explainer h2{font-size:26px}.embed-explainer>p:not(.eyebrow){font-size:14px}.embed-explainer .home-steps{gap:20px}.embed-help{grid-template-columns:1fr;gap:35px;margin-block:35px}.embed-help h2{font-size:23px}.embed-related{margin-bottom:35px}.embed-related nav{grid-template-columns:1fr}.embed-related h2{font-size:23px}#embed-code{font-size:11px;min-height:200px}#embed-placeholder{min-height:220px}}

#embed-preview{position:relative}#embed-placeholder{position:absolute;inset:0;z-index:1;background:#f8fafc;min-height:0}#embed-preview:has(#embed-frame[hidden]){min-height:280px}@media(max-width:700px){#embed-preview:has(#embed-frame[hidden]){min-height:220px}}