/* A compact creation surface, with the model menu above the canvas. */
.model-page .creation-panel{max-width:1000px;margin:24px auto 52px;padding:24px;border-radius:22px;background:#fffefa;box-shadow:0 12px 38px #204b3e09;overflow:visible}
.model-page .composer-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.model-page .composer-toolbar>a{font-size:12px;color:#7b8975}.model-picker{position:relative;min-width:0}#model-trigger{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid #e3e8da;border-radius:11px;background:#f7f8f2;font:600 14px inherit;color:#254e3e;cursor:pointer}#model-trigger img{width:23px;height:23px;object-fit:contain}#model-trigger svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.5;margin-left:12px;transition:transform .18s}#model-trigger[aria-expanded=true] svg{transform:rotate(180deg)}
#model-popover{position:absolute;top:calc(100% + 9px);left:0;width:330px;max-width:calc(100vw - 54px);background:#fffefa;border:1px solid #e1e7d8;border-radius:16px;box-shadow:0 15px 45px #1c433126;z-index:50;padding:8px}.model-search{display:flex;align-items:center;gap:8px;padding:4px 8px 10px;border-bottom:1px solid #edf0e5}.model-search span{font-size:24px}.model-search input{min-width:0;width:100%;border:0;background:none;padding:8px 0;font:inherit;font-size:13px;outline:none}#model-list{max-height:min(330px,45vh);overflow:auto;overscroll-behavior:contain;padding-top:5px;scrollbar-width:thin}#model-list h3{font-size:10px;font-weight:500;color:#7b8975;padding:13px 10px 5px;margin:0}#model-list button{display:flex;gap:11px;align-items:center;width:100%;border:0;background:none;border-radius:9px;padding:10px;text-align:left;color:#315645;font:inherit;font-size:13px;cursor:pointer}#model-list button img{width:21px;height:21px;object-fit:contain}#model-list button span{flex:1}#model-list button b{font-weight:400}#model-list button:hover,#model-list button:focus-visible{background:#f1f4e9;outline:0}#model-list button[aria-pressed=true]{background:#eaf0df}#model-list p{padding:18px;font-size:13px}
.model-page .prompt-label{font-size:13px;font-weight:500;margin-bottom:9px}.model-page #prompt{min-height:140px;background:transparent;border:0;border-radius:0;padding:5px 0 16px;font-size:16px;line-height:1.7;box-shadow:none;outline-offset:4px;resize:vertical}.model-page #prompt::placeholder{color:#9ba493}.reference-row{display:flex;align-items:center;gap:12px;min-height:39px;margin-bottom:20px}.reference-upload{position:relative;cursor:pointer;font-size:12px;color:#6d8266;border:1px dashed #ccd8c1;border-radius:8px;padding:8px 11px}.reference-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}#reference-preview{display:flex;align-items:center;gap:9px;font-size:12px;min-width:0}#reference-preview img{width:36px;height:36px;border-radius:6px;object-fit:cover}#reference-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}#remove-reference{border:0;background:none;color:#6d8266;font-size:20px;cursor:pointer}.composer-footer{border-top:1px solid #edf0e5;padding-top:17px;display:flex;align-items:end;justify-content:space-between;gap:15px}.model-page .setup-options{gap:16px;margin:0;flex:1}.model-page .setup-options label{flex:0 1 auto;font-size:10px;color:#89947f}.model-page .setup-options select{font-size:12px;color:#365843;border:0;background:#f3f6ec;border-radius:7px;margin-top:5px;padding:8px 24px 8px 9px;min-width:82px}.model-page .setup-options .audio-check{font-size:12px;margin:0;align-self:end;height:33px;color:#365843}.model-page #generate-button{padding:12px 21px;border-radius:11px;font-size:13px;white-space:nowrap;min-height:43px}.model-page #generate-button:disabled{opacity:.6;cursor:wait}.model-page #model-change-status{margin:12px 0 0;font-size:12px;color:#647c5e}.model-page [hidden]{display:none!important}.model-page #media-results{max-width:1000px;margin:auto}.model-page #media-results:empty{display:none}.model-page.model-member main>.crumbs,.model-page.model-member main>.detail-hero,.model-page.model-member main>.feature-section,.model-page.model-member main>.ideas,.model-page.model-member main>.how-section,.model-page.model-member main>.faq,.model-page.model-member main>.model-relations,.model-page.model-member main>.detail-cta{display:none}.model-page.model-member .creation-panel{margin-top:38px}.model-account{display:flex;align-items:center;gap:12px;font-size:13px}.model-page header{gap:20px}.model-page .account-menu[hidden]{display:none}.model-page button:focus-visible,.model-page select:focus-visible{outline:2px solid #809970;outline-offset:3px}
@media(max-width:700px){.model-page .creation-panel{padding:18px;margin-top:20px;border-radius:17px}.model-page .composer-toolbar{margin-bottom:20px}.model-page .composer-toolbar>a{font-size:10px}.model-page #model-trigger{font-size:12px;gap:8px;padding:9px}.model-page #prompt{font-size:14px;min-height:150px}.composer-footer{flex-direction:column;align-items:stretch}.model-page .setup-options{display:flex;flex-wrap:wrap;gap:10px}.model-page .setup-options label{flex:1}.model-page .setup-options select{min-width:0;padding-right:16px}.model-page .setup-options .audio-check{flex:0 0 auto}.model-page #generate-button{width:100%;justify-content:center}.model-page header>.model-account{margin-left:auto}.reference-row{flex-wrap:wrap}.model-page main{max-width:100%;padding-left:16px;padding-right:16px}}
#model-popover.opens-up{top:auto;bottom:calc(100% + 9px)} #model-trigger{font-family:inherit;font-size:14px;font-weight:600} .model-page.model-member .composer-toolbar>a{visibility:hidden}
@media(max-width:700px){.model-page header{gap:12px;padding:14px 16px}.model-page header .brand img{width:125px}.model-page header .brand{gap:6px}.model-page header .studio-link{white-space:nowrap;padding:10px 13px;font-size:11px}.model-account>a{white-space:nowrap;font-size:11px}.model-page .setup-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.model-page .setup-options .audio-check{grid-column:1/-1;height:25px}.model-page .setup-options select{width:100%;min-width:0}} .model-page .account-panel nav{display:grid}.model-page #media-results{scroll-margin-top:115px;margin-bottom:40px}
@media(max-width:700px){#model-popover{max-width:calc(100vw - 86px)}}
.model-page.model-member main>:not(.creation-panel):not(#media-results):not(.veo-starters){display:none}

/* Match result actions to the compact creator, including dynamically opened previews. */
.model-page .media-result-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.model-page .media-result-actions button{appearance:none;border:1px solid #dde5d6;background:#f6f8f0;color:#355d48;border-radius:10px;padding:10px 14px;font:500 13px/1.4 Manrope,system-ui,sans-serif;cursor:pointer}.model-page .media-result-actions button:hover{background:#eaf0e1;border-color:#b5c7a6}.model-page .media-result-actions button:disabled{opacity:.6;cursor:wait}.model-page .media-result-actions .creation-primary{border-radius:10px;font-size:13px}.model-page .media-result-actions button:focus-visible{outline:2px solid #79946b;outline-offset:3px}