.admin-embed{max-width:none!important}.embed-heading{display:flex;gap:25px;justify-content:space-between;align-items:flex-end;margin:15px 0 30px}.embed-heading h2{font-size:clamp(27px,3.5vw,43px);letter-spacing:-1px;margin:6px 0 12px}.embed-heading p{max-width:600px;line-height:1.6}.embed-heading>label{min-width:220px}.embed-workbench{display:grid;grid-template-columns:minmax(275px,360px) minmax(0,1fr);gap:30px;align-items:start}.embed-controls{display:grid;gap:20px}.embed-step{background:#191b1e;border:1px solid #34373d;border-radius:16px;padding:22px}.embed-step h3{font-size:17px;margin:0 0 20px}.embed-step h3 span{display:inline-grid;place-items:center;width:27px;height:27px;background:#ffcf0020;color:#ffcf00;border-radius:50%;margin-right:8px}.embed-step label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin:15px 0 0}.embed-step input,.embed-step select{width:100%;min-width:0}.embed-step p{font-size:12px;color:#b5b9c1;line-height:1.6;margin:12px 0 0}.embed-step .button{width:100%;margin-top:12px}.embed-color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.embed-step input[type=color]{height:42px;padding:4px;cursor:pointer}.embed-step input[type=range]{accent-color:#ffcf00}.embed-step .check-label{flex-direction:row;align-items:center;font-size:14px}.embed-step .check-label input{width:19px;height:19px;min-height:0;accent-color:#ffcf00}.embed-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.embed-presets button{min-height:65px;padding:8px 4px;border:1px solid #44474e;border-radius:9px;background:#23262b;color:#fff;font-size:11px;display:grid;place-items:center;gap:7px}.embed-presets i{width:24px;height:10px;border-radius:3px;background:var(--swatch)}.embed-preview-column{position:sticky;top:90px;min-width:0}.embed-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px;font-size:13px;color:#c5c9d1}.embed-device-controls{display:flex;gap:5px}.embed-device-controls button{background:#25282d;border:1px solid #43464d;color:#d6d9df;border-radius:5px;padding:8px 12px;font-size:12px}.embed-device-controls button[aria-pressed=true]{border-color:#ffcf00;color:#ffcf00}.embed-preview-stage{padding:14px;background:repeating-linear-gradient(135deg,#24262a,#24262a 8px,#272a2e 8px,#272a2e 9px);border:1px solid #41444b;border-radius:19px;overflow:hidden}.embed-preview-shell{margin:auto;width:100%;transition:width .2s;border-radius:12px;overflow:hidden;box-shadow:0 14px 40px #0005}.embed-preview-shell[data-device=mobile]{width:min(390px,100%)}#embed-preview-frame{display:block;width:100%;height:650px;border:0;background:#111214}.embed-code-box{margin-top:20px;padding:20px;background:#191b1e;border:1px solid #34373d;border-radius:16px}.embed-code-box textarea{font:12px/1.6 ui-monospace,monospace!important;margin:12px 0;width:100%;height:155px}.embed-code-box .admin-embed-actions{flex-wrap:wrap}.embed-message{font-size:14px;line-height:1.6;color:#f2f3f6;min-height:1.6em;margin:16px 0}#embed-save{width:100%}.embed-preview-label{display:flex;align-items:center;gap:8px}.embed-preview-label:before{content:'';width:7px;height:7px;border-radius:50%;background:#8ddb9d}
@media(max-width:1050px){.embed-workbench{grid-template-columns:300px minmax(0,1fr);gap:18px}.embed-step{padding:16px}.embed-preview-stage{padding:8px}}
@media(max-width:800px){.embed-heading{display:block}.embed-heading>label{display:block;margin-top:20px}.embed-workbench{grid-template-columns:1fr}.embed-preview-column{position:static}.embed-preview-stage{padding:8px}#embed-preview-frame{height:570px}.embed-controls{gap:12px}.embed-step{padding:20px}.embed-heading{margin-bottom:20px}}
[data-embed-preset=cmp] i{background:#ffcf00}[data-embed-preset=ocean] i{background:#2563eb}[data-embed-preset=editorial] i{background:#ad5738}[data-embed-preset=mint] i{background:#16a085}