/* Страница «Генератор эмбедов» (/embed/). Общие шапка, подвал и фон: /site/site.css. Префикс emb-. */
.emb{max-width:1280px;padding-bottom:56px}
.emb-hero{padding:124px 0 24px;max-width:880px}
.emb-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;border:1px solid rgba(195,245,60,.35);background:rgba(195,245,60,.07);font-family:var(--mono);font-size:11px;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.emb-tag i{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.emb-hero h1{font-family:var(--display);font-size:clamp(30px,5.6vw,64px);font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:18px 0 0;overflow-wrap:anywhere}
.emb-sub{font-size:clamp(15px,1.8vw,18px);color:var(--text);margin:16px 0 0;max-width:740px}

.emb-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:22px;align-items:start;margin-top:12px}
.emb-col{display:flex;flex-direction:column;gap:18px;min-width:0}
.emb-side{position:sticky;top:84px}
.emb-card{border:1px solid var(--line);border-radius:24px;background:var(--card2);padding:22px 24px;min-width:0}
.emb-h{font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px}
.emb-h small,.emb-h3 small{font-family:inherit;font-weight:400;font-size:12px;color:var(--muted);margin-left:6px}
.emb-h3{font-family:var(--display);font-size:13px;font-weight:600;margin:18px 0 10px}

.emb-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
#embPresets{margin-top:0}
.emb-chip{height:36px;padding:0 15px;border-radius:99px;border:1px solid var(--line2);background:rgba(20,23,18,.7);cursor:pointer;font-size:13.5px;color:var(--text);font-family:inherit;transition:border-color .2s,background .2s,color .2s}
.emb-chip:hover{background:rgba(32,36,29,.8);border-color:rgba(195,245,60,.4)}
.emb-chip[aria-pressed="true"]{background:var(--lime);border-color:var(--lime);color:var(--ink);font-weight:700}

