.embed-template-picker{border:1px solid #403344;border-radius:12px;background:#211a27;margin:0 0 24px;overflow:hidden}
.message-composer .embed-template-toggle{display:flex;align-items:center;gap:11px;width:100%;padding:15px;border:0;background:transparent;color:#f2d4b2;text-align:left;cursor:pointer}
.embed-template-toggle>span{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}
.embed-template-toggle strong{font-size:13px}.embed-template-toggle small{font-size:11px;line-height:1.5;color:#b8a7c0}.embed-template-toggle>svg{flex-shrink:0}.embed-template-toggle svg.expanded{transform:rotate(180deg)}
.embed-template-body{padding:0 14px 15px;border-top:1px solid #3b3042}.embed-template-body>p{margin:12px 0;font-size:11px;line-height:1.7;color:#b9adc1}
.embed-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.message-composer .embed-template-card{display:block;min-width:0;padding:0;overflow:hidden;border:1px solid #403648;border-radius:9px;background:#18141f;text-align:left;cursor:pointer;color:#e7deed}
.embed-template-card img{display:block;width:100%;aspect-ratio:27/8;object-fit:cover}
.embed-template-card>span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;font-size:11px}.embed-template-card strong{font-weight:500;line-height:1.5}.embed-template-card.selected{border-color:#ffad61;background:#302319}.embed-template-card.selected svg{color:#ffb46e;flex-shrink:0}.embed-template-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.message-composer .embed-template-remove{margin:13px 0 0;padding:0;border:0;background:transparent;color:#d9bbdd;font-size:11px;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.embed-template-card:focus-visible,.embed-template-toggle:focus-visible,.embed-template-remove:focus-visible{outline:2px solid #ffb46e;outline-offset:-3px}
.slot-skins-heading{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:14px;color:#eadce9}
.slot-skins-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:14px 0 24px}
.engagement-settings .slot-skin-card{min-width:0;padding:0;border:1px solid #493a4b;border-radius:11px;overflow:hidden;background:#1d1625;text-align:left;color:#e9e0ef;cursor:pointer}
.slot-skin-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.slot-skin-card span{display:flex;align-items:center;gap:6px;padding:10px;font-size:11px}.slot-skin-card i{width:7px;height:7px;flex-shrink:0;border-radius:50%}.slot-skin-card:hover{border-color:#e6ae73}
.slot-skin-preview{display:flex;gap:17px;align-items:center;padding:15px;background:#201724;border:1px solid #403146;border-radius:12px;margin:16px 0}
.slot-skin-preview img{width:145px;height:145px;border-radius:9px;object-fit:cover}.slot-skin-preview>div{min-width:0}.slot-skin-preview strong{display:block;font-size:16px;margin-bottom:8px}.slot-skin-preview p{font-size:12px;line-height:1.7;color:#b6a8c0;margin:0}.slot-skin-preview small{display:block;margin-top:10px;font-size:11px;color:#d4bcc9}
@media(max-width:800px){.slot-skins-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:500px){.embed-template-grid{grid-template-columns:1fr}.slot-skins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-skin-preview{flex-direction:column;align-items:flex-start}.slot-skin-preview img{width:100%;height:auto;max-width:220px}}