/* Lumetra AI Post + My Media navigation polish — aipost2 */
#sidebar{display:flex;flex-direction:column;min-height:100dvh}
#sidebar .sideBottom{flex:1 1 auto;min-height:0;margin-top:10px;display:flex;flex-direction:column;gap:10px}
#sidebar .profile{margin-top:auto;margin-bottom:0;flex:0 0 auto;border-top:1px solid var(--stroke);border-bottom:0}

/* Full AI Post control: custom luminous sparkle + text, never icon-only. */
.aiPostAction,.kaiAiPost{
  position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  min-width:96px!important;min-height:40px!important;padding:0 13px!important;border:1px solid rgba(174,106,255,.62)!important;border-radius:11px!important;
  background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.12),transparent 34%),linear-gradient(135deg,rgba(232,45,163,.20),rgba(108,69,255,.27))!important;
  color:#f6efff!important;font-size:9px!important;font-weight:850!important;line-height:1!important;letter-spacing:.015em!important;white-space:nowrap!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 18px rgba(83,42,163,.12)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease!important;
}
.aiPostAction::before,.kaiAiPost::before{
  content:"";flex:0 0 auto;width:19px;height:19px;
  background:linear-gradient(145deg,#fff 0%,#f1dcff 32%,#ff84d6 62%,#9776ff 100%);
  clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%);
  filter:drop-shadow(0 0 6px rgba(204,139,255,.66));transform:rotate(7deg);
}
.aiPostAction::after,.kaiAiPost::after{
  content:"";position:absolute;width:6px;height:6px;left:27px;top:7px;background:#fff4fd;
  clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%);
  filter:drop-shadow(0 0 4px rgba(255,119,217,.82));opacity:.95;
}
.aiPostAction:hover,.kaiAiPost:hover{transform:translateY(-1px)!important;border-color:rgba(222,181,255,.92)!important;background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.16),transparent 36%),linear-gradient(135deg,rgba(237,50,172,.30),rgba(113,70,255,.39))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 9px 23px rgba(77,38,153,.22)!important}
.aiPostAction:hover::before,.kaiAiPost:hover::before{transform:rotate(17deg) scale(1.08);filter:drop-shadow(0 0 8px rgba(220,167,255,.86))}
.aiPostAction:focus-visible,.kaiAiPost:focus-visible{outline:2px solid #ceb7ff!important;outline-offset:3px!important}
.aiPostAction:active,.kaiAiPost:active{transform:translateY(0) scale(.98)!important}

/* Edited exports: balanced cards with centered, consistent actions. */
#mediaLibrary .mediaGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
#mediaLibrary .mediaCard{display:flex;flex-direction:column;min-width:0}
#mediaLibrary .mediaMeta{padding:11px 12px 5px!important}
#mediaLibrary .mediaActions{margin-top:auto;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;row-gap:8px!important;flex-wrap:wrap!important;padding:10px 11px 14px!important;text-align:center}
#mediaLibrary .mediaActions .viewAction,#mediaLibrary .mediaActions a.viewAction{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 11px!important;border-radius:10px!important;font-size:8.5px!important;font-weight:760!important;line-height:1!important;text-decoration:none!important;white-space:nowrap!important;margin:0!important}
#mediaLibrary .mediaCard .mediaActions>a.viewAction:first-child{background:linear-gradient(105deg,#ed3e98,#7847ff)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 6px 16px rgba(103,58,218,.16)!important}
#mediaLibrary .mediaCard .mediaActions [data-media-edit-export],#mediaLibrary .mediaCard .mediaActions [data-media-rename-export]{background:#101827!important;border:1px solid #2b3950!important;color:#dde6f4!important}
#mediaLibrary .mediaCard .mediaActions .projectDeleteAction{background:rgba(139,37,58,.12)!important;border:1px solid rgba(239,80,109,.56)!important;color:#ff9cac!important}
#mediaLibrary .mediaRow{align-items:center!important}
#mediaLibrary .mediaRow>div:first-child{min-width:150px}
#mediaLibrary .mediaRow .mediaActions{flex:1 1 auto!important;padding:0!important;justify-content:center!important}
#mediaLibrary .mediaRow .mediaActions .viewAction:not(.aiPostAction){min-width:84px!important}

/* Recent Creations keeps Open and AI Post together and readable. */
.kaiRecentInfo>div{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;row-gap:8px!important;flex-wrap:wrap!important}
.kaiRecentInfo button:not(.kaiAiPost),.kaiRecentInfo a{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:0 10px!important;border-radius:9px!important}
.kaiRecentInfo .kaiAiPost{min-width:96px!important;min-height:38px!important;padding-inline:12px!important;font-size:9px!important}
.lumetraImageResult section{justify-content:center!important;align-items:center!important}
.lumetraImageResult section .aiPostAction{min-width:104px!important;min-height:42px!important}

.aiPublishCard{width:min(640px,94vw)!important}.aiPublishPreparing{min-height:120px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #263248;border-radius:14px;background:#0b121e;color:#aab6ca}.aiPublishPreparing i{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#e72ca0,#7046ff);color:white;font-style:normal;animation:aiPostPulse 1.2s ease-in-out infinite}.aiPublishSource{display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;padding:11px 12px;margin:2px 0 12px;border:1px solid #263248;border-radius:12px;background:#0a111c}.aiPublishSource>span{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,rgba(231,44,160,.2),rgba(112,70,255,.25));color:#f3e8ff}.aiPublishSource strong{font-size:11px}.aiPublishSource small{font-size:8px;color:#8793a5}.aiPublishHashtags{display:flex;gap:6px;flex-wrap:wrap;margin:-2px 0 12px}.aiPublishHashtags button{border:1px solid #2b3850;background:#0c1421;color:#b8c5dc;border-radius:999px;padding:6px 9px;font-size:8px;cursor:pointer}.aiPublishNow{width:100%;justify-content:center;background:linear-gradient(135deg,#e72ca0,#7046ff)!important;border-color:transparent!important;color:white!important;font-weight:800}.mediaRenameCard{width:min(480px,94vw)!important}.mediaRenameCard input{width:100%;box-sizing:border-box}
@keyframes aiPostPulse{50%{transform:scale(1.08);box-shadow:0 0 24px rgba(150,82,255,.38)}}

/* Tablet = exactly three edited exports per row. */
@media (min-width:621px) and (max-width:1100px){
  #mediaLibrary .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #mediaLibrary .mediaActions{gap:6px!important;padding:9px 8px 12px!important}
  #mediaLibrary .mediaActions .viewAction,#mediaLibrary .mediaActions a.viewAction{min-height:38px!important;padding-inline:9px!important;font-size:8px!important}
  #mediaLibrary .mediaCard .aiPostAction{min-width:91px!important;padding-inline:10px!important}
  #mediaLibrary .mediaRow{align-items:stretch!important;flex-direction:column!important}
  #mediaLibrary .mediaRow>div:first-child{text-align:center!important}
  #mediaLibrary .mediaRow .mediaActions{width:100%!important}
}

/* Mobile = one edited export per row with generous touch controls. */
@media(max-width:620px){
  #sidebar .sideBottom{margin-top:6px}
  #mediaLibrary .mediaGrid{grid-template-columns:1fr!important;gap:12px!important}
  #mediaLibrary .mediaActions{justify-content:center!important;gap:8px!important;padding:11px 12px 14px!important}
  #mediaLibrary .mediaActions .viewAction,#mediaLibrary .mediaActions a.viewAction{min-height:42px!important;padding-inline:13px!important;font-size:10px!important}
  .aiPostAction,.kaiAiPost{min-width:108px!important;min-height:42px!important;padding-inline:14px!important;font-size:10px!important}
  .aiPostAction::before,.kaiAiPost::before{width:21px;height:21px}
  #mediaLibrary .mediaRow{align-items:stretch!important;flex-direction:column!important}
  #mediaLibrary .mediaRow>div:first-child{text-align:center!important}
  #mediaLibrary .mediaRow .mediaActions{width:100%!important;justify-content:center!important}
  .kaiRecentInfo>div{justify-content:center!important}.kaiRecentInfo .kaiAiPost{min-width:108px!important}
  .aiPublishCard,.mediaRenameCard{width:100%!important;max-width:none!important;border-radius:18px 18px 0 0!important;margin-top:auto;max-height:calc(100dvh - var(--lumetra-quick-height) - var(--lumetra-quick-safe) - 8px)!important;overflow:auto}
  .sceneEditorBackdrop:has(.aiPublishCard),.sceneEditorBackdrop:has(.mediaRenameCard){align-items:flex-end;padding:0 max(8px,env(safe-area-inset-right)) calc(var(--lumetra-quick-height) + var(--lumetra-quick-safe) + 8px) max(8px,env(safe-area-inset-left))}
}

/* Wider media cards + original Final Masters alignment — aipost3 */
/* Give Edited exports enough horizontal room for Download / Edit / Rename / AI Post / Delete. */
#mediaLibrary .mediaGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
#mediaLibrary .mediaCard{min-width:0!important}
#mediaLibrary .mediaCard .mediaActions{
  width:100%!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  align-content:center!important;
  gap:8px!important;
  padding:12px 13px 15px!important;
}
#mediaLibrary .mediaCard .mediaActions .viewAction,
#mediaLibrary .mediaCard .mediaActions a.viewAction{
  flex:0 0 auto!important;
  min-height:40px!important;
  padding-inline:12px!important;
  font-size:9px!important;
}

