.generate-page{position:relative;height:calc(100vh - 70px);min-height:760px;overflow:hidden;background:#fff}
.generate-header{position:absolute;z-index:3;left:0;right:0;top:0;height:59px;border-bottom:1px solid #f0f1f3;background:#fff;display:flex;align-items:center;padding:0 28px;gap:26px}
.generate-heading{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:13px}
.heading-bar{width:3px;height:18px;border-radius:4px;background:#17191d}
.generate-tabs{display:flex;align-items:center;gap:7px;margin-left:auto}
.generate-tabs button{height:29px;padding:0 13px;border:1px solid #eceef1;background:#f8f9fa;border-radius:18px;font-size:12px;color:#535b68;white-space:nowrap}
.generate-tabs button.active{background:#e6f3d6;border-color:#e6f3d6;color:#0059ff}
.layout-filter{display:flex;align-items:center;gap:8px}
.layout-filter button{height:37px;border:1px solid #eceef1;background:#fff;border-radius:20px;padding:0 12px;font-size:12px;font-weight:600;white-space:nowrap}
.layout-filter .layout-control-wrap>button>img:first-child{width:15px;height:15px;vertical-align:middle;margin-right:5px}
.layout-filter small{font-weight:400;color:#9198a3}
.layout-filter .chevron-icon{width:13px;height:13px;vertical-align:middle;margin-left:7px}
.layout-filter .filter-btn{background:#0059ff;border-color:#e6f3d6;padding:0 17px}
.layout-filter .filter-btn img{width:15px;height:15px;vertical-align:middle;margin-right:5px}
.image-tools-panel{position:absolute;z-index:5;left:0;top:4px;bottom:330px;width:360px;background:#fff;border:1px solid #eceef0;border-radius:0 21px 21px 0;box-shadow:0 14px 35px #20283212;overflow:hidden}
.generate-page>.image-tools-panel{display:none}
.image-tools-heading{height:50px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3;font-size:13px}
.image-tools-heading span{font-size:12px;color:#969ba3}
.image-tools-grid{height:calc(100% - 50px);overflow-y:auto;padding:10px 9px 14px;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:51px;column-gap:8px;align-content:start;scrollbar-width:thin}
.image-tool{height:45px;border:1px solid transparent;background:#fff;border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 8px;text-align:left;font-size:12px;font-weight:600;white-space:nowrap}
.image-tool:hover{background:#e6f3d6}
.image-tool.active{background:#e6f3d6;border-color:#e5ebe5}
.image-tool-icon{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:#f0f2f1;border-radius:9px}
.image-tool-icon img{width:17px;height:17px}
.image-results{position:absolute;inset:60px 0 0;display:grid;place-items:center}
.image-empty{display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-26px)}
.image-empty-icon{width:59px;height:59px;border-radius:16px;background:#e6f3d6;display:grid;place-items:center;margin-bottom:15px}
.image-empty-icon img{width:23px;height:23px;color:#89938b}
.image-empty strong{font-size:14px}
.image-empty p{font-size:12px;color:#a1adbd;margin:8px 0}
.feature-guide{position:absolute;z-index:4;left:354px;top:4px;width:min(550px,42vw);padding:0;border-radius:21px;background:#fff;box-shadow:0 13px 35px #17212f22;overflow:hidden;border:1px solid #eef0f3}
.generate-page>.feature-guide{display:none}
.feature-guide img{display:block;width:100%;height:auto;object-fit:contain}
.image-composer-wrap{position:absolute;z-index:6;left:50%;bottom:18px;transform:translateX(-50%);width:min(1210px,calc(100% - 48px));display:flex;align-items:flex-end;gap:12px}
.template-recommend{height:39px;flex:0 0 auto;padding:0 13px;border:1px solid #d9f0ff;border-radius:22px;background:#fff;box-shadow:0 5px 18px #26273a08;font-size:12px;font-weight:700}
.template-recommend img{width:14px;height:14px;vertical-align:middle;margin-right:4px}
.material-library[hidden]{display:none}
.material-library{position:absolute;z-index:45;left:0;bottom:calc(100% + 10px);width:min(380px,calc(100vw - 32px));height:min(584px,calc(100vh - 120px));display:flex;flex-direction:column;padding:15px;border:1px solid #e3e8f0;border-radius:23px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:0 18px 48px #20283225;color:#17243a}
.material-library.source-menu{gap:8px}
.reference-source-panel[hidden]{display:none}
 .reference-source-panel:not([hidden]){container-type:inline-size;position:fixed;z-index:44;left:16px;bottom:120px;display:flex;width:min(760px,calc(100vw - 32px));height:min(470px,calc(100vh - 210px));min-height:260px;max-height:calc(100vh - 32px);box-sizing:border-box;flex-direction:column;overflow:hidden;padding:12px;border:1px solid #e3e8f0;border-radius:15px;background:#fff;box-shadow:0 18px 48px #20283225;color:#17243a}
.reference-source-panel>.material-library-heading,.reference-source-panel>.material-library-tabs,.reference-source-panel>p{flex:none}
.style-library-count{margin:8px 0;color:#8290a4;font-size:11px;text-align:right}
.style-library-categories{display:flex;flex:none;flex-wrap:wrap;gap:6px;overflow:visible;padding:2px 0 8px}
.style-library-categories button{flex:0 0 auto;padding:5px 9px;border:1px solid #e3e8f0;border-radius:14px;background:#fff;color:#5a687d;font-size:10px;white-space:nowrap}
.style-library-categories button.active{border-color:#0059ff;background:#eaf2ff;color:#0059ff}
.reference-source-panel>.material-library-grid.style-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(120px,1fr);max-height:none;flex:1;min-height:120px}
.style-library-card>span{display:flex;flex-direction:column;gap:4px}
.style-library-card>span small{font-size:9px;font-weight:500;opacity:.8}
.style-library-grid [hidden]{display:none}
.reference-source-panel>.reference-source-empty{display:grid;place-items:center;flex:1;color:#8793a5;font-size:12px}
.reference-source-panel>.material-library-grid{flex:1;min-height:150px;max-height:min(365px,44vh);grid-auto-rows:min(190px,calc(55vh - 110px));}
.reference-source-panel>.material-library-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:min(190px,calc(55vh - 110px));}
@media(max-width:620px){.reference-source-panel>.material-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min(160px,42vw)}}
@media(max-width:430px){.reference-source-panel>.material-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.material-library-heading{display:flex;align-items:center;gap:10px;min-height:34px}
.material-library-heading strong{font-size:14px}
.material-library-mark{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#eaf5df;color:#75bd12;font-size:14px}
.material-library-close{margin-left:auto;width:28px;height:28px;border:0;background:transparent;color:#8792a4;font-size:25px;line-height:1}
.material-library>p{margin:12px 0;color:#8993a5;font-size:12px}
.material-library-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:3px;border:1px solid #e6e4ff;border-radius:18px;background:#fff;max-height:none;overflow:visible}
.material-library-tabs button{height:30px;min-width:0;padding:0 4px;border:0;border-radius:12px;background:transparent;color:#536078;font-size:11px;font-weight:650;white-space:nowrap}
.material-library-tabs button.active{background:#7bc30c;color:#fff;box-shadow:0 3px 8px #69af0e38}
.material-library-filter{display:flex;align-items:center;gap:8px;margin:10px 0;padding:0 1px}
.material-library-filter span{padding:4px 12px;border:1px solid #dce8cb;border-radius:15px;background:#f2f9e9;color:#568b08;font-size:11px}
.material-library-filter span+span{border-color:#e6e4ff;background:#fff;color:#68708c}
.material-library-filter b{margin-left:4px;color:#8a90a2}
.material-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:min(251px,calc(75vw - 57.75px));align-items:start;align-content:start;column-gap:10px;row-gap:12px;min-height:0;overflow:auto;padding:0 5px 6px 0;scrollbar-width:thin}
.material-library-card{position:relative;display:block;width:100%;height:100%;min-height:0;box-sizing:border-box;overflow:hidden;padding:0;border:1px solid #e8e9ef;border-radius:14px;background:#eff1f4;box-shadow:0 3px 9px #20283214;cursor:grab}
.material-library-card:active{cursor:grabbing}
.material-library-card img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.material-library-card>span{position:absolute;inset:auto 0 0;padding:24px 9px 8px;background:linear-gradient(transparent,#101522a8);color:white;text-align:left;font-size:11px;font-weight:600;opacity:0;transition:opacity .15s}
.material-library-card:hover>span,.material-library-card:focus-visible>span{opacity:1}
.reference-source-panel>.material-library-grid,.reference-source-panel>.material-library-grid.style-library-grid,.material-library-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:calc((100cqi - 55px)/6);align-content:start;align-items:stretch;row-gap:12px}
.material-library-card{height:100%;aspect-ratio:1/1}
.material-library-card img,.material-library-card video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.material-library-grid.pose-material-grid{grid-auto-rows:calc((100cqi - 55px)/4.5)}
.material-library-grid.pose-material-grid .material-library-card{aspect-ratio:3/4}
.material-library-grid.pose-material-grid .material-library-card img{object-fit:contain;background:#bec2c7}
@media(max-width:620px){.reference-source-panel>.material-library-grid,.reference-source-panel>.material-library-grid.style-library-grid,.material-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:calc((100cqi - 25px)/3)}.material-library-grid.pose-material-grid{grid-auto-rows:calc((100cqi - 25px)/2.25)}}
@media(max-width:430px){.reference-source-panel>.material-library-grid,.reference-source-panel>.material-library-grid.style-library-grid,.material-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:calc((100cqi - 15px)/2)}.material-library-grid.pose-material-grid{grid-auto-rows:calc((100cqi - 15px)/1.5)}}
.composer-preset[hidden]{display:none}
.image-composer{min-width:0;flex:1;border:1px solid #e9ebee;border-radius:26px;background:#fff;box-shadow:0 8px 26px #20283212;padding:10px 13px 12px}
.composer-preset{height:43px;display:flex;align-items:center;gap:8px;background:#f5f6f8;border-radius:13px;padding:0 13px;font-size:12px;white-space:nowrap;overflow:hidden}
.composer-preset .preset-name{font-weight:700}
.composer-preset kbd{font-family:inherit;padding:3px 7px;background:#fff;border:1px solid #e6e9ed;border-radius:7px;color:#667286;font-size:10px}
.preset-description{overflow:hidden;text-overflow:ellipsis}
.composer-preset>button{margin-left:auto;height:29px;padding:0 8px;flex:0 0 auto;border:1px solid #ebeef1;border-radius:9px;background:#fff;color:#8c95a3;font-size:11px}
.composer-preset>button img{width:13px;height:13px;vertical-align:middle}
.composer-content{min-width:0;min-height:106px;display:flex;align-items:flex-start;gap:16px;padding:11px 3px 8px;border-bottom:1px solid #f0f1f3}
.composer-uploads{display:flex;align-items:flex-start;gap:7px;flex:0 0 auto}
.composer-upload{position:relative;width:82px;height:94px;border:0;border-radius:13px;background:#f5f6f8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8190a2;font-size:11px;cursor:pointer;overflow:hidden;transform:rotate(-3deg)}
.composer-upload .upload-plus{font-size:30px;line-height:1;font-weight:300;color:#a9b4c2}
.composer-upload .upload-tag{position:absolute;top:5px;left:6px;padding:2px 6px;border-radius:8px;background:white;font-size:9px}
.composer-upload img.preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:rotate(3deg)}
.composer-slot-wrap{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:5px}.composer-upload-frame{position:relative}.slot-remove-button{position:absolute;z-index:3;top:-6px;right:-6px;width:22px;height:22px;border:1px solid #fff;border-radius:50%;background:#202833;color:#fff;font-size:17px;line-height:18px;cursor:pointer}.slot-remove-button[hidden]{display:none}.slot-material-button{display:flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid #e5eaf1;border-radius:8px;background:#fff;color:#53657a;font:inherit;font-size:10px;cursor:pointer}.slot-material-button img{width:12px;height:12px}.composer-slot-wrap .composer-upload{transform:none}.composer-slot-wrap .composer-upload img.preview{transform:none}.feature-inline-hint{max-width:180px;color:#75839a;font-size:10px;line-height:1.4}.mask-edit-button{border-color:#d8e5f7!important;background:#f2f7ff!important;color:#075bea!important}
.composer-content textarea{flex:1;min-width:0;min-height:82px;resize:vertical;border:0;outline:0;background:transparent;padding:8px 6px;font-size:14px;line-height:1.6}
.composer-content textarea::placeholder{color:#9baac0}
.composer-content .expand-btn{flex:0 0 34px;width:34px;height:34px;margin:0}
.composer-toolbar{min-height:48px;padding-top:9px;display:flex;align-items:center;gap:8px}
.composer-toolbar>.select-control{height:39px;border-radius:12px;font-size:12px}
.composer-options{display:flex;align-items:center;gap:7px;min-width:0;flex:1;overflow:visible}
.composer-options .select-control{height:38px;border-radius:12px;padding:0 10px;font-size:12px}
.composer-options .range-option{display:flex;align-items:center;gap:6px;font-size:11px;color:#596475;white-space:nowrap}
.composer-options input[type=range]{width:100px;accent-color:#7a8b9e}
.prompt-library-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 10px;border:1px solid #d7e5fb;border-radius:11px;background:#f4f8ff;color:#075bea;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s}.prompt-library-button:hover,.prompt-library-button[aria-expanded="true"]{border-color:#8bb6ff;background:#eaf2ff}.composer-options>.prompt-library-button{flex:none}
.prompt-library-popover[hidden]{display:none}.prompt-library-popover{position:fixed;z-index:9999;display:flex;width:min(360px,calc(100vw - 24px));max-height:min(460px,58vh);box-sizing:border-box;flex-direction:column;overflow:hidden;padding:12px;border:1px solid #e3e8f0;border-radius:16px;background:#fff;color:#17243a;box-shadow:0 16px 44px #20283230}.prompt-library-popover>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.prompt-library-popover>header strong{font-size:14px}.prompt-library-popover>header button{width:26px;height:26px;border:0;border-radius:8px;background:#f3f5f8;color:#657287;font-size:20px;cursor:pointer}.prompt-library-popover>p{margin:5px 0 10px;color:#8491a4;font-size:11px}.prompt-library-items{display:flex;min-height:0;flex-direction:column;gap:7px;overflow:auto}.prompt-library-item{display:flex;flex-direction:column;gap:5px;width:100%;padding:9px 10px;border:1px solid #e8edf4;border-radius:11px;background:#fff;text-align:left;cursor:pointer}.prompt-library-item:hover,.prompt-library-item:focus-visible{border-color:#9bbcff;background:#f6f9ff;outline:none}.prompt-library-item strong{font-size:12px;color:#1e2b40}.prompt-library-item small{display:-webkit-box;overflow:hidden;color:#7e8ba0;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.generation-control-wrap{position:relative;flex:0 0 auto}
.tool-select-wrap{position:relative;flex:0 0 auto}
.tool-select-wrap>.select-control{height:39px;border-radius:12px;font-size:12px}
.feature-popover{left:0;bottom:calc(100% + 10px);width:230px;max-height:min(420px,65vh);overflow:auto}
.feature-popover>button.selected{background:#e6f3d6;border-color:#e6f3d6;color:#0059ff}
.feature-popover>button>span:last-child:not(:first-child){font-size:10px;color:#547bb6}
.generation-control-wrap>.select-control{height:38px;border-radius:12px;padding:0 10px;font-size:12px}
.generation-control-wrap .count-control{min-width:72px}
.generation-popover{position:absolute;z-index:40;left:0;bottom:calc(100% + 10px);width:220px;padding:12px;border:1px solid #e7ebf0;border-radius:16px;background:#fff;box-shadow:0 14px 38px #1b27351c;color:#17202c}
.generation-popover[hidden]{display:none}
.generation-popover>strong{display:block;margin:0 0 8px;color:#65768a;font-size:12px;font-weight:600}
.generation-popover>button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:#f7f8fa;text-align:left;font-size:12px}
.generation-popover>button+button{margin-top:5px}
.generation-popover>button.selected{border-color:#aab7ca;background:#f1f2f4}
.generation-popover>button span{color:#8492a3;font-size:10px}
.generation-popover small{display:block;margin-top:8px;padding:9px 10px;border-radius:9px;background:#f7f8fa;color:#6c7b8f;font-size:11px}
.size-popover{left:50%;width:432px;padding:16px;transform:translateX(-50%)}
.ratio-choice-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:12px}
.ratio-choice-grid button,.resolution-choice-grid button{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:11px;background:#f6f7f9;font-size:11px}
.ratio-choice-grid button.selected,.resolution-choice-grid button.selected{border-color:#a6a6a6;background:#f0f0f0}
.ratio-icon{display:block;width:19px;height:13px;border:1px solid #283343;border-radius:2px}
.ratio-icon.ratio-auto{border-style:dashed}
.ratio-icon.ratio-1-1{width:15px;height:15px}
.ratio-icon.ratio-3-4,.ratio-icon.ratio-2-3,.ratio-icon.ratio-9-16{width:12px;height:18px}
.ratio-icon.ratio-3-2{width:19px;height:13px}
.ratio-icon.ratio-4-3{width:17px;height:13px}
.ratio-icon.ratio-21-9{width:22px;height:10px}
.ratio-icon.ratio-16-9{width:20px;height:11px}
.resolution-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.size-popover>small{margin-top:10px}
.count-popover{width:142px}
.composer-toolbar{gap:7px}
.composer-options{gap:6px}
@media(max-width:1200px){.image-composer-wrap{bottom:12px}.image-composer{max-height:45vh;overflow:visible}.composer-options{gap:4px}.composer-options .select-control{padding:0 7px}}
.composer-submit{margin-left:auto;display:flex;align-items:center;gap:8px;white-space:nowrap;border-left:1px solid #eceef1;padding-left:10px}
.composer-submit .remaining{font-size:11px}
.composer-submit .submit-arrow{width:38px;height:38px;flex:0 0 38px}
.composer-content{position:relative;align-items:center}
.composer-uploads.reference-upload-list{width:auto;min-width:0;max-height:92px;flex:0 0 auto;overflow:visible;display:flex;align-items:flex-start;gap:7px}
.composer-uploads.reference-upload-list:has(.reference-upload-item){width:min(270px,38%);flex:0 0 min(270px,38%);overflow-x:hidden;overflow-y:auto;display:grid;grid-template-columns:repeat(4,minmax(0,58px));justify-content:start;align-content:start;gap:6px 7px;scrollbar-width:thin}
.reference-upload-item{position:relative;display:flex;min-width:0;width:58px;flex:0 0 58px;flex-direction:column;align-items:center;gap:3px;color:#61758a;font-size:10px}
.reference-upload-item:not(:first-child){margin-left:0}
.reference-upload-item img{position:relative;border:2px solid #fff;box-shadow:0 3px 10px #17243a22}
.reference-upload-item img{display:block;width:58px;height:58px;border:1px solid #e6eaf0;border-radius:10px;object-fit:cover;background:#f3f5f8}
.reference-upload-item>span{max-width:58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reference-upload-item>button{position:absolute;top:-5px;right:-5px;z-index:2;display:grid;width:19px;height:19px;place-items:center;border:1px solid #fff;border-radius:50%;background:#202833;color:#fff;font-size:14px;line-height:1;opacity:0;cursor:pointer;transition:opacity .15s ease}
.reference-upload-item:hover>button,.reference-upload-item:focus-within>button{opacity:1}
.reference-upload-item.upload-failed>span{color:#d14343}
.reference-upload-item.upload-failed>button[data-retry-reference]{right:17px;background:#d14343;opacity:1}
.reference-upload-add{position:relative;z-index:13;display:grid;width:58px;height:58px;min-width:58px;flex:0 0 58px;margin:0!important;place-items:center;border:1px dashed #cfd9e4;border-radius:10px;background:#f8fafc;color:#728196;font-size:24px;cursor:pointer}
.reference-upload-add:hover{border-color:#1289b8;background:#effaff;color:#1289b8}
.reference-upload-add input{display:none}
.reference-upload-material{display:flex;min-width:58px;height:58px;flex:0 0 58px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:4px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;color:#5f6f83;font:inherit;font-size:10px;cursor:pointer}.reference-upload-material img{width:15px;height:15px}
.composer-content:has(.reference-upload-list) .prompt-editor{align-self:stretch;min-height:82px;text-align:left}
.prompt-editor{flex:1;min-width:0;min-height:82px;max-height:220px;overflow:auto;outline:0;background:transparent;padding:8px 6px;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}
.prompt-editor:empty::before{content:attr(data-placeholder);color:#9baac0;pointer-events:none}
.prompt-image-token{position:relative;display:inline-flex;vertical-align:middle;align-items:center;gap:4px;margin:0 2px;padding:2px 5px 2px 2px;border:1px solid #d9eafa;border-radius:7px;background:#eff7ff;color:#1768b2;font-size:11px;line-height:1.25;white-space:nowrap;user-select:none}
.prompt-style-token{position:relative;display:inline-flex;vertical-align:middle;align-items:center;gap:5px;margin:2px 3px;padding:4px 7px;border:1px solid #d8e5ff;border-radius:999px;background:#eef4ff;color:#245eb8;font-size:12px;line-height:1.3;white-space:nowrap;user-select:none}
.prompt-style-token img{display:block;width:14px;height:14px;object-fit:contain}
.prompt-style-token button{display:grid;width:15px;height:15px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#718096;font-size:13px;line-height:1;opacity:0;cursor:pointer}
.prompt-style-token:hover button,.prompt-style-token:focus-within button{opacity:1}
.prompt-image-token img{display:block;width:20px;height:20px;border-radius:4px;object-fit:cover}
.prompt-image-token button{display:grid;width:15px;height:15px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:#718096;font-size:13px;line-height:1;opacity:0;cursor:pointer}
.prompt-image-token:hover button,.prompt-image-token:focus-within button{opacity:1}
.reference-mention-menu{position:absolute;z-index:35;left:96px;bottom:calc(100% + 8px);display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px;width:min(330px,calc(100% - 110px));max-height:220px;overflow:auto;padding:10px;border:1px solid #e3eaf1;border-radius:14px;background:#fff;box-shadow:0 12px 32px #18263826}
.reference-mention-menu[hidden]{display:none}
.reference-mention-option{min-width:0;padding:5px;border:1px solid transparent;border-radius:10px;background:#fff;color:#42556a;font-size:11px;cursor:pointer}
.reference-mention-option:hover,.reference-mention-option:focus-visible{border-color:#b7dbf6;background:#f1f8ff}
.reference-mention-option img{display:block;width:100%;aspect-ratio:1;margin-bottom:5px;border-radius:7px;object-fit:cover;background:#f1f3f6}
.reference-mention-empty{grid-column:1/-1;padding:8px;color:#728196;font-size:12px}
.generate-feedback{display:none;padding:5px 10px 0;color:#0059ff;font-size:12px}
.generate-feedback.visible{display:block}
@media(max-width:1450px){.generate-header{padding:0 14px;gap:12px}.generate-tabs{gap:4px}.generate-tabs button{padding:0 9px}.image-tools-panel{width:330px}.image-results{left:0}.feature-guide{left:326px;width:min(500px,40vw)}.image-composer-wrap{width:min(1210px,calc(100% - 48px))}.composer-submit .remaining{display:none}}
@media(max-height:850px){.image-tools-panel{bottom:300px}.image-composer-wrap{bottom:12px}.feature-guide{top:2px}}