/* Scoped interface corrections, 2026-09-30. */
body.social-page .canalai-inline-cost{font:400 14px/1.4 Inter,Arial,sans-serif;color:inherit;padding:8px 0;grid-column:1/-1;width:100%;box-sizing:border-box;}
body.social-page #detailGenerationModel{margin-left:auto;font:400 12px/1.3 Inter,Arial,sans-serif;text-align:right;color:inherit;}
body.social-page.social-dark .gen-gallery-tabs button.active,
body.social-page.social-dark .generation-results-tabs button.active{border-bottom-color:#fff!important;color:#fff!important;}
body.social-page.social-dark .gen-gallery-tabs button.active:after,
body.social-page.social-dark .generation-results-tabs button.active:after{background:#fff!important;}
@media(min-width:901px){
body.social-page #socialDetail.open{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:20px!important;box-sizing:border-box!important;}
body.social-page #socialDetail .social-detail-panel{position:relative!important;top:auto!important;bottom:auto!important;margin:0!important;transform:none!important;max-height:calc(100dvh - 40px)!important;}
body.social-page #socialGeneratingCard.gen-result-queue-card{box-sizing:border-box!important;width:100%!important;margin:0!important;padding:0!important;min-width:0!important;}
body.social-page #socialGeneratingCard .gen-result-queue-body{box-sizing:border-box!important;min-height:0!important;padding:24px 12px!important;}
}
@media(max-width:900px){
html body.social-page #socialGrid .social-mobile-post-head button.social-mobile-similar>span{font-size:56%!important;}
html.social-dark body.social-page .social-sidebar .social-nav-btn.active,
html body.social-page.social-dark .social-sidebar .social-nav-btn.active{background:#1f2630!important;background-image:none!important;}
body.social-page .canalai-retained-result{width:100%!important;height:100%!important;max-height:200px!important;object-fit:contain!important;display:block!important;}
body.social-page #socialGrid{touch-action:pan-x pan-y;}
body.social-page #socialImageLightbox .social-image-lightbox-media,body.social-page #socialDetail #detailImg{touch-action:none!important;transition:none!important;}
body.social-page [data-gen-progress]{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:min(180px,85%)!important;height:auto!important;min-height:64px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;animation:none!important;transform:none!important;}
body.social-page .generation-timer{font:400 28px/1.3 Inter,Arial,sans-serif!important;color:inherit!important;white-space:nowrap;}
body.social-page .generation-timer-fraction{font-size:14px!important;opacity:.65;}
body.social-page .generation-progress-track{display:block!important;width:100%!important;height:5px!important;margin-top:8px!important;background:#cfd5dd!important;border-radius:6px!important;overflow:hidden!important;}
body.social-page .generation-progress-fill{display:block!important;height:100%!important;width:var(--generation-progress,5%)!important;min-width:8%;background:#3288ff!important;border-radius:6px;transition:width .3s;}
}

@media(min-width:901px){html body.social-page #socialGeneratingCard.gen-result-queue-card{width:calc(100% - 24px)!important;margin:0 12px!important;min-height:200px!important;border-radius:16px!important;box-shadow:none!important;}html body.social-page .marketplace-actions-stack{flex-wrap:wrap;}html body.social-page .marketplace-actions-stack>.canalai-inline-cost{flex-basis:100%;}}

@media(max-width:900px){html body.social-page [data-gen-progress]::before,html body.social-page [data-gen-progress]::after{display:none!important;content:none!important;}}

/* Prices occupy their own line, outside the action row. */
html body.social-page .marketplace-editor .canalai-inline-cost{display:block!important;order:7!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:8px 0!important;white-space:normal!important;}
html body.social-page .marketplace-editor .canalai-inline-cost[hidden]{display:none!important;}
html body.social-page [data-image-inline-price],html body.social-page .canalai-inline-cost{color:#4b5563!important;font-size:14px!important;font-weight:400!important;}
html body.social-page.social-dark [data-image-inline-price],html body.social-page.social-dark .canalai-inline-cost{color:#d1d5db!important;}
html body.social-page #socialDetail .social-prompt-heading-row{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;}
html body.social-page #socialDetail .social-prompt-heading-row h3{order:0!important;flex:0 1 auto!important;margin-right:0!important;}
html body.social-page #socialDetail #detailPromptCopyBtn{order:1!important;flex:0 0 auto!important;margin-left:0!important;position:static!important;}
html body.social-page #socialDetail #detailGenerationModel{order:2!important;margin-left:auto!important;}

/* Balance and CanalAI branding update. */
body.social-page #socialPaymentLink{white-space:nowrap;text-decoration:none!important;box-sizing:border-box;flex-shrink:0;}
body.social-page #socialPaymentLink *{text-decoration:none!important;}
body.social-page #socialMobileBalance{
 border:1px solid #aab6c5!important;border-radius:999px!important;
 background:transparent!important;color:#111827!important;
 height:32px!important;min-height:32px!important;padding:0 10px!important;
 gap:8px!important;font-size:14px!important;text-decoration:none!important;
}
body.social-page #socialMobileBalance *{text-decoration:none!important;}
body.social-page #socialMobileBalance .social-mobile-balance-value{font-size:14px!important;color:inherit!important;}
body.social-page #socialMobileBalance .social-mobile-balance-plus{font-size:18px!important;color:inherit!important;transform:none!important;}
body.social-page.social-dark #socialMobileBalance{border-color:#64748b!important;background:transparent!important;color:#f9fafb!important;}

/* Align the queue frame with the inset media of neighbouring desktop cards. */
@media (min-width:901px){
 html body.social-page #socialGeneratingCard.gen-result-queue-card{
  margin-top:12px!important;
 }
}

/* Render restored progress at its saved width, without a replay from zero. */
html body.social-page [data-gen-progress] .generation-progress-fill{transition:none!important;}
html body.social-page [data-gen-progress]{display:flex!important;flex-direction:column!important;align-items:center!important;}
html body.social-page [data-generation-phase]{display:block;width:100%;margin-top:12px;text-align:center;font:500 14px/1.35 Inter,Arial,sans-serif;}
@media(max-width:900px){html body.social-page .gen-result-queue-body,html body.social-page .video-generation-progress-content{display:flex!important;flex-direction:column!important;align-items:center!important;}}

/* Shared image/video status must remain readable and wrap in narrow cards. */
html body.social-page .gen-result-queue-body [data-generation-phase]{color:#111827!important;white-space:normal!important;overflow-wrap:anywhere;min-width:0;}
html body.social-page.social-dark .gen-result-queue-body [data-generation-phase],
html.social-dark body.social-page .gen-result-queue-body [data-generation-phase]{color:#fff!important;}