/* Recent Creations stays a horizontal rail, but cards are now presentation-size rather than compact tiles. */
.kaiRecentCard{
  flex:0 0 clamp(350px,31vw,430px)!important;
  min-width:350px!important;
}
.kaiRecentMedia{height:auto!important;aspect-ratio:16/9!important}
.kaiRecentInfo{padding:13px!important}
.kaiRecentInfo>div{gap:8px!important;justify-content:flex-start!important}
.kaiRecentInfo button:not(.kaiAiPost),.kaiRecentInfo a{
  min-height:40px!important;
  padding-inline:12px!important;
  font-size:9px!important;
}
.kaiRecentInfo .kaiAiPost{min-height:40px!important}

/* Final masters: restore the original information-left / actions-right structure. */
#mediaLibrary .mediaRow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  justify-content:stretch!important;
  gap:18px!important;
  padding:12px 14px!important;
}
#mediaLibrary .mediaRow>div:first-child{
  min-width:0!important;
  text-align:left!important;
  justify-self:start!important;
}
#mediaLibrary .mediaRow .mediaActions{
  width:auto!important;
  flex:0 0 auto!important;
  justify-content:flex-end!important;
  align-items:center!important;
  justify-self:end!important;
  padding:0!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}

/* Tablet keeps the requested three Edited exports per row, with wider usable cards. */
@media (min-width:821px) and (max-width:1100px){
  #mediaLibrary .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
  #mediaLibrary .mediaCard{min-width:0!important}
  #mediaLibrary .mediaCard .mediaActions{gap:6px!important;padding:10px 8px 13px!important}
  #mediaLibrary .mediaCard .mediaActions .viewAction,#mediaLibrary .mediaCard .mediaActions a.viewAction{min-height:38px!important;padding-inline:9px!important;font-size:8px!important}
  .kaiRecentCard{flex-basis:clamp(330px,43vw,390px)!important;min-width:330px!important}
}

/* Portrait tablets still keep three cards, but action rows may wrap neatly inside each wider tile. */
@media (min-width:621px) and (max-width:820px){
  #mediaLibrary .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #mediaLibrary .mediaCard{min-width:0!important}
  #mediaLibrary .mediaCard .mediaActions{gap:5px!important;padding:9px 6px 12px!important}
  #mediaLibrary .mediaCard .mediaActions .viewAction,#mediaLibrary .mediaCard .mediaActions a.viewAction{min-height:36px!important;padding-inline:7px!important;font-size:7.5px!important}
  #mediaLibrary .mediaCard .aiPostAction{min-width:88px!important}
  .kaiRecentCard{flex-basis:clamp(320px,72vw,380px)!important;min-width:320px!important}
  #mediaLibrary .mediaRow{grid-template-columns:minmax(0,1fr) minmax(210px,auto)!important;gap:12px!important}
  #mediaLibrary .mediaRow .mediaActions{max-width:250px!important}
}