.emb-in,.emb-ta{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:12px;background:rgba(8,10,7,.7);color:var(--text);font:inherit;font-size:14px;padding:10px 12px;min-width:0}
.emb-ta{resize:vertical;line-height:1.45}
.emb-in:focus,.emb-ta:focus{outline:2px solid rgba(195,245,60,.5);outline-offset:1px;border-color:transparent}
select.emb-in{height:42px;padding:0 10px}
.emb-f{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;min-width:0}
.emb-f>span{font-size:12px;color:var(--muted)}
.emb-r2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.emb-check{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--text);margin:12px 0 0;cursor:pointer}
.emb-check input{width:17px;height:17px;accent-color:var(--lime);flex:none}
.emb-gen{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:14px}
.emb-gen .emb-in{flex:1 1 220px}
.emb-left{font-size:13px;color:var(--muted)}
.emb-err{color:#ff8a7a;font-size:13.5px;margin:12px 0 0}
.emb-ok{color:var(--lime);font-size:13.5px;margin:10px 0 0}
.emb-note{color:#f5c03c;font-size:12.5px;margin:10px 0 0}
.emb-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.emb-row .emb-in{flex:1 1 160px}

.emb-ed{border:1px solid var(--line2);border-radius:18px;padding:16px 16px 14px;margin:0 0 14px;background:rgba(255,255,255,.02)}
.emb-ed-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-family:var(--display);font-size:13px}
.emb-x{border:0;background:none;color:var(--muted);cursor:pointer;font:inherit;font-size:12.5px;padding:4px 6px;border-radius:8px}
.emb-x:hover{color:#ff8a7a}
.emb-colorw{display:flex;gap:8px;align-items:center}
.emb-color{width:44px;height:40px;border:1px solid var(--line2);border-radius:10px;background:none;padding:2px;cursor:pointer;flex:none}
.emb-fld{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:10px;align-items:start;margin-bottom:6px}
.emb-fld-c{display:flex;flex-direction:column;gap:2px;padding-top:22px}
.emb-btnrow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:10px;align-items:end;margin-bottom:6px}
.emb-btnrow .emb-x{margin-bottom:14px}

.emb-send{margin-top:20px;border-top:1px solid var(--line);padding-top:4px}
.emb-tpls{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.emb-tpls li{display:flex;justify-content:space-between;gap:10px;align-items:center}
.emb-tpl-use{border:1px solid var(--line2);background:rgba(20,23,18,.7);color:var(--text);border-radius:10px;padding:7px 12px;cursor:pointer;font:inherit;font-size:13px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.emb-tpl-use:hover{border-color:rgba(195,245,60,.4)}

/* Предпросмотр в стиле Discord */
.emb-dc{background:#313338;border-radius:14px;padding:16px;color:#dbdee1;font-family:"gg sans","Noto Sans","Manrope",system-ui,sans-serif;font-size:15px;line-height:1.4;overflow:hidden}
.emb-dc-row{display:flex;gap:14px;align-items:flex-start}
.emb-dc-ava{width:40px;height:40px;border-radius:50%;flex:none;background:#1e1f22;object-fit:cover}
.emb-dc-body{min-width:0;flex:1}
.emb-dc-head{display:flex;align-items:center;gap:6px;margin-bottom:2px}
.emb-dc-name{font-weight:600;color:#f2f3f5}
.emb-dc-bot{background:#5865f2;color:#fff;font-size:10px;font-weight:600;border-radius:4px;padding:1px 5px;line-height:15px}
.emb-dc-time{font-size:12px;color:#949ba4;margin-left:2px}
.emb-dc-content,.emb-e-desc,.emb-e-fv{overflow-wrap:anywhere;word-break:break-word}
.emb-dc-empty{color:#949ba4;font-size:14px;padding:6px 0}
.emb-e{margin-top:6px;max-width:432px;border-radius:4px;background:#2b2d31;border-left:4px solid var(--ec,#4f545c);display:block}
.emb-e-wrap{display:flex;gap:14px;padding:8px 16px 16px 12px;align-items:flex-start;justify-content:space-between}
.emb-e-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px;padding-top:2px}
.emb-e-author{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#f2f3f5}
.emb-e-aico,.emb-e-fico{width:24px;height:24px;border-radius:50%;object-fit:cover}
.emb-e-fico{width:20px;height:20px}
.emb-e-title{font-size:16px;font-weight:700;color:#f2f3f5;overflow-wrap:anywhere}
.emb-e-title.lnk{color:#00a8fc}
.emb-e-desc{font-size:14px}
.emb-e-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px}
.emb-e-field{grid-column:1/-1;min-width:0}
.emb-e-field.inl{grid-column:span 4}
.emb-e-fn{font-size:14px;font-weight:700;color:#f2f3f5;margin-bottom:2px;overflow-wrap:anywhere}
.emb-e-fv{font-size:14px}
.emb-e-img{max-width:100%;border-radius:4px;margin-top:4px}
.emb-e-thumb{width:80px;height:80px;border-radius:4px;object-fit:cover;flex:none}
.emb-e-foot{display:flex;align-items:center;gap:8px;font-size:12px;color:#b5bac1;margin-top:2px}
.emb-dc-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.emb-dc-btn{background:#4e5058;color:#fff;border-radius:4px;font-size:14px;font-weight:500;padding:2px 16px;line-height:32px}
.emb-m-code{background:#1e1f22;border-radius:4px;padding:0 4px;font-family:Consolas,monospace;font-size:.9em}
.emb-m-pre{background:#1e1f22;border:1px solid #1a1b1e;border-radius:4px;padding:8px;margin:4px 0;font-family:Consolas,monospace;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}
.emb-m-link{color:#00a8fc}
.emb-m-ment{background:rgba(88,101,242,.3);color:#c9cdfb;border-radius:3px;padding:0 2px}
.emb-m-emoji{color:#949ba4}
.emb-m-q{border-left:4px solid #4e5058;padding-left:10px;margin:2px 0}
.emb-m-ul{margin:2px 0;padding-left:22px}
.emb-m-h1{font-size:1.5em;font-weight:700;margin:6px 0 2px}.emb-m-h2{font-size:1.25em;font-weight:700;margin:6px 0 2px}.emb-m-h3{font-size:1.1em;font-weight:700;margin:4px 0 2px}

@media (max-width:960px){
  .emb-grid{grid-template-columns:minmax(0,1fr)}
  .emb-side{position:static}
}
@media (max-width:560px){
  .emb-hero{padding-top:104px}
  .emb-card{padding:18px 16px;border-radius:20px}
  .emb-r2{grid-template-columns:minmax(0,1fr)}
  .emb-fld,.emb-btnrow{grid-template-columns:minmax(0,1fr)}
  .emb-fld-c{flex-direction:row;padding-top:0;align-items:center;justify-content:space-between}
  .emb-btnrow .emb-x{margin:0 0 10px;justify-self:start}
  .emb-gen .btn{width:100%}
  .emb-e-field.inl{grid-column:1/-1}
}