/* Generated creation details, shared by Explore and the Studio Gallery. */
.detail-prompt>.generated-prompt-frame,.community-prompt>.generated-prompt-frame{position:relative;display:block;margin-top:8px;padding:0 0 30px;background:#f6f8f2;border-radius:10px;overflow:hidden}
.file-detail-dialog .detail-prompt .generated-prompt-text,.explore-community-dialog .community-prompt .generated-prompt-text{box-sizing:border-box;display:block;max-height:4.5em;overflow:hidden;margin:12px;padding:0;white-space:pre-wrap;overflow-wrap:anywhere;background:transparent;border-radius:0;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:#576152}
.file-detail-dialog .detail-prompt .is-expanded .generated-prompt-text,.explore-community-dialog .community-prompt .is-expanded .generated-prompt-text{max-height:none;overflow:visible}
.generated-prompt-frame.is-short{padding-bottom:0}
.file-detail-dialog .generated-prompt-toggle,.explore-community-dialog .generated-prompt-toggle{position:absolute;right:8px;bottom:4px;display:grid;place-items:center;width:30px;height:26px;margin:0;padding:4px;border:0;border-radius:6px;background:transparent;color:#546b43;cursor:pointer}
.generated-prompt-toggle[hidden]{display:none!important}
.generated-prompt-toggle svg{display:block;width:20px;height:20px;transition:transform .15s}
.generated-prompt-frame.is-expanded .generated-prompt-toggle svg{transform:rotate(180deg)}
.generated-prompt-toggle:hover{background:#e8efdf}
.generated-prompt-toggle:focus-visible{outline:2px solid #6554d9;outline-offset:-2px}
.generated-visual-signals{margin:20px 0;padding-top:16px;border-top:1px solid #e3e7dd}
.generated-visual-signals h3{font-size:12px;line-height:1.4;margin:0 0 10px;color:inherit}
.generated-visual-signals>div{display:flex;flex-wrap:wrap;gap:7px}
.generated-visual-signals span{display:inline-flex;padding:7px 10px;border:1px solid #dce2d4;border-radius:999px;background:#fff;font:11px/1.3 system-ui;color:#455637}
/* Keep the preview centered while the right side expands and scrolls. */
#studio-dialog.file-detail-dialog .detail-layout{height:min(760px,calc(90dvh - 84px));min-height:0;align-items:stretch}
#studio-dialog.file-detail-dialog .detail-media{align-self:center;display:grid;place-items:center;height:100%;min-height:0;max-height:800px}
#studio-dialog.file-detail-dialog .detail-info{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
#studio-dialog.file-detail-dialog .detail-media img.preview-image,#studio-dialog.file-detail-dialog .detail-media video{object-position:center center}
.explore-community-dialog .community-detail-grid{height:min(760px,calc(90dvh - 70px));min-height:0;align-items:stretch}
.explore-community-dialog .community-detail-media{align-self:center;display:grid;place-items:center;height:100%;min-height:0;max-height:800px}
.explore-community-dialog .community-detail-info{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px;overscroll-behavior:contain}
.explore-community-dialog .community-detail-media img.preview-image,.explore-community-dialog .community-detail-media video{object-position:center center}
@media(max-width:760px){
 #studio-dialog.file-detail-dialog .detail-layout,.explore-community-dialog .community-detail-grid{height:auto}
 #studio-dialog.file-detail-dialog .detail-media,.explore-community-dialog .community-detail-media{height:min(45dvh,430px);min-height:220px}
 #studio-dialog.file-detail-dialog .detail-info,.explore-community-dialog .community-detail-info{height:auto;overflow:visible}
 .explore-community-dialog .community-detail-grid{grid-template-columns:1fr}
}