/* Desktop generators: the model button and prompt title occupy separate rows. */
html body.social-page #socialGrid .gen-desc-head.canalai-model-head {
  display:grid!important;grid-template-columns:minmax(0,1fr) 30px!important;
  grid-template-rows:auto auto!important;gap:10px 8px!important;
  height:auto!important;min-height:64px!important;flex-shrink:0!important;
  overflow:visible!important;align-items:center!important;
}
html body.social-page #socialGrid .canalai-model-head > .canalai-model-trigger {
  grid-row:1!important;grid-column:1!important;justify-self:start;
  display:inline-flex!important;align-items:center;gap:10px;
  width:auto!important;max-width:100%!important;min-width:0!important;
  min-height:28px!important;height:auto!important;margin:0!important;padding:5px 10px!important;
  background:#2563eb!important;color:#fff!important;border:0!important;border-radius:6px!important;
  font:500 13px/1.3 Arial,sans-serif!important;text-align:left;cursor:pointer;
  position:static!important;transform:none!important;
}
.canalai-model-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.canalai-model-trigger svg{flex-shrink:0;}
html body.social-page #socialGrid .canalai-model-head > .gen-desc-title {grid-row:2!important;grid-column:1 / -1!important;margin:0!important;}
html body.social-page #socialGrid .canalai-model-head > .gen-random-btn {grid-row:1!important;grid-column:2!important;position:static!important;transform:none!important;margin:0!important;justify-self:end;}
html body.social-page #socialGrid .video-prompt-panel:has(.canalai-model-head) .video-prompt-input {min-height:180px!important;}
.canalai-model-dialog {--mp-bg:#fff;--mp-card:#f8fafc;--mp-text:#152138;--mp-muted:#58677c;--mp-border:#dce3ed;--mp-blue:#2563eb;
  color:var(--mp-text);background:var(--mp-bg);border:1px solid var(--mp-border);border-radius:20px;
  box-shadow:0 30px 100px #0005;padding:0;margin:auto;width:calc(100vw - 64px);box-sizing:border-box;
  max-width:none;max-height:calc(100dvh - 64px);font:14px/1.5 Arial,sans-serif;overflow:hidden;
}
.canalai-model-dialog[open]{display:flex;flex-direction:column;}
.canalai-model-dialog::backdrop{background:#030712b3;backdrop-filter:blur(5px);}
body.social-dark .canalai-model-dialog{--mp-bg:#111827;--mp-card:#182235;--mp-text:#f1f5f9;--mp-muted:#afbdd0;--mp-border:#344156;--mp-blue:#77a7ff;color-scheme:dark;}
.canalai-model-dialog *{box-sizing:border-box;}
.canalai-model-dialog-head{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;padding:26px 30px 22px;border-bottom:1px solid var(--mp-border);flex-shrink:0;}
.canalai-model-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:700;color:var(--mp-blue);}
.canalai-model-dialog h2{font-size:26px;line-height:1.2;margin:8px 0 10px;color:var(--mp-text);}
.canalai-model-dialog-head p{margin:0;color:var(--mp-muted);}
.canalai-model-close{flex-shrink:0;cursor:pointer;
  width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;border:0!important;border-radius:0!important;
  font-size:0!important;color:transparent!important;box-shadow:none!important;
  background:transparent url('/social/icons/ui/cross26.SVG') center/100% 100% no-repeat!important;filter:none!important;
}
body.social-dark .canalai-model-close{background-image:url('/social/icons/ui/chat-close-dark.svg?v=20261002')!important;}
.canalai-model-dialog-content{padding:22px 30px;overflow-y:auto;min-height:0;overscroll-behavior:contain;}
.canalai-model-dialog h3{font-size:16px;margin:0 0 14px;color:var(--mp-text);}
.canalai-model-dialog section+section{margin-top:28px;}
.canalai-model-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.canalai-model-cards:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
.canalai-model-card{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:20px;border:1px solid var(--mp-border);border-radius:14px;background:var(--mp-card);color:var(--mp-text);text-align:left;font:inherit;cursor:pointer;min-width:0;}
.canalai-model-card:not(:disabled):hover{border-color:var(--mp-blue);box-shadow:0 4px 20px #2563eb18;}
.canalai-model-card.is-selected{border:2px solid #3b82f6;padding:19px;background:linear-gradient(#2563eb0d,#2563eb0d),var(--mp-card);}
.canalai-model-card:disabled{cursor:default;opacity:.78;}
.canalai-model-tag{font-size:11px;font-weight:700;color:var(--mp-blue);}
.canalai-model-name{font-size:19px;line-height:1.3;}
.canalai-model-intro{color:var(--mp-muted);min-height:42px;}
.canalai-model-section-title{font-size:12px;font-weight:700;margin-top:9px;}
.canalai-model-section-title.is-plus{color:#15803d;}
.canalai-model-section-title.is-minus{color:#9a5506;}
body.social-dark .canalai-model-section-title.is-plus{color:#86dca5;}
body.social-dark .canalai-model-section-title.is-minus{color:#f5c17b;}
.canalai-model-point{display:flex;gap:8px;font-size:13px;line-height:1.45;}
.canalai-model-point>span:first-child{flex-shrink:0;color:var(--mp-muted);}
.canalai-model-card-action{margin-top:auto;padding-top:16px;color:var(--mp-blue);font-weight:700;font-size:13px;}
.canalai-model-unavailable{margin:24px 0 0;color:var(--mp-muted);font-size:13px;}
.canalai-model-dialog-foot{padding:16px 30px;border-top:1px solid var(--mp-border);color:var(--mp-muted);font-size:12px;flex-shrink:0;}
.canalai-model-trigger:focus-visible,.canalai-model-card:focus-visible,.canalai-model-close:focus-visible{outline:3px solid #60a5fa;outline-offset:3px;}
@media(max-width:1000px){.canalai-model-cards{grid-template-columns:repeat(2,minmax(0,1fr));}.canalai-model-dialog{width:calc(100vw - 32px);max-height:calc(100dvh - 32px);}}