.emb{flex-direction:column;gap:20px;max-width:760px;margin-top:20px;display:flex;container-type:inline-size}.emb-controls{flex-wrap:wrap;align-items:flex-end;gap:16px 24px;display:flex}.emb-field{flex-direction:column;gap:8px;display:flex}.emb-select{border:1px solid var(--v2-line-strong);background:var(--v2-panel);min-height:40px;color:var(--v2-text);font:400 14px/1 var(--font-mono);border-radius:0;padding:0 12px}.emb-preview{border:1px solid var(--v2-line);background:var(--v2-panel);flex-direction:column;gap:10px;padding:clamp(12px,4cqi,24px);display:flex}.emb-badge{align-self:flex-start;min-height:22px;display:inline-flex}.emb-frame{width:100%;position:relative}.emb-frame iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.emb-kinds{flex-wrap:wrap;gap:8px;display:flex}.emb-snip{border:1px solid var(--v2-line-strong)}.emb-snip-head{border-bottom:1px solid var(--v2-line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:0 0 0 12px;display:flex}.emb-copy{border:0;border-left:1px solid var(--v2-line);min-width:76px;min-height:44px;color:var(--v2-text);font:400 12px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.02em;cursor:pointer;background:0 0;padding:0 16px}.emb-copy:hover{background:var(--v2-panel-2)}.emb-copy:active{transform:scale(.98)}.emb-code{font:400 12px/1.6 var(--font-mono);color:var(--v2-text-2);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;margin:0;padding:12px}@container (min-width:560px){.emb-preview{padding:24px}}