/* Mobile remains one Edited export per row, while Final masters still keep title left and controls right. */
@media(max-width:620px){
  #mediaLibrary .mediaGrid{grid-template-columns:1fr!important;gap:14px!important}
  #mediaLibrary .mediaCard{min-width:0!important;width:100%!important}
  #mediaLibrary .mediaCard .mediaActions{gap:8px!important;padding:12px 12px 15px!important}
  .kaiRecentCard{flex-basis:min(91vw,390px)!important;min-width:min(91vw,390px)!important}
  .kaiRecentInfo>div{justify-content:flex-start!important}
  #mediaLibrary .mediaRow{
    grid-template-columns:minmax(0,1fr) minmax(112px,auto)!important;
    align-items:center!important;
    gap:10px!important;
    padding:11px 12px!important;
  }
  #mediaLibrary .mediaRow>div:first-child{text-align:left!important;align-self:center!important}
  #mediaLibrary .mediaRow .mediaActions{
    width:auto!important;
    max-width:170px!important;
    justify-content:flex-end!important;
    justify-self:end!important;
    gap:6px!important;
  }
  #mediaLibrary .mediaRow .mediaActions .viewAction{min-width:0!important;min-height:38px!important;padding-inline:9px!important;font-size:8px!important}
  #mediaLibrary .mediaRow .mediaActions .aiPostAction{min-width:96px!important;min-height:38px!important;padding-inline:10px!important;font-size:8px!important}
}

/* Edited exports auto-slider — media carousel v4 */
.mediaExportCarousel{position:relative;min-width:0;width:100%;overflow:hidden;padding:2px 2px 0}
.mediaExportViewport{overflow:hidden;min-width:0;width:100%;border-radius:13px}
.mediaExportTrack{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .56s cubic-bezier(.22,.72,.22,1);will-change:transform}
.mediaExportSlide{flex:0 0 100%;min-width:0;width:100%;padding:1px 2px 3px;box-sizing:border-box}
.mediaExportSlide .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.mediaExportSlide .mediaCard{width:100%!important;min-width:0!important}
.mediaExportSlide .mediaActions{flex-wrap:nowrap!important;gap:4px!important;padding:10px 8px 13px!important;overflow:visible!important}
.mediaExportSlide .mediaActions .viewAction,.mediaExportSlide .mediaActions a.viewAction{min-width:0!important;min-height:38px!important;padding-inline:9px!important;font-size:8.25px!important;flex:0 1 auto!important}
.mediaExportSlide .mediaActions .aiPostAction{flex:0 0 auto!important;min-width:88px!important;padding-inline:10px!important;gap:6px!important}
.mediaExportSlide .mediaActions .aiPostAction::before{width:16px;height:16px}
.mediaExportSlide .mediaActions .aiPostAction::after{width:5px;height:5px;left:23px;top:6px}
.mediaExportControls{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px 4px 1px;color:#8592a5;font-size:8px}
.mediaExportArrow{width:32px;height:30px;display:grid;place-items:center;border:1px solid #29374b;border-radius:9px;background:#0c1420;color:#e6edf8;font-size:18px;line-height:1;cursor:pointer}
.mediaExportArrow:hover{border-color:#8058c8;background:#171329}
.mediaExportDots{display:flex;align-items:center;justify-content:center;gap:5px}
.mediaExportDots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;background:#39465a;cursor:pointer;transition:width .16s ease,background .16s ease}
.mediaExportDots button.active{width:20px;background:linear-gradient(90deg,#eb3fa0,#8457ff)}
.mediaExportControls>span{min-width:34px;text-align:center;font-variant-numeric:tabular-nums}

@media (min-width:821px){
  #mediaLibrary .mediaExportSlide .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  #mediaLibrary .mediaExportSlide .mediaActions{flex-wrap:nowrap!important;justify-content:center!important}
}
@media (min-width:621px) and (max-width:820px){
  #mediaLibrary .mediaExportSlide .mediaGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
  #mediaLibrary .mediaExportSlide .mediaActions{flex-wrap:nowrap!important;gap:2px!important;padding:8px 4px 11px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .viewAction,#mediaLibrary .mediaExportSlide .mediaActions a.viewAction{min-height:34px!important;padding-inline:4px!important;font-size:6.6px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{min-width:62px!important;padding-inline:5px!important;gap:3px!important;font-size:6.6px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::before{width:13px;height:13px}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::after{display:none}
}
@media(max-width:620px){
  #mediaLibrary .mediaExportSlide .mediaGrid{grid-template-columns:1fr!important;gap:14px!important}
  #mediaLibrary .mediaExportSlide .mediaActions{flex-wrap:wrap!important;gap:8px!important;padding:12px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .viewAction,#mediaLibrary .mediaExportSlide .mediaActions a.viewAction{min-height:42px!important;padding-inline:12px!important;font-size:9.5px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{min-width:108px!important;padding-inline:13px!important;font-size:9.5px!important}
  .mediaExportControls{position:sticky;bottom:0;z-index:3;margin-top:4px;padding:9px;border:1px solid rgba(42,55,75,.8);border-radius:12px;background:rgba(8,13,22,.92);backdrop-filter:blur(8px)}
}

/* Card action downsizing + centered Recent Creations + auto-slider polish — aipost5 */
#mediaLibrary .mediaExportSlide .mediaActions{
  justify-content:center!important;
  gap:4px!important;
  padding:10px 6px 12px!important;
}
#mediaLibrary .mediaExportSlide .mediaActions .viewAction,
#mediaLibrary .mediaExportSlide .mediaActions a.viewAction{
  min-width:0!important;
  min-height:34px!important;
  padding-inline:8px!important;
  border-radius:9px!important;
  font-size:7.35px!important;
  letter-spacing:0!important;
  flex:0 1 auto!important;
}
#mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{
  min-width:72px!important;
  min-height:34px!important;
  padding-inline:8px!important;
  gap:4px!important;
  font-size:7.2px!important;
}
#mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::before{width:13px!important;height:13px!important}
#mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::after{width:4px!important;height:4px!important;left:20px!important;top:6px!important}

#mediaLibrary .mediaRow .mediaActions{
  justify-content:center!important;
  justify-self:center!important;
  gap:6px!important;
}
#mediaLibrary .mediaRow .mediaActions .viewAction{
  min-width:0!important;
  min-height:34px!important;
  padding-inline:10px!important;
  border-radius:9px!important;
  font-size:7.8px!important;
}
#mediaLibrary .mediaRow .mediaActions .aiPostAction{
  min-width:78px!important;
  min-height:34px!important;
  padding-inline:9px!important;
  gap:5px!important;
  font-size:7.6px!important;
}
#mediaLibrary .mediaRow .mediaActions .aiPostAction::before{width:14px!important;height:14px!important}
#mediaLibrary .mediaRow .mediaActions .aiPostAction::after{width:4px!important;height:4px!important;left:21px!important;top:6px!important}

