.create-page{--create-bg:#eef0f7;--create-panel:#f8f8fa;--create-ink:#181716;min-height:100vh;background:var(--create-bg);color:var(--create-ink)}.create-header{height:80px;padding:0 26px;position:fixed;z-index:70;inset:0 0 auto;display:flex;align-items:center;border-bottom:1px solid #e0e1e7;background:#f7f7f9}.create-header .brand-icon{color:#f3cd69;background:#17140e}.create-header .brand{font-family:Georgia,Songti SC,serif;color:#a98432}.create-divider{width:1px;height:26px;margin:0 17px;background:#d6d7dd}.create-header>svg{margin-left:5px;color:#6d6f79}.create-header nav{margin-left:auto;display:flex;align-items:center;gap:22px;font-weight:650}.create-trial{height:40px;padding:0 18px;display:flex;align-items:center;border-radius:10px;color:#fff;background:#17140e}.create-template-menu{position:relative}.create-template-menu summary{height:44px;padding:0 8px;display:flex;align-items:center;gap:5px;border-radius:8px;list-style:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.create-template-menu summary::-webkit-details-marker{display:none}.create-template-menu summary:hover,.create-template-menu[open] summary{background:#ececf0}.create-template-menu summary strong{font-size:15px}.create-template-menu summary svg{width:15px;height:15px;color:#6d6f79;transition:transform .18s}.create-template-menu[open] summary svg{transform:rotate(180deg)}.create-template-menu-popover{width:620px;padding:14px;position:absolute;z-index:90;top:52px;left:0;border:1px solid #dedfe5;border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(28,31,40,.16)}.create-template-menu-title{padding:2px 4px 12px;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #ececf0}.create-template-menu-title strong{font-size:14px}.create-template-menu-title span{color:#8a8d96;font-size:10px}.create-template-menu-grid{padding-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:7px;gap:7px}.create-template-menu-grid a{min-width:0;height:52px;padding:8px 10px;display:flex;flex-direction:column;justify-content:center;gap:3px;border:1px solid #e5e6ea;border-radius:8px;color:#292a30;background:#fafafb;font-size:12px;font-weight:700}.create-template-menu-grid a span{color:#999ca4;font-size:9px;font-weight:500}.create-template-menu-grid a:hover{border-color:#b69a5d;background:#fbf7ed;color:#765b22}.create-rail{width:96px;padding:18px;position:fixed;z-index:60;left:0;top:80px;bottom:0;display:flex;flex-direction:column;gap:10px;border-right:1px solid #dfe0e7;background:#f3f4f8}.create-rail a,.create-rail button{width:60px;height:60px;border:1px solid #d9dbe3;border-radius:10px;display:grid;place-items:center;color:#343640;background:#e9ebf3;font-size:29px}.create-rail button.active{border:2px solid #2b2517;background:#f8f8fb}.create-stage{position:fixed;left:96px;right:420px;top:80px;bottom:0;padding:40px 52px 22px;display:flex;flex-direction:column}.stage-grid{min-height:0;flex:1 1;position:relative;display:grid;place-items:center;grid-gap:12px;gap:12px;border-radius:14px;background:#e6e8f2;overflow:hidden}.stage-grid.count-2,.stage-grid.count-4{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px}.stage-grid.count-4{grid-template-rows:repeat(2,minmax(0,1fr))}.stage-result{width:min(72%,650px);height:min(76%,680px);position:relative;overflow:hidden;border-radius:10px;box-shadow:0 16px 45px rgba(45,49,72,.12)}.stage-grid.count-2 .stage-result,.stage-grid.count-4 .stage-result{width:100%;height:100%}.stage-result img{object-fit:contain;background:#f8f8fa}.stage-result>span{position:absolute;left:12px;top:12px;padding:5px 9px;border-radius:7px;color:#fff;background:rgba(20,20,23,.66);font-size:12px}.stage-result>a{position:absolute;right:12px;bottom:12px;height:36px;padding:0 12px;display:flex;align-items:center;gap:5px;border-radius:8px;color:#fff;background:rgba(22,20,16,.88);font-weight:700}.stage-empty{display:grid;place-items:center;grid-gap:9px;gap:9px;color:#858895}.stage-empty>svg{font-size:70px;color:#ced1e2}.stage-empty strong{color:#474a58;font-size:18px}.stage-toolbar{height:42px;flex:0 0 auto;display:flex;align-items:flex-end;justify-content:space-between;color:#8b8e99;font-size:12px}.stage-toolbar button{height:30px;padding:0;border:0;display:flex;align-items:center;gap:5px;color:#616472;background:transparent}.stage-toolbar button:disabled{opacity:.4}.stage-processing{position:absolute;z-index:6;inset:0;display:grid;place-items:center;align-content:center;grid-gap:9px;gap:9px;background:rgba(237,239,247,.88);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.create-progress{width:86px;height:86px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle closest-side,#f5f6fa calc(100% - 8px),transparent calc(100% - 7px)),conic-gradient(#272115 var(--progress),#d8dbea 0);font-size:18px;font-weight:800}.stage-processing span{color:#777a88;font-size:12px}.create-panel{width:420px;padding:22px 16px 26px;position:fixed;z-index:50;right:0;top:80px;bottom:0;overflow-y:auto;border-left:1px solid #dedfe7;border-radius:16px 0 0 0;background:var(--create-panel)}.create-panel h1{margin:0 0 13px;font-size:17px}.create-mode-tabs{height:46px;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:9px;background:#fff}.create-mode-tabs button{border:0;border-radius:7px;color:#666976;background:transparent}.create-mode-tabs button.active{color:#fff;background:#abaec2;font-weight:700}.panel-label{margin:16px 0 8px;display:flex;align-items:center;justify-content:space-between}.panel-label strong{font-size:14px}.panel-label span{color:#9295a1;font-size:11px}.upload-reference>button{width:100%;height:116px;padding:0;position:relative;overflow:hidden;border:1px dashed #bfc3d2;border-radius:9px;display:grid;place-items:center;align-content:center;grid-gap:5px;gap:5px;color:#6c6f7b;background:#fff}.upload-reference>button:hover{border-color:#7d8191}.upload-reference>button svg{font-size:25px}.upload-reference>button b{font-size:12px}.upload-reference>button small{font-size:10px;color:#9a9daa}.upload-reference>button.has-preview{border-style:solid}.upload-reference>button img{object-fit:cover}.selected-template{margin-top:8px;padding:7px;display:grid;grid-template-columns:58px minmax(0,1fr) 22px;grid-gap:9px;gap:9px;align-items:center;border:1px solid #e1e2e8;border-radius:8px;background:#fff}.selected-template img{width:58px;height:58px;border-radius:6px;object-fit:cover}.selected-template>span{min-width:0;display:grid;grid-gap:4px;gap:4px}.selected-template small{overflow:hidden;color:#888b96;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.selected-template>svg{color:#719160}.prompt-input{height:142px;padding:12px;position:relative;border:2px solid #2b2518;border-radius:10px;background:#fff}.prompt-input textarea{width:100%;height:100%;padding:0 24px 0 0;resize:none;border:0;outline:0;color:#343641;background:transparent;line-height:1.65}.prompt-input>svg{position:absolute;right:10px;bottom:10px;color:#a8abc0}.prompt-shortcuts{margin-top:8px;display:flex;gap:6px}.prompt-shortcuts button{height:28px;padding:0 9px;border:1px solid #dfe0e7;border-radius:7px;color:#646775;background:#fff;font-size:11px}.model-block{position:relative}.model-select{width:100%;height:58px;padding:0 12px;border:1px solid #e2e3e8;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:#fff}.model-select>span{display:grid;grid-template-columns:24px 1fr;grid-gap:2px 6px;gap:2px 6px;text-align:left}.model-select>span svg{grid-row:1/3;margin-top:3px;color:#9a7a32;font-size:20px}.model-select b{font-size:14px}.model-select small{color:#878a95;font-size:10px}.model-menu{padding:7px;position:absolute;z-index:20;left:0;right:0;top:82px;border:1px solid #dbdde4;border-radius:10px;background:#fff;box-shadow:0 16px 35px rgba(30,33,50,.16)}.model-menu button{width:100%;padding:10px;border:0;border-radius:7px;display:grid;grid-template-columns:25px 1fr 20px;grid-gap:7px;gap:7px;align-items:center;background:#fff;text-align:left}.model-menu button.selected{background:#f0f1f6}.model-menu button:disabled{opacity:.48}.model-menu button>svg{font-size:19px}.model-menu button span{display:grid;grid-gap:3px;gap:3px}.model-menu button small{color:#7d808d;font-size:10px}.setting-block{margin-top:14px}.setting-block .panel-label{margin-bottom:8px}.option-row{display:flex;gap:8px}.option-row button{height:34px;padding:0 15px;border:1px solid #e0e1e8;border-radius:7px;color:#656875;background:#fff}.option-row button.active{border-color:#aaaec0;color:#2f3140;background:#dddfea;font-weight:750}.ratio-options button{min-width:58px}.count-setting{display:grid;grid-template-columns:1fr auto;align-items:center}.count-setting .panel-label{margin:0}.create-error{margin-top:13px;padding:9px 10px;gap:6px;border-radius:8px;color:#a72b35;background:#fcedef;font-size:12px}.create-error,.create-submit{display:flex;align-items:center}.create-submit{width:100%;height:52px;margin-top:16px;border:0;border-radius:10px;justify-content:center;gap:8px;color:#fff;background:#201b10;font-weight:800}.create-submit:disabled{opacity:.55}.create-submit span{padding-left:9px;display:flex;align-items:center;gap:4px;border-left:1px solid rgba(255,255,255,.32)}.create-submit span svg{font-size:13px;color:#f2cd70}.create-balance{margin-top:7px;color:#8b8e99;text-align:center;font-size:11px}@media(max-width:1050px){.create-stage{right:370px;padding-inline:24px}.create-panel{width:370px}.create-header nav a:first-child{display:none}}@media(max-width:760px){.create-header{height:58px;padding:0 13px}.create-header .brand{font-size:16px;gap:6px}.create-header .brand-icon{width:26px;height:26px}.create-divider,.create-header nav a:not(.create-trial),.create-header>strong,.create-header>svg,.create-template-menu{display:none}.create-header nav{gap:8px}.create-trial{height:36px;padding:0 13px}.create-rail{display:none}.create-page{padding-top:58px}.create-stage{height:310px;padding:12px 14px 0;position:relative;inset:auto}.stage-grid{min-height:250px}.stage-result{width:78%;height:86%}.stage-grid.count-2,.stage-grid.count-4{padding:10px}.stage-toolbar{height:38px}.stage-toolbar span{display:none}.create-panel{width:auto;position:relative;inset:auto;padding:18px 14px 28px;border:0;border-radius:14px 14px 0 0}.create-panel h1{font-size:18px}.prompt-input{height:125px}.prompt-shortcuts{overflow-x:auto}.prompt-shortcuts button{white-space:nowrap}.create-submit{position:-webkit-sticky;position:sticky;bottom:8px;z-index:10;box-shadow:0 10px 25px rgba(31,27,17,.22)}}.template-picker{margin-top:4px}.template-picker-tabs{display:flex;gap:14px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none}.template-picker-tabs::-webkit-scrollbar{display:none}.template-picker-tabs button{padding:0 0 5px;flex:0 0 auto;border:0;border-bottom:2px solid transparent;color:#858895;background:transparent;font-size:12px}.template-picker-tabs button.active{border-bottom-color:#2b2518;color:#2b2518;font-weight:750}.template-picker-grid{max-height:318px;padding:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;overflow-y:auto;overscroll-behavior:contain;border-radius:9px;background:#fff;scrollbar-color:#aeb1bd transparent;scrollbar-width:thin}.template-picker-grid::-webkit-scrollbar{width:6px}.template-picker-grid::-webkit-scrollbar-thumb{border-radius:999px;background:#aeb1bd}.template-picker-grid::-webkit-scrollbar-track{background:transparent}.template-picker-grid>button{min-width:0;padding:0;position:relative;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#eef0f5;text-align:left}.template-picker-grid>button.active{border-color:#241e12}.template-picker-grid>button>span{aspect-ratio:1/1.12;position:relative;display:block;overflow:hidden}.template-picker-grid img{object-fit:cover}.template-picker-grid b{padding:5px 5px 6px;display:block;overflow:hidden;color:#4d505c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.template-picker-grid>button>svg{position:absolute;right:5px;top:5px;width:20px;height:20px;padding:4px;border-radius:50%;color:#fff;background:#241e12}.template-picker-empty{min-height:104px;padding:18px;display:grid;place-items:center;align-content:center;grid-gap:4px;gap:4px;border-radius:9px;color:#8a8d99;background:#fff;text-align:center}.template-picker-empty svg{font-size:24px;color:#aaaec0}.template-picker-empty b{color:#4b4e59;font-size:12px}.template-picker-empty span{font-size:10px}.independent-style-options{margin-bottom:10px;padding:10px;border:1px solid #e0e1e8;border-radius:9px;background:#fff}.independent-style-options>small{display:block;margin-bottom:8px;color:#868995;font-size:10px}.independent-style-options>div{display:flex;gap:13px;overflow-x:auto;scrollbar-width:none}.independent-style-options>div::-webkit-scrollbar{display:none}.independent-style-options button{padding:0 0 6px;flex:0 0 auto;border:0;border-bottom:2px solid transparent;color:#858895;background:transparent;font-size:12px}.independent-style-options button.active{border-bottom-color:#241e12;color:#241e12;font-weight:750}.picker-expand{padding:5px 8px;border:1px solid #d8dae3;border-radius:6px;color:#777a87;background:#eceef4;font-size:10px}.picker-expand:hover{color:#24211a;background:#e2e4eb}.style-dialog-open{overflow:hidden}.style-dialog-backdrop{padding:68px 34px 34px 130px;position:fixed;z-index:200;inset:0;display:grid;place-items:center;background:rgba(29,31,43,.24);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.style-dialog{width:min(1110px,calc(100vw - 190px));height:min(820px,calc(100vh - 110px));padding:22px 24px 24px;display:grid;grid-template-rows:auto auto minmax(0,1fr);border:1px solid #e4e5ea;border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(28,31,46,.2)}.style-dialog header{height:38px;display:flex;align-items:flex-start;justify-content:space-between}.style-dialog header strong{font-size:16px}.style-dialog header button{width:32px;height:32px;margin-top:-7px;margin-right:-8px;border:0;display:grid;place-items:center;color:#222;background:transparent}.style-dialog header svg{font-size:22px}.style-dialog-tabs{display:flex;gap:24px;overflow-x:auto;border-bottom:1px solid #ececf0;scrollbar-width:none}.style-dialog-tabs::-webkit-scrollbar{display:none}.style-dialog-tabs button{height:42px;padding:0 0 8px;flex:0 0 auto;border:0;border-bottom:3px solid transparent;color:#888b96;background:transparent;font-size:13px}.style-dialog-tabs button.active{border-bottom-color:#252117;color:#252117;font-weight:750}.style-dialog-grid{min-height:0;padding-top:12px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;grid-gap:12px;gap:12px;overflow-y:auto}.style-dialog-grid>button{min-width:0;padding:0;position:relative;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#e8e9ef;text-align:left}.style-dialog-grid>button.active{border-color:#251f13;box-shadow:0 0 0 1px #251f13}.style-dialog-grid>button>span{aspect-ratio:3/3.75;position:relative;display:block;overflow:hidden}.style-dialog-grid img{object-fit:cover}.style-dialog-grid b{height:32px;margin-top:-32px;padding:8px;position:relative;z-index:2;display:block;overflow:hidden;color:#fff;background:rgba(34,34,39,.54);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.style-dialog-grid>button>svg{position:absolute;right:7px;top:7px;z-index:3;width:23px;height:23px;padding:5px;border-radius:50%;color:#fff;background:#241e12}.style-dialog-empty{display:grid;place-items:center;align-content:center;grid-gap:8px;gap:8px;color:#8b8e99}.style-dialog-empty svg{font-size:46px;color:#c4c7d4}.style-dialog-empty strong{color:#363943}@media(max-width:1000px){.style-dialog-backdrop{padding:78px 20px 20px}.style-dialog{width:calc(100vw - 40px)}.style-dialog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.style-dialog-backdrop{padding:12px;place-items:end center}.style-dialog{width:100%;height:min(82vh,720px);padding:18px 14px;border-radius:18px}.style-dialog-tabs{gap:18px}.style-dialog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}.create-stage{padding:18px 24px 12px}.stage-grid{border-radius:16px;background:#e9ebf3}.stage-result{width:auto;height:min(94%,calc(100vh - 122px));max-width:94%;max-height:94%;overflow:visible;border-radius:9px;background:#fff;box-shadow:0 18px 46px rgba(40,44,64,.14)}.stage-result-preview{width:100%;height:100%;padding:0;position:relative;display:block;overflow:hidden;border:0;border-radius:9px;background:#fff;cursor:zoom-in}.stage-result-preview img{object-fit:contain;background:#fff}.stage-result>span{z-index:3}.stage-result-actions{height:42px;padding:5px;position:absolute;z-index:5;right:10px;bottom:10px;display:flex;align-items:center;gap:3px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(25,22,19,.9);box-shadow:0 8px 24px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage-result-actions a{width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:6px;color:#fff;background:transparent}.stage-result-actions a:hover{background:rgba(255,255,255,.16)}.stage-result-actions svg{width:17px;height:17px}.stage-grid.count-2,.stage-grid.count-4{padding:16px}.stage-grid.count-2 .stage-result,.stage-grid.count-4 .stage-result{width:auto;height:92%;max-width:100%}.style-dialog-grid>article,.template-picker-grid>article{min-width:0;position:relative;overflow:hidden;border:2px solid transparent;border-radius:7px;background:#eef0f5}.style-dialog-grid>article.active,.template-picker-grid>article.active{border-color:#241e12;box-shadow:0 0 0 1px #241e12}.template-select{width:100%;padding:0;display:block;border:0;background:transparent;text-align:left;cursor:pointer}.template-picker-grid .template-select>span{aspect-ratio:1/1.12;position:relative;display:block;overflow:hidden}.style-dialog-grid .template-select img,.template-picker-grid .template-select img{object-fit:cover}.template-picker-grid .template-select>b{padding:5px 5px 6px;display:block;overflow:hidden;color:#4d505c;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.template-select>svg{position:absolute;z-index:3;left:5px;top:5px;width:20px;height:20px;padding:4px;border-radius:50%;color:#fff;background:#241e12}.template-zoom{width:27px;height:27px;padding:0;position:absolute;z-index:5;right:5px;top:5px;display:grid;place-items:center;border:0;border-radius:7px;color:#fff;background:rgba(26,23,20,.78);opacity:0;transform:translateY(-3px);transition:.16s;cursor:zoom-in}.style-dialog-grid>article:hover .template-zoom,.template-picker-grid>article:hover .template-zoom,.template-zoom:focus-visible{opacity:1;transform:none}.template-zoom svg{width:15px;height:15px}.style-dialog-grid .template-select>span{aspect-ratio:3/3.75;position:relative;display:block;overflow:hidden}.style-dialog-grid .template-select>b{height:32px;margin-top:-32px;padding:8px;position:relative;z-index:2;display:block;overflow:hidden;color:#fff;background:rgba(34,34,39,.54);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.image-preview-backdrop{padding:34px;position:fixed;z-index:260;inset:0;display:grid;place-items:center;background:rgba(19,20,27,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-preview-dialog{width:min(920px,92vw);height:min(900px,90vh);position:relative;display:grid;place-items:center}.image-preview-dialog>button{width:38px;height:38px;position:absolute;z-index:2;right:-10px;top:-10px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;color:#fff;background:#1d1b18;cursor:pointer}.image-preview-dialog>button svg{width:20px;height:20px}.image-preview-dialog>img{max-width:100%;max-height:100%;display:block;border-radius:9px;box-shadow:0 24px 80px #0008;object-fit:contain}@media(max-width:760px){.create-stage{padding:10px 12px 0}.stage-result{height:92%;max-width:96%}.stage-result-actions{right:6px;bottom:6px}.stage-result-actions a{width:28px;height:28px}.template-zoom{opacity:1;transform:none}.image-preview-backdrop{padding:14px}}.create-asset-picker{width:100%;height:38px;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d9dce4;border-radius:8px;background:#f7f8fb;color:#4e5562;font-weight:700;cursor:pointer}.create-asset-picker:hover{border-color:#a68b4c;color:#735d29;background:#faf7ef}