.embed-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,1fr);gap:60px;max-width:1120px;margin:50px auto 0;align-items:start}.embed-layout h1{font-size:42px;font-weight:400;line-height:1.15;letter-spacing:-.035em;max-width:18ch;margin:0 0 32px}.embed-layout p,.embed-notes p{font-size:16px}.embed-layout h2{margin-top:48px;font-size:24px}.live-preview h2{margin-top:0}.live-preview{background:var(--surface);padding:28px;text-align:center}.live-preview iframe{display:block;border:0;max-width:100%;margin:auto}.embed-layout label{font-size:16px}textarea{display:block;width:100%;resize:vertical;background:var(--raised);color:var(--text);border:0;padding:16px;font:14px/1.6 monospace;margin-bottom:20px;caret-color:var(--accent)}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.embed-notes{max-width:1120px;margin:120px auto}.embed-notes h2{font-size:28px}.embed-notes p{max-width:72ch}#copy-status{min-height:26px}@media(max-width:800px){.embed-layout{grid-template-columns:1fr;gap:40px;margin-top:24px}.embed-layout h1{font-size:32px}.live-preview{padding:24px 0}.embed-notes{margin:80px auto}}
.embed-layout{margin-inline:auto}.embed-layout h1{max-width:none}main{padding-inline:4vw}.live-preview{background:var(--surface)}textarea{background:var(--paper);color:var(--ink)}footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 4vw}.embed-notes{margin-bottom:60px}@media(max-width:800px){.embed-layout h1{font-size:32px}nav{gap:12px}header{flex-wrap:wrap;gap:16px}}
footer{font:16px/1.5 Body,sans-serif}