.embed-root{color:#e8efe9;background:#121614;border:1px solid #262d28;border-radius:12px;gap:10px;max-width:520px;margin:0 auto;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:grid}.embed-panel{flex-direction:column;gap:6px;display:flex}.embed-label{letter-spacing:.14em;text-transform:uppercase;color:#7c8a80;font-size:.68rem}.embed-input,.embed-output{color:#e8efe9;resize:vertical;background:#0b0e0d;border:1px solid #262d28;border-radius:8px;outline:none;width:100%;min-height:64px;padding:10px 12px;font-family:inherit;font-size:.95rem;line-height:1.6}.embed-input:focus{border-color:#ffb000}.embed-output{color:#ffb000;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.embed-mid{place-items:center;display:grid}.embed-swap{color:#b6c2ba;cursor:pointer;background:#171c19;border:1px solid #262d28;border-radius:8px;width:34px;height:34px;font-size:1.1rem;line-height:1}.embed-swap:hover{color:#ffb000;border-color:#ffb000}.embed-credit{color:#7c8a80;text-align:right;font-size:.72rem;text-decoration:none}.embed-credit:hover{color:#ffb000}body.embed-body{background:0 0;margin:0;padding:8px}