.kaiRecentRail{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x mandatory!important;
}
.kaiRecentRail::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.kaiRecentInfo>div{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.kaiRecentInfo button:not(.kaiAiPost),
.kaiRecentInfo a{
  min-height:34px!important;
  padding-inline:10px!important;
  border-radius:9px!important;
  font-size:8px!important;
}
.kaiRecentInfo .kaiAiPost{
  min-width:82px!important;
  min-height:34px!important;
  padding-inline:9px!important;
  gap:5px!important;
  font-size:7.8px!important;
}
.kaiRecentInfo .kaiAiPost::before{width:14px!important;height:14px!important}
.kaiRecentInfo .kaiAiPost::after{width:4px!important;height:4px!important;left:21px!important;top:6px!important}

@media (min-width:821px){
  #mediaLibrary .mediaExportSlide .mediaActions{gap:4px!important}
}
@media (min-width:621px) and (max-width:820px){
  #mediaLibrary .mediaExportSlide .mediaActions{gap:2px!important;padding:8px 4px 10px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .viewAction,
  #mediaLibrary .mediaExportSlide .mediaActions a.viewAction{min-height:32px!important;padding-inline:5px!important;font-size:6.2px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction{min-width:56px!important;min-height:32px!important;padding-inline:5px!important;gap:2px!important;font-size:6.1px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::before{width:11px!important;height:11px!important}
  #mediaLibrary .mediaExportSlide .mediaActions .aiPostAction::after{display:none!important}
  #mediaLibrary .mediaRow .mediaActions .viewAction{min-height:32px!important;padding-inline:8px!important;font-size:7px!important}
  #mediaLibrary .mediaRow .mediaActions .aiPostAction{min-width:72px!important;min-height:32px!important;font-size:6.9px!important}
}
@media(max-width:620px){
  .kaiRecentInfo>div{justify-content:center!important}
  .kaiRecentInfo button:not(.kaiAiPost),
  .kaiRecentInfo a{min-height:36px!important;padding-inline:10px!important;font-size:8.5px!important}
  .kaiRecentInfo .kaiAiPost{min-width:86px!important;min-height:36px!important;padding-inline:10px!important;font-size:8.3px!important}
  #mediaLibrary .mediaRow .mediaActions{max-width:none!important;width:100%!important}
  #mediaLibrary .mediaRow .mediaActions .viewAction{min-height:36px!important;padding-inline:9px!important;font-size:7.8px!important}
  #mediaLibrary .mediaRow .mediaActions .aiPostAction{min-width:82px!important;min-height:36px!important;padding-inline:9px!important;font-size:7.6px!important}
}

/* Sidebar libraries + social scheduling — aipost6-schedule1 */
.aiPublishTiming{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:end;margin-top:10px}.aiPublishTiming label{margin:0!important}.aiPublishTiming label[hidden]{display:none!important}
.creationArchiveGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.creationArchiveCard{min-width:0;overflow:hidden;border:1px solid #233149;border-radius:14px;background:linear-gradient(180deg,#0b121d,#080e17)}.creationArchiveMedia{aspect-ratio:16/10;background:#05080d;overflow:hidden}.creationArchiveMedia img{display:block;width:100%;height:100%;object-fit:cover}.creationArchiveInfo{display:grid;gap:6px;padding:12px}.creationArchiveInfo>span{font-size:7px;letter-spacing:.12em;color:#a987ee;font-weight:850}.creationArchiveInfo h3{margin:0;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creationArchiveInfo small{color:#77859a;font-size:8px}.creationArchiveActions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:4px}.creationArchiveActions button,.creationArchiveActions a{min-height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 9px;border:1px solid #28374d;border-radius:9px;background:#0f1825;color:#d5ddeb;font:700 7.8px/1 inherit;text-decoration:none;cursor:pointer}.creationArchiveActions .kaiAiPost{min-width:82px!important;min-height:34px!important;padding-inline:9px!important;font-size:7.8px!important}
.brandStandalone{max-width:760px}.brandStandalone .settingsSection{margin:0!important}
.scheduleSummary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.scheduleSummary article{padding:13px;border:1px solid #223149;border-radius:12px;background:#0a121d;display:grid;gap:3px}.scheduleSummary strong{font-size:22px}.scheduleSummary span{font-size:8px;color:#8290a5;text-transform:uppercase;letter-spacing:.08em}.scheduleTip{display:flex;gap:10px;align-items:center;margin:0 0 16px;padding:11px 12px;border:1px solid rgba(130,90,210,.28);border-radius:11px;background:rgba(86,55,150,.08)}.scheduleTip b{white-space:nowrap;font-size:9px;color:#c2a5ff}.scheduleTip span{font-size:8.5px;color:#8e9bad;line-height:1.45}.scheduleGroup{margin-top:16px}.schedulePostList{display:grid;gap:8px}.schedulePostRow{display:grid;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px;border:1px solid #213047;border-radius:11px;background:#09111c}.schedulePostIcon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#15182f;color:#c1a2ff}.schedulePostMain{min-width:0;display:grid;gap:2px}.schedulePostMain span{font-size:6.5px;color:#a888e9;letter-spacing:.1em}.schedulePostMain strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedulePostMain small{font-size:8px;color:#7f8da2}.schedulePostRow>em{font-style:normal;font-size:7px;text-transform:uppercase;border:1px solid #2b3a50;border-radius:999px;padding:5px 7px;color:#9ba8bc}.schedulePostActions{display:flex;gap:5px}.schedulePostActions button{min-height:32px;padding:0 9px;border:1px solid #2b3a50;border-radius:8px;background:#101927;color:#dce3ee;font-size:7px;cursor:pointer}.schedulePostActions .projectDeleteAction{border-color:rgba(225,75,103,.44)!important;color:#ff9cac!important;background:rgba(126,30,50,.12)!important}
@media(max-width:900px){.creationArchiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedulePostRow{grid-template-columns:34px minmax(0,1fr) auto}.schedulePostActions{grid-column:2/-1;justify-content:flex-end}}
@media(max-width:620px){.aiPublishTiming,.creationArchiveGrid,.scheduleSummary{grid-template-columns:1fr}.scheduleTip{align-items:flex-start;flex-direction:column}.schedulePostRow{grid-template-columns:32px minmax(0,1fr)}.schedulePostRow>em{justify-self:start}.schedulePostActions{grid-column:1/-1;justify-content:center;width:100%}.schedulePostActions button{flex:1}.creationArchiveActions{justify-content:center}}

/* Image Library shared selected-item actions — imagelib1 */
.imageLibraryActions{display:flex;align-items:center;justify-content:flex-start;gap:7px;flex-wrap:wrap;margin:-10px 0 16px;padding:10px 12px;border:1px solid #223149;border-radius:12px;background:linear-gradient(180deg,rgba(12,20,32,.86),rgba(8,14,23,.78))}.imageLibraryActions .viewAction{min-height:34px;padding:0 11px;font-size:8px}.imageLibraryActions .aiPostAction{min-width:82px!important;min-height:34px!important;padding-inline:9px!important;font-size:7.8px!important}.imageLibraryActions small{margin-left:4px;color:#7e8ca1;font-size:8px}.creationArchiveSelectable{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.creationArchiveSelectable:hover{border-color:#405270;transform:translateY(-1px)}.creationArchiveSelectable:focus-visible{outline:2px solid #a889ff;outline-offset:3px}.creationArchiveSelectable.creationArchiveSelected{border-color:#a87dff;box-shadow:0 0 0 2px rgba(143,94,255,.18),0 12px 32px rgba(74,42,140,.18)}.creationArchiveSelectable.creationArchiveSelected .creationArchiveMedia{box-shadow:inset 0 0 0 2px rgba(198,164,255,.36)}
@media(max-width:620px){.imageLibraryActions{justify-content:center;margin-top:-4px}.imageLibraryActions .viewAction{flex:1 1 calc(50% - 8px)}.imageLibraryActions small{width:100%;margin:2px 0 0;text-align:center}}

/* Image selection toolbar + public Visual showcase — imagelib2-visual1 */
.imageLibraryActions{display:grid!important;justify-items:center!important;gap:7px!important;text-align:center!important}
.imageLibraryActionButtons{display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;width:100%}
.imageLibraryActions small{display:block!important;width:100%!important;margin:1px 0 0!important;text-align:center!important;color:#7e8ca1;font-size:8px}
.imageLibraryActions .viewAction:disabled,.imageLibraryActions .viewAction[aria-disabled="true"]{opacity:.38!important;cursor:not-allowed!important;filter:saturate(.55)!important;transform:none!important;box-shadow:none!important}
.visualPublishAction{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:34px!important;padding:0 10px!important;border:1px solid rgba(109,198,255,.46)!important;border-radius:9px!important;background:linear-gradient(135deg,rgba(44,116,231,.16),rgba(113,72,255,.19))!important;color:#d9efff!important;font-size:8px!important;font-weight:800!important}
.visualPublishAction>span{font-size:13px;line-height:1;color:#85d8ff}.visualPublishAction>b{font:inherit}
.l526PublishedVisual .l526ShowcaseMedia img{display:block;width:100%;height:100%;object-fit:cover}
.l526PublishedVisual .l526ShowcaseMedia video{opacity:1!important}
.l526PublishedVisual .l526ShowcaseCardCopy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.publishedVisualStarters{margin:0 0 18px}.publishedVisualStarters .panelHead{margin-bottom:10px}.publishedVisualStarters .panelHead p{margin:4px 0 0;color:#7f8da1;font-size:8px}
.workflowVisualStarterCard{padding-top:0!important}.workflowVisualPreview{margin:-1px -1px 12px;aspect-ratio:16/9;overflow:hidden;border-radius:12px 12px 8px 8px;background:#05080d}.workflowVisualPreview img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:620px){.imageLibraryActionButtons{gap:6px}.imageLibraryActionButtons .viewAction{flex:1 1 calc(50% - 6px)}.imageLibraryActions small{margin-top:3px!important}}

/* Image Library fixed action rail + nine-image carousel — imagelib3 */
.imageLibraryActions{place-items:center!important;grid-template-columns:minmax(0,1fr)!important}
.imageLibraryActionButtons{width:min(100%,600px)!important;margin-inline:auto!important;justify-content:center!important;flex-wrap:nowrap!important}
.imageLibraryActionButtons .viewAction{flex:0 0 auto!important;box-sizing:border-box!important;margin:0!important}
#imagesCreateSimilar{width:98px!important}#imagesMakeVideo{width:88px!important}#imagesOpen{width:68px!important}#imagesAiPost{width:92px!important}#imagesPublishVisual{width:86px!important}
.imageLibraryActions small{min-height:14px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.imageLibraryCarousel{position:relative;min-width:0;width:100%}.imageLibraryViewport{overflow:hidden;width:100%;min-width:0;border-radius:14px}.imageLibraryTrack{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .56s cubic-bezier(.22,.72,.22,1);will-change:transform}.imageLibrarySlide{flex:0 0 100%;min-width:0;width:100%;box-sizing:border-box;padding:1px}.imageLibrarySlide .creationArchiveGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.imageLibraryCarouselControls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;color:#8290a5;font-size:8px}.imageLibraryArrow{width:32px;height:30px;display:grid;place-items:center;border:1px solid #29374b;border-radius:9px;background:#0c1420;color:#e6edf8;font-size:18px;line-height:1;cursor:pointer}.imageLibraryArrow:hover{border-color:#8058c8;background:#171329}.imageLibraryDots{display:flex;align-items:center;justify-content:center;gap:5px}.imageLibraryDots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:999px;background:#39465a;cursor:pointer;transition:width .16s ease,background .16s ease}.imageLibraryDots button.active{width:20px;background:linear-gradient(90deg,#eb3fa0,#8457ff)}.imageLibraryCarouselControls>span{min-width:38px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:900px){.imageLibrarySlide .creationArchiveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.imageLibraryActionButtons{width:min(100%,330px)!important;flex-wrap:wrap!important;gap:6px!important}.imageLibraryActionButtons .viewAction{flex:0 0 calc(50% - 3px)!important;width:auto!important;max-width:160px!important}.imageLibrarySlide .creationArchiveGrid{grid-template-columns:1fr!important;gap:12px}.imageLibraryCarouselControls{margin-top:10px}}

/* Reusable Brand Kit — brandkit1 */
.brandKitGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brandKitPanel{min-width:0}.brandKitPanel .panelHead p{margin:4px 0 0;color:#7f8da1;font-size:8px;line-height:1.45}.brandFieldGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.brandFieldGrid label,.brandLongField,.brandColorGrid label{display:grid;gap:5px}.brandFieldGrid label>span,.brandLongField>span,.brandColorGrid label>span{color:#8d9aaf;font-size:7.5px;text-transform:uppercase;letter-spacing:.08em}.brandFieldGrid input,.brandFieldGrid select,.brandLongField textarea{width:100%;box-sizing:border-box;border:1px solid #28374d;border-radius:10px;background:#09111c;color:#e6edf8;padding:10px;font:inherit;font-size:9px}.brandLongField{margin-top:10px}.brandLongField textarea{min-height:86px;resize:vertical;line-height:1.45}.brandColorGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:10px}.brandColorGrid input[type="color"]{width:100%;height:42px;padding:4px;border:1px solid #28374d;border-radius:10px;background:#09111c;cursor:pointer}.brandIdeas{margin-top:12px;padding:11px 12px;border:1px solid rgba(139,92,246,.28);border-radius:11px;background:rgba(100,65,180,.08);display:grid;gap:4px}.brandIdeas b{font-size:8px;color:#c5acff}.brandIdeas span{font-size:8px;line-height:1.5;color:#8794a8}.brandLogoPanel{grid-column:1/-1}.brandLogoPanel .editorButtonRow{justify-content:flex-start;flex-wrap:wrap}.brandLogoPanel .brandLogoPreview{max-width:520px}
@media(max-width:820px){.brandKitGrid{grid-template-columns:1fr}.brandLogoPanel{grid-column:auto}}
@media(max-width:620px){.brandFieldGrid{grid-template-columns:1fr}.brandColorGrid{grid-template-columns:repeat(3,1fr)}.brandLogoPanel .editorButtonRow>*{flex:1 1 100%}}


/* My Media selected-item workflow + render-history disclosure — mymedia2 */
.mediaLibraryActions{place-items:center!important;grid-template-columns:minmax(0,1fr)!important}.mediaLibraryActionButtons{width:min(100%,590px)!important;margin-inline:auto!important;justify-content:center!important;flex-wrap:nowrap!important}.mediaLibraryActionButtons .viewAction{flex:0 0 auto!important;box-sizing:border-box!important;margin:0!important}.mediaLibraryActionButtons #mediaDownloadSelected{width:88px!important}.mediaLibraryActionButtons #mediaEditSelected{width:72px!important}.mediaLibraryActionButtons #mediaRenameSelected{width:82px!important}.mediaLibraryActionButtons #mediaAiPostSelected{width:92px!important}.mediaLibraryActionButtons #mediaDeleteSelected{width:78px!important}.mediaSelectableCard{cursor:pointer;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.mediaSelectableCard:hover{border-color:#405270;transform:translateY(-1px)}.mediaSelectableCard:focus-visible{outline:2px solid #a889ff;outline-offset:3px}.mediaSelectableCard.mediaCardSelected{border-color:#a87dff!important;box-shadow:0 0 0 2px rgba(143,94,255,.18),0 12px 32px rgba(74,42,140,.18)!important}.mediaKindBadge{position:absolute;left:8px;top:8px;z-index:2;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:5px 7px;background:rgba(5,9,16,.82);backdrop-filter:blur(6px);font-size:6.5px;font-weight:850;letter-spacing:.1em;color:#e9eef8}.mediaKindBadge.exported{border-color:rgba(124,91,255,.58);color:#d7c9ff}.mediaKindBadge.saved{border-color:rgba(72,191,153,.52);color:#bdf5df}.savedEditFallback{min-height:100%;display:grid!important;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(86,70,180,.2),transparent 35%),#080f19!important;color:#aebbd0!important;letter-spacing:.12em}.mediaRowTypeBadge{display:inline-flex;align-items:center;border:1px solid rgba(126,91,255,.38);border-radius:999px;padding:3px 6px;margin-right:5px;color:#beaaff;font-size:6px;font-weight:800;letter-spacing:.08em}.mediaRowTypeBadge.saved{border-color:rgba(72,191,153,.42);color:#9ce5c9}.renderHistoryPanelHead{align-items:center!important}.renderHistoryTitleButton{appearance:none;border:0;background:transparent;color:inherit;padding:0;margin:0;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.renderHistoryTitleButton>span{display:grid;gap:3px}.renderHistoryTitleButton h3{margin:0}.renderHistoryTitleButton small{font-size:7px;color:#7f8da2}.renderHistoryTitleButton>b{font-size:15px;color:#a58aff;font-weight:600}.renderHistoryTitleButton:focus-visible{outline:2px solid #a889ff;outline-offset:5px;border-radius:6px}#renderHistoryBody[hidden]{display:none!important}
@media(max-width:620px){.mediaLibraryActionButtons{width:min(100%,330px)!important;flex-wrap:wrap!important;gap:6px!important}.mediaLibraryActionButtons .viewAction{flex:0 0 calc(50% - 3px)!important;width:auto!important;max-width:160px!important}.renderHistoryPanelHead{align-items:flex-start!important}.renderHistoryTitleButton{width:100%}.renderHistoryHeadActions{width:100%;justify-content:space-between}}

/* Recent Creations: centered cards + inline video playback — recentplay1 */
.kaiRecentRail.kaiRecentRailCentered{justify-content:center!important}
.kaiRecentMedia video{object-fit:contain!important;background:#05080e}
.kaiRecentMedia video::-webkit-media-controls-panel{background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}
.kaiRecentMedia video[poster]{object-fit:contain!important}
@media(max-width:620px){.kaiRecentRail.kaiRecentRailCentered{justify-content:flex-start!important}.kaiRecentCard{scroll-snap-align:center!important}}


/* Recent Creations media alignment — keep video, labels and actions perfectly centered. */
.kaiRecentCard{display:flex!important;flex-direction:column!important}
.kaiRecentMedia{display:grid!important;place-items:center!important;overflow:hidden!important;width:100%!important}
.kaiRecentMedia img,.kaiRecentMedia video{display:block!important;width:100%!important;height:100%!important;margin:0 auto!important;object-fit:contain!important;object-position:50% 50%!important;background:#05080e!important}
.kaiRecentInfo{text-align:center!important}
.kaiRecentInfo>div{justify-content:center!important;align-items:center!important}

/* Social Publishing dashboard + 3-second upcoming slider — socialdash1 */
.socialPublishingDashboard{margin:0 0 16px;padding:16px;border:1px solid #26364d;border-radius:16px;background:linear-gradient(145deg,rgba(17,26,42,.98),rgba(8,15,25,.98));box-shadow:0 18px 48px rgba(0,0,0,.16)}
.socialDashboardHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}.socialDashboardHead>div{display:grid;gap:3px}.socialDashboardHead span{font-size:7px;letter-spacing:.14em;color:#a98aff;font-weight:900}.socialDashboardHead h3{margin:0;font-size:17px}.socialDashboardHead p,.socialDashboardHead>small{margin:0;color:#8391a6;font-size:8px;line-height:1.45}.socialDashboardHead>small{text-align:right;padding-top:4px}
.socialDashboardMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.socialDashboardMetrics article{min-width:0;padding:12px;border:1px solid #26364d;border-radius:12px;background:rgba(6,13,22,.8);display:grid;gap:3px}.socialDashboardMetrics span{font-size:7px;color:#8391a6;text-transform:uppercase;letter-spacing:.08em}.socialDashboardMetrics strong{font-size:22px;line-height:1.05;color:#f2f5fb}.socialDashboardMetrics small{font-size:7px;color:#748297}
.socialDashboardPlatforms{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(58,74,98,.55)}.socialDashboardPlatforms>b{font-size:8px;color:#aeb9ca;white-space:nowrap}.socialDashboardPlatforms>div{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.socialDashboardPlatforms span{display:inline-flex;gap:7px;align-items:center;padding:6px 8px;border:1px solid #2b3b54;border-radius:999px;background:#0c1522;color:#8f9db1;font-size:7px}.socialDashboardPlatforms span strong{color:#e8edf5;font-size:8px}.socialDashboardPlatforms small{font-size:8px;color:#728096}
.scheduleUpcomingSlider{min-width:0;width:100%;overflow:hidden}.scheduleUpcomingTrack{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .56s cubic-bezier(.22,.72,.22,1);will-change:transform}.scheduleUpcomingSlide{flex:0 0 100%;min-width:0;width:100%;box-sizing:border-box}.scheduleSliderControls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:10px}.scheduleSliderControls>button{width:30px;height:28px;display:grid;place-items:center;border:1px solid #2b3a50;border-radius:8px;background:#0c1420;color:#e7ecf5;font-size:17px;cursor:pointer}.scheduleSliderDots{display:flex;align-items:center;gap:5px}.scheduleSliderDots button{width:7px;height:7px;min-width:7px;padding:0;border:0;border-radius:99px;background:#39465a;cursor:pointer;transition:width .16s ease,background .16s ease}.scheduleSliderDots button.active{width:20px;background:linear-gradient(90deg,#ec4899,#8b5cf6)}
@media(max-width:760px){.socialDashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr))}.socialDashboardHead{display:grid}.socialDashboardHead>small{text-align:left}.socialDashboardPlatforms{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.scheduleSummary{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.scheduleSummary article{padding:9px 5px!important;text-align:center;justify-items:center}.scheduleSummary strong{font-size:17px!important}.scheduleSummary span{font-size:6px!important;line-height:1.2}.socialPublishingDashboard{padding:12px;margin-bottom:12px}.socialDashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.socialDashboardMetrics article{padding:10px}.socialDashboardMetrics strong{font-size:19px}.socialDashboardPlatforms>div{width:100%}.socialDashboardPlatforms span{flex:1 1 auto;justify-content:space-between}.scheduleUpcomingSlider .schedulePostRow{margin:0}.scheduleSliderControls{margin-top:8px}}


/* Social Publishing command centre — socialdash2 */
.scheduleTimezone{display:grid;gap:5px;font-size:7px;color:#8290a5;text-transform:uppercase;letter-spacing:.08em}.scheduleTimezone select{min-width:170px;height:34px;border:1px solid #2a3950;border-radius:9px;background:#0b1420;color:#e6edf7;padding:0 9px;font-size:8px}.socialDashboardMetrics{grid-template-columns:repeat(5,minmax(0,1fr))!important}.socialDashboardMetrics .metricAlert{border-color:rgba(239,87,115,.42)!important;background:rgba(122,27,48,.13)!important}.socialInsightGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.socialInsightGrid article{min-width:0;padding:13px;border:1px solid #24344b;border-radius:13px;background:linear-gradient(145deg,#0c1522,#08111c);display:grid;gap:5px}.socialInsightGrid span{font-size:6.5px;letter-spacing:.11em;color:#9d7ee1}.socialInsightGrid strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.socialInsightGrid small{font-size:7.5px;line-height:1.45;color:#7f8da2}.scheduleAssistant{margin:0 0 16px;padding:15px;border:1px solid rgba(142,91,221,.42);border-radius:15px;background:linear-gradient(145deg,rgba(76,42,124,.16),rgba(8,15,25,.96));display:grid;grid-template-columns:minmax(180px,.75fr) minmax(260px,1.25fr);gap:12px 16px;align-items:start}.scheduleAssistant>div:first-child span{font-size:7px;color:#c7a7ff;letter-spacing:.12em}.scheduleAssistant h3{margin:5px 0 4px;font-size:14px}.scheduleAssistant p{margin:0;color:#8491a5;font-size:8px;line-height:1.5}.scheduleAssistant textarea{min-height:86px;resize:vertical;border:1px solid #2a3950;border-radius:11px;background:#08111c;color:#eef2f8;padding:11px;font:inherit;font-size:9px}.scheduleAssistant>div:nth-of-type(2){grid-column:2;display:flex;align-items:center;gap:9px}.scheduleAssistant>div:nth-of-type(2)>span{font-size:8px;color:#8f9caf}.scheduleAssistant>[data-schedule-plan-result]{grid-column:1/-1}.schedulePlanPreview{display:grid;gap:7px;padding-top:10px;border-top:1px solid #26364b}.schedulePlanPreview>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.schedulePlanPreview>div small{color:#8190a5}.schedulePlanPreview p{display:grid;grid-template-columns:70px minmax(0,1fr) auto;gap:7px;align-items:center;margin:0;padding:8px;border:1px solid #223149;border-radius:9px;background:#09121d}.schedulePlanPreview p span{font-size:6px;color:#b493f0}.schedulePlanPreview p b{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedulePlanPreview p time{font-size:7px;color:#dce5f2}.schedulePlanPreview p small{grid-column:2/-1}.scheduleOpsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.scheduleOpsGrid>article{min-width:0;padding:13px;border:1px solid #223149;border-radius:13px;background:#09121d}.scheduleHealthList,.scheduleActivity,.repostSuggestions{display:grid;gap:7px}.scheduleHealthList p,.repostSuggestions p,.scheduleActivity p{margin:0;padding:8px;border:1px solid #1f2d40;border-radius:9px;background:#07101a}.scheduleHealthList p{display:grid;gap:3px}.scheduleHealthList b,.repostSuggestions b,.scheduleActivity b{font-size:8px}.scheduleHealthList span{font-size:7px;color:#ff9bab}.scheduleMiniEmpty{padding:14px 8px;color:#78869a;font-size:8px;text-align:center}.scheduleHeatmap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.scheduleHeatDay{display:grid;place-items:center;gap:2px;min-height:47px;border:1px solid #24344a;border-radius:8px;background:#0a1420}.scheduleHeatDay span{font-size:5.5px;color:#77879c;text-transform:uppercase}.scheduleHeatDay strong{font-size:9px}.scheduleHeatDay small{font-size:6px;color:#8795aa}.scheduleHeatDay.level-1{background:rgba(80,57,139,.22)}.scheduleHeatDay.level-2{background:rgba(119,70,185,.27)}.scheduleHeatDay.level-3{background:rgba(166,72,189,.3)}.scheduleHeatDay.level-4{background:rgba(218,63,153,.34)}.contentQueueGroup>.panelHead small{display:block;margin-top:3px;color:#748297;font-size:7px}.scheduleQueue{display:grid;gap:8px}.scheduleQueue .schedulePostRow{cursor:grab}.scheduleQueue .schedulePostRow.dragging{opacity:.45;outline:1px dashed #a879ef}.scheduleHealthFlags{display:flex;gap:4px;flex-wrap:wrap;margin-top:4px}.scheduleHealthFlags b{font-size:5.8px;font-weight:600;border:1px solid rgba(235,83,112,.35);border-radius:99px;padding:3px 5px;color:#ffa0b1;background:rgba(123,28,50,.1)}.schedulePostRow.hasHealthIssue{border-color:rgba(225,75,103,.38)}.schedulePostRow.isPaused{opacity:.72}.approvalPill{font-size:6px;text-transform:uppercase;color:#9f8cbd;border:1px solid #362b48;border-radius:999px;padding:4px 6px;white-space:nowrap}.scheduleQuickActions{display:flex;gap:4px;justify-content:flex-end;flex-wrap:wrap}.scheduleQuickActions button,.scheduleQuickActions a{min-height:28px;padding:0 7px;display:inline-grid;place-items:center;border:1px solid #2b3a50;border-radius:7px;background:#0e1724;color:#dce3ee;text-decoration:none;font-size:6.2px;cursor:pointer}.scheduleQuickActions .projectDeleteAction{border-color:rgba(225,75,103,.38);color:#ff9cac;background:rgba(126,30,50,.1)}.scheduleEditGrid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.scheduleEditModal [data-edit-status]{min-height:18px;font-size:8px;color:#ffa0b1}.repostSuggestions p{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:7px}.repostSuggestions span{font-size:6px;color:#9d7ee1}.repostSuggestions button{min-height:27px;border:1px solid #3b3150;border-radius:7px;background:#171127;color:#d9c8ff;font-size:6.5px}.scheduleActivity p{display:flex;align-items:flex-start;gap:8px}.scheduleActivity i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:#66748a}.scheduleActivity i.status-complete{background:#4dcc93}.scheduleActivity i.status-failed{background:#f05b77}.scheduleActivity span{display:grid;gap:2px;min-width:0}.scheduleActivity small{font-size:6.5px;color:#748297}.schedulePostRow{grid-template-columns:34px minmax(0,1fr) auto auto!important}.scheduleQuickActions{grid-column:1/-1;padding-left:44px}.scheduleUpcomingSlide .scheduleQuickActions{padding-left:44px}
@media(max-width:1000px){.socialDashboardMetrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.socialInsightGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.scheduleAssistant{grid-template-columns:1fr}.scheduleAssistant>div:nth-of-type(2),.scheduleAssistant>[data-schedule-plan-result]{grid-column:1}.schedulePostRow{grid-template-columns:32px minmax(0,1fr) auto!important}.approvalPill{grid-column:2;justify-self:start}.scheduleQuickActions{padding-left:0;grid-column:1/-1}}
@media(max-width:620px){.socialDashboardHead{align-items:flex-start!important}.scheduleTimezone{width:100%}.scheduleTimezone select{width:100%}.socialDashboardMetrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.socialInsightGrid{grid-template-columns:1fr 1fr;gap:7px}.socialInsightGrid article{padding:10px}.socialInsightGrid strong{font-size:10px}.scheduleOpsGrid{grid-template-columns:1fr}.scheduleAssistant{padding:12px;gap:10px}.scheduleAssistant textarea{min-height:78px}.scheduleHeatmap{grid-template-columns:repeat(7,minmax(31px,1fr));overflow-x:auto;padding-bottom:3px}.schedulePostRow{grid-template-columns:30px minmax(0,1fr)!important}.schedulePostRow>em,.approvalPill{grid-column:2;justify-self:start}.scheduleQuickActions{grid-column:1/-1!important;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;gap:4px}.scheduleQuickActions button,.scheduleQuickActions a{padding:0 3px;font-size:5.6px}.scheduleEditGrid{grid-template-columns:1fr}.schedulePlanPreview p{grid-template-columns:55px minmax(0,1fr)}.schedulePlanPreview p time,.schedulePlanPreview p small{grid-column:2}.scheduleSummary{grid-template-columns:repeat(3,minmax(0,1fr))!important}}

/* Recent Creations source-safe framing — show the complete image/video inside the card. */
.kaiRecentMedia{display:grid!important;place-items:center!important;overflow:hidden!important;background:#05080e!important}
.kaiRecentMedia>img,.kaiRecentMedia>video{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center center!important;background:#05080e!important}

/* Lumetra 5.26.7 — Recent Creations media fills the preview card cleanly. */
.kaiRecentCard{min-width:0!important;max-width:100%!important}
.kaiRecentMedia{
  width:100%!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#05080e!important;
}
.kaiRecentMedia>img,.kaiRecentMedia>video{
  display:block!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  border:0!important;
  margin:0!important;
}
@media(max-width:620px){
  .kaiRecentCard{flex-basis:min(86vw,310px)!important;width:min(86vw,310px)!important}
  .kaiRecentMedia{aspect-ratio:16/9!important;max-height:none!important}
}
