:root{--bg:#f6f9fe;--panel:#fff;--ink:#101928;--muted:#667085;--soft:#e2e8f3;--line:#d6deec;--blue:#0b68ff;--blue-2:#0bb5d8;--navy:#111827;--shadow:0 16px 36px #1220421f}*{box-sizing:border-box}html,body{height:100%;min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.topBar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #e5eaf3;align-items:center;min-height:80px;padding:0 30px;display:grid;position:sticky;top:0;box-shadow:0 2px 8px #10182808}.homeHeader{grid-template-columns:minmax(180px,1fr) auto minmax(360px,1fr);column-gap:28px}.appHeader{grid-template-columns:minmax(160px,1fr) auto minmax(220px,1fr)}.logo{color:#0b1220;justify-self:start;align-items:center;gap:10px;font-size:24px;font-weight:800;display:inline-flex}.topNav{color:#475569;justify-content:center;align-items:center;gap:34px;font-size:16px;display:flex}.topNav a{align-items:center;height:80px;display:inline-flex;position:relative}.topNav a.active{color:#005cff}.topNav a.active:after{content:"";background:#005cff;height:2px;position:absolute;bottom:22px;left:0;right:0}.topActions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.languageSwitch{background:#f7faff;border:1px solid #d6deec;border-radius:999px;grid-template-columns:repeat(2,1fr);align-items:center;min-width:78px;height:34px;padding:3px;display:inline-grid}.languageSwitch a{color:#64748b;border-radius:999px;place-items:center;height:26px;font-size:13px;font-weight:800;display:inline-grid}.languageSwitch a.active{color:#fff;background:#0b68ff}.iconButton,.avatarButton{color:#64748b;background:0 0;border:0;place-items:center;width:34px;height:34px;display:inline-grid}.actionMenu{position:relative}.actionPopover{color:#0f172a;background:#fffffffa;border:1px solid #dbe4f2;border-radius:12px;gap:10px;width:260px;padding:16px;display:grid;position:absolute;top:calc(100% + 14px);right:-12px;box-shadow:0 18px 42px #10182829}.actionPopover:before{content:"";background:#fff;border-top:1px solid #dbe4f2;border-left:1px solid #dbe4f2;width:14px;height:14px;position:absolute;top:-7px;right:22px;transform:rotate(45deg)}.actionPopover strong{font-size:15px}.actionPopover span{color:#475569;background:#f4f7fc;border-radius:8px;padding:10px 12px;font-size:14px}.actionPopover em{color:#94a3b8;font-size:13px;font-style:normal}.avatarButton{color:#132033;background:#f7fbff;border:1px solid #d8e1ee;border-radius:999px}.userAvatarButton{font-size:14px;font-weight:900}.primaryButton{color:#fff;background:#0b68ff;border:1px solid #d6deec;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:94px;min-height:44px;padding:0 22px;font-weight:600;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.topActions .primaryButton:last-child{color:#0b68ff;background:#fff}.appShell .topActions .primaryButton{color:#fff;background:#0b68ff;border-color:#0058e6}.credits{color:#0b1220;letter-spacing:.04em;background:#dfeaff;border:1px solid #c5d6f8;border-radius:999px;align-items:center;gap:8px;height:33px;padding:0 22px;font-size:15px;font-weight:700;display:inline-flex}.dialogBackdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a57;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.loginDialog{color:#101828;background:#fff;border:1px solid #dce5f3;border-radius:18px;width:min(420px,100%);padding:34px;position:relative;box-shadow:0 30px 70px #0f172a38}.dialogClose{color:#64748b;background:#f3f6fb;border:0;border-radius:999px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:14px;right:14px}.loginMark{color:#fff;background:linear-gradient(135deg,#0b68ff,#11bdd2);border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:24px;font-weight:900;display:grid}.loginDialog h2{margin:0 0 10px;font-size:26px}.loginDialog p{color:#64748b;margin:0 0 24px;line-height:1.55}.loginDialog form{gap:12px;display:grid}.authTabs{background:#f2f6fc;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:6px;margin:0 0 16px;padding:4px;display:grid}.authTabs button{color:#64748b;background:0 0;border:0;border-radius:9px;height:38px;font-weight:800}.authTabs button.active{color:#0b68ff;background:#fff;box-shadow:0 6px 16px #10182814}.loginDialog input{border:1px solid #d6deec;border-radius:10px;outline:none;height:48px;padding:0 14px}.loginDialog input:focus{border-color:#0b68ff;box-shadow:0 0 0 3px #0b68ff1f}.loginDialog form button{color:#fff;background:#0b68ff;border:0;border-radius:10px;height:48px;font-weight:800}.loginDialog form button:disabled{cursor:not-allowed;opacity:.68}.verificationRow{grid-template-columns:1fr 128px;gap:10px;display:grid}.verificationRow button{padding:0 12px;font-size:13px}.authNotice{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.authError{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:10px 12px;font-size:13px;line-height:1.45}.authModeSwitch{color:#0b68ff;background:0 0;border:0;width:100%;margin-top:12px;font-weight:800}.loginDialog small{color:#94a3b8;margin-top:14px;line-height:1.45;display:block}.page{min-height:100vh;overflow:hidden}.hero{text-align:center;flex-direction:column;align-items:center;min-height:680px;padding:148px 24px 80px;display:flex;position:relative}.heroGlow{filter:blur(8px);pointer-events:none;background:radial-gradient(circle at 48% 28%,#56c0ff3d,#0000 28%),radial-gradient(circle at 68% 72%,#b587ff26,#0000 24%),radial-gradient(circle at 42% 74%,#fffc,#0000 34%);border-radius:45%;width:min(900px,80vw);height:720px;position:absolute;top:-84px}.hero h1{color:#101828;margin:0;font-size:clamp(44px,5vw,64px);font-weight:800;line-height:1.1;position:relative}.hero h1 span{color:#0000;background:linear-gradient(90deg,#0d6bff,#10bfd0);-webkit-background-clip:text;background-clip:text}.hero p{color:#263245;max-width:820px;margin:32px 0 64px;font-size:24px;line-height:1.45;position:relative}.promptBar{color:#697386;text-align:left;background:#ffffffeb;border:1px solid #d4deeb;border-radius:42px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:min(960px,100%);min-height:88px;padding:14px 10px 14px 32px;display:grid;position:relative;box-shadow:0 12px 22px #15233726}.promptBar textarea{color:#101828;resize:none;background:0 0;border:0;outline:none;width:100%;min-width:0;max-height:168px;font-size:24px;line-height:1.35;overflow-y:auto}.promptBar textarea::placeholder{color:#697386}.promptButton{min-width:184px;min-height:56px}.trending{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex;position:relative}.trending strong{color:#697386;letter-spacing:.12em;font-size:13px}.trending button{color:#111827;background:#ffffffd6;border:1px solid #d6deec;border-radius:999px;height:42px;padding:0 22px;font-size:17px}.showcase{padding:0 40px 96px}.isHidden{display:none}.sectionHeader{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:42px;display:flex}.sectionHeader h2{color:#0f172a;margin:0 0 10px;font-size:40px;line-height:1}.sectionHeader p{color:#697386;margin:0;font-size:20px}.galleryLink{color:#005cff;align-items:center;gap:8px;font-size:20px;display:inline-flex}.showcaseGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.showcaseCard{border:1px solid #c6d1e2;border-radius:10px;min-height:486px;position:relative;overflow:hidden;box-shadow:0 2px 8px #10182829}.showcaseCard span{color:#fff;font-weight:700;display:none;position:absolute;bottom:16px;left:18px}.artMarble{filter:saturate(1.08);background:radial-gradient(at 82% 84%,#ff0072f2,#0000 22%),radial-gradient(at 22% 18%,#00aeffe0,#0000 20%),repeating-radial-gradient(at 70% 58%,#101447 0 10px,#21356c 12px 18px,#d2147e 20px 26px,#08142d 28px 36px)}.artArchitecture{background:linear-gradient(#2c9eea 0 34%,#bfe8ff 35% 50%,#0b74bf 51% 100%)}.artArchitecture:before{content:"";background:#f5f7ef;border-radius:0 110px 0 0;width:340px;height:178px;position:absolute;bottom:132px;left:-28px;box-shadow:inset -28px -18px #0046641f}.artArchitecture:after{opacity:.78;content:"";background:radial-gradient(at 32%,#3a7d99 0 28%,#0000 30%),radial-gradient(at 72%,#3a7d99 0 24%,#0000 26%);border-radius:70px 70px 8px 8px;width:260px;height:48px;position:absolute;bottom:185px;left:24px}.artPortrait{background:radial-gradient(circle at 82% 18%,#7ee7ffcc 0 3%,#0000 4%),radial-gradient(circle at 74% 72%,#7ee7ffcc 0 7%,#0000 8%),radial-gradient(circle at 50% 38%,#f3d1c9 0 8%,#0000 9%),radial-gradient(at 52% 56%,#9dbbc5 0 18%,#0000 19%),radial-gradient(at 50% 58%,#202938 0 34%,#0000 36%),linear-gradient(135deg,#061521,#0c2539 55%,#050911)}.workspace{grid-template-columns:280px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.sideNav{background:#ffffffc7;border-right:1px solid #e0e6f0;flex-direction:column;height:100dvh;min-height:0;padding:28px 24px 148px;display:flex;position:relative}.sideLogo{color:#0b1220;align-items:center;gap:10px;margin-bottom:18px;font-size:24px;font-weight:800;display:inline-flex}.sideMeta{background:#ffffffe0;border:1px solid #dbe4f2;border-radius:16px;justify-items:stretch;gap:10px;padding:10px;display:grid;position:absolute;bottom:24px;left:20px;right:20px;box-shadow:0 14px 34px #0f172a14}.sideWalletRow{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sideCredits,.sideRechargeButton,.sideLogoutButton{color:#0b1220;white-space:nowrap;background:#dfeaff;border:1px solid #c5d6f8;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:0;height:38px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.sideCredits{grid-column:1/-1;justify-content:flex-start;height:40px;padding:0 12px;font-size:14px}.sideRechargeButton{color:#fff;background:#0b68ff;border-color:#0b68ff}.sideLogoutButton{color:#475569;background:#fff;border-color:#d6deec}.topupDialogScrim{z-index:72;background:#0f172a47;border:0;position:fixed;inset:0}.topupDialog{z-index:73;background:#fff;border:1px solid #dbe4f2;border-radius:18px;width:min(380px,100vw - 40px);padding:20px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 62px #0f172a33}.topupDialogHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.topupDialogHeader strong{color:#111827;font-size:16px}.topupDialogHeader button{color:#64748b;background:#f3f6fb;border:0;border-radius:999px;place-items:center;width:30px;height:30px;display:grid}.topupDialog form{gap:12px;display:grid}.topupDialog input{border:1px solid #d6deec;border-radius:10px;outline:none;width:100%;height:44px;padding:0 12px}.topupDialog input:focus{border-color:#0b68ff;box-shadow:0 0 0 3px #0b68ff1f}.topupDialog p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.topupSupportWechat{color:#1f2937;background:#f7faff;border-radius:10px;margin:-4px 0 16px;padding:10px 12px;font-weight:700}.topupDialog form button{color:#fff;background:#0b68ff;border:0;border-radius:10px;height:42px;font-weight:700}.topupDialog form button:disabled{cursor:not-allowed;opacity:.58}.sideLanguageSwitch{background:#f7faff;border:1px solid #d6deec;border-radius:999px;grid-template-columns:repeat(2,1fr);justify-self:start;align-items:center;width:78px;height:30px;padding:2px;display:inline-grid}.sideLanguageSwitch a{color:#64748b;border-radius:999px;place-items:center;height:24px;font-size:12px;font-weight:800;display:inline-grid}.sideLanguageSwitch a.active{color:#fff;background:#0b68ff}.brandBlock{align-items:center;gap:16px;margin-bottom:52px;display:flex}.brandBadge{color:#fff;background:#135ff3;border-radius:15px;place-items:center;width:50px;height:50px;display:grid}.brandBlock h1{margin:0 0 2px;font-size:24px;line-height:1.05}.brandBlock p{color:#34425b;letter-spacing:.18em;margin:0;font-size:14px}.railLinks{gap:18px;display:grid}.railLinks a,.sideBottom a{color:#9aa7bb;letter-spacing:.16em;border-radius:0 8px 8px 0;align-items:center;gap:18px;height:56px;padding:0 20px;font-size:15px;font-weight:800;display:flex}.railLinks a.active{color:#005cff;background:#f0f5ff;position:relative}.railLinks a.active:after{content:"";background:#1269ff;border-radius:4px;width:4px;height:100%;position:absolute;top:0;right:0}.sideBottom{gap:28px;margin-top:auto;display:grid}.sideBottom button{color:#fff;letter-spacing:.12em;background:#101828;border:0;border-radius:8px;height:50px;font-weight:800}.controlPanel{background:#f8faffdb;border-right:1px solid #e0e6f0;padding:32px 30px}.fieldGroup+.fieldGroup{margin-top:46px}.fieldLabel,.strengthRow{color:#101828;letter-spacing:.14em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.fieldLabel span,.strengthRow span{align-items:center;gap:8px;display:inline-flex}.infoIcon,.strengthRow strong{color:#005bdc}.selectButton{color:#111827;background:#f7f8fc;border:1px solid #d2d9e7;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:70px;padding:0 20px;font-size:18px;display:flex}.ratioGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.ratioGrid button{color:#111827;background:#f7f8fc;border:1px solid #d2d9e7;border-radius:8px;place-items:center;gap:8px;height:78px;font-size:13px;display:grid}.ratioGrid button.selected{color:#0053ca;background:#eaf2ff;border-color:#005cff}.ratioGrid i{background:#f7f8fc;border:3px solid #111827;display:block}.ratioGrid .selected i{border-color:#0053ca}.ratioGrid i[data-ratio="1:1"]{width:30px;height:30px}.ratioGrid i[data-ratio="4:3"]{width:40px;height:30px}.ratioGrid i[data-ratio="16:9"]{width:46px;height:25px}.ratioGrid i[data-ratio="9:16"]{width:25px;height:46px}.sliderTrack{height:20px;position:relative}.sliderTrack:before{content:"";background:#d6e0f2;border-radius:99px;height:4px;position:absolute;top:8px;left:0;right:0}.sliderTrack span{background:#0b68ff;border-radius:99px;width:75%;height:4px;position:absolute;top:8px;left:0}.sliderTrack i{background:#fff;border:3px solid #0b68ff;border-radius:999px;width:20px;height:20px;position:absolute;top:0;left:calc(75% - 10px)}.styleGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.styleTile{color:#fff;text-align:left;letter-spacing:.06em;background:#f7f8fc;border:1px solid #d7deeb;border-radius:8px;align-items:flex-end;min-height:118px;padding:12px;font-size:13px;font-weight:900;display:flex;position:relative;overflow:hidden}.styleTile.selected{border:2px solid #005cff}.styleCyberpunk{background:linear-gradient(#0000,#000000d6),linear-gradient(135deg,#111827 10%,#2b0f34 42%,#0b5b8f 100%)}.styleAnime{background:linear-gradient(#0000,#0000008f),radial-gradient(circle at 52% 38%,#87d78d 0 14%,#0000 15%),linear-gradient(135deg,#a7dded,#fff4b7)}.styleRealistic{background:linear-gradient(#0000,#001432db),radial-gradient(at 50% 34%,#f0c7a9 0 20%,#0000 21%),radial-gradient(at 50% 78%,#244e7b 0 32%,#0000 33%),#071625}.styleNone{color:#111827;justify-content:center;align-items:center}.checkMark{color:#fff;background:#0b68ff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.canvasArea{background:#f7f7f8;min-width:0;height:100dvh;min-height:0;position:relative;overflow:hidden}.creatorStage{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.6dvh,14px);min-height:0;padding:clamp(12px,2dvh,18px) 32px clamp(14px,2.8dvh,24px);display:grid}.generationInteractionShield{z-index:3;cursor:progress;position:fixed;inset:0}.emptyCanvasState{color:#9ca3af;place-items:center;gap:18px;width:100%;height:100%;min-height:0;display:grid}.emptyCanvasState svg{color:#d9dde4}.emptyCanvasState p{color:#9aa3b2;margin:0;font-size:14px;font-weight:500}.conversationTurn{gap:14px;margin:0 auto 24px;display:grid}.historyImageScroller{z-index:1;border-bottom:1px solid #e7edf5;align-items:center;gap:10px;width:min(1080px,100%);min-width:0;min-height:0;margin:0 auto;padding:4px 2px clamp(8px,1.4dvh,12px);display:flex;position:relative;overflow:auto hidden}.historyImageScroller button{background:#fff;border:2px solid #0000;border-radius:8px;flex:0 0 clamp(56px,9dvh,82px);width:clamp(56px,9dvh,82px);height:clamp(56px,9dvh,82px);padding:0;overflow:hidden;box-shadow:0 8px 18px #0f172a0f}.historyEmptyState{color:#98a2b3;background:#ffffff8f;border:1px dashed #dbe3ef;border-radius:8px;place-items:center;width:100%;min-height:clamp(56px,9dvh,82px);font-size:13px;font-weight:700;display:grid}.historyImageScroller button.active{border-color:#0b68ff}.historyImageScroller img{object-fit:cover;width:100%;height:100%;display:block}.promptBubble{color:#172033;background:#fff;border:1px solid #e7ebf2;border-radius:18px 18px 5px;justify-self:end;max-width:min(680px,86%);padding:14px 16px;box-shadow:0 10px 24px #0f172a0f}.promptBubble p{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.promptBubble span{color:#8b96a8;text-transform:uppercase;margin-top:8px;font-size:11px;font-weight:800;display:block}.generationLoader{color:#172033;background:linear-gradient(#ffffffeb,#f8fafcf5),linear-gradient(90deg,#0b68ff14,#12b5c80d,#fff0);border:1px solid #e2e8f0;border-radius:8px;align-content:center;place-items:center;gap:14px;width:100%;height:100%;min-height:0;padding:34px;display:grid;position:relative;overflow:hidden}.generationLoader:before{opacity:.58;content:"";background:linear-gradient(110deg,#0000 0 34%,#ffffffdb 44%,#0000 55%) 0 0/220px 100%,linear-gradient(#edf2f7 1px,#0000 1px) 0 0/34px 34px,linear-gradient(90deg,#edf2f7 1px,#0000 1px) 0 0/34px 34px;animation:2.6s ease-in-out infinite loaderSheen;position:absolute;inset:0}.loaderCore{z-index:1;background:linear-gradient(135deg,#eef7f5 0 28%,#fff7ea 29% 58%,#f1f6ff 59%),#fff;border:1px solid #dbe5f2;border-radius:8px;width:min(420px,76%);height:180px;position:relative;overflow:hidden;box-shadow:0 22px 50px #0f172a14}.loaderCore:before{opacity:.85;content:"";background:linear-gradient(90deg,#0000,#ffffffc2,#0000) 0 0/180px 100%,radial-gradient(circle at 21% 30%,#89c6a9 0 8%,#0000 9%),radial-gradient(circle at 75% 26%,#f8b7a5 0 10%,#0000 11%),radial-gradient(circle at 23% 72%,#f2c66f 0 14%,#0000 15%),radial-gradient(circle at 76% 72%,#91c7d8 0 13%,#0000 14%);animation:2.2s ease-in-out infinite loaderReveal;position:absolute;inset:0}.loaderCore:after{content:"";background:#e2e8f0e6;border-radius:999px;height:10px;position:absolute;bottom:22px;left:24px;right:24px}.loaderCore span{z-index:1;content:"";background:linear-gradient(90deg,#0b68ff,#12b5c8);border-radius:999px;width:34%;height:10px;animation:2.2s ease-in-out infinite loaderProgress;position:absolute;bottom:22px;left:24px}.loaderCore span:nth-child(2){background:#0f172a1f;width:42%;height:12px;animation:2.2s ease-in-out infinite loaderLine;top:28px;bottom:auto;left:28px}.loaderCore span:nth-child(3){background:#0f172a14;width:28%;height:9px;animation:2.2s ease-in-out .12s infinite loaderLine;top:52px;bottom:auto;left:28px}.generationLoader strong{z-index:1;font-size:17px;position:relative}.generationLoader p{z-index:1;color:#667085;margin:0;font-size:13px;font-weight:700;position:relative}@keyframes loaderSheen{0%,to{background-position:-240px 0,0 0,0 0}50%{background-position:calc(100% + 240px) 0,0 0,0 0}}@keyframes loaderReveal{0%,to{filter:saturate(.9);background-position:-180px 0,0 0,0 0,0 0,0 0}50%{filter:saturate(1.08);background-position:calc(100% + 180px) 0,0 0,0 0,0 0,0 0}}@keyframes loaderProgress{0%,to{width:24%}50%{width:calc(100% - 48px)}}@keyframes loaderLine{0%,to{opacity:.42;transform-origin:0;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}.generationErrorInline{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;justify-self:start;max-width:min(620px,92%);padding:12px 14px;font-size:13px;line-height:1.5}.latestResultPanel{grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;display:grid;position:relative}.previewStage{z-index:1;width:min(1080px,100%);min-height:0;margin:0 auto;position:relative;overflow:hidden}.generatedImageViewport{box-sizing:border-box;background:linear-gradient(#fff,#f6f8fb),#fff;border:1px solid #e1e7ef;border-radius:8px;place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 48px #0f172a14}.generatedImage{-webkit-user-select:none;user-select:none;object-fit:contain;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.generatedImageStrip{background:#ffffffe0;border:1px solid #e5e9f2;border-radius:14px;gap:8px;max-width:min(520px,100% - 36px);padding:8px;display:flex;position:absolute;top:18px;right:18px;overflow-x:auto;box-shadow:0 10px 30px #0f172a1a}.generatedImageStrip button{background:#f8fafc;border:2px solid #0000;border-radius:9px;flex:0 0 54px;width:54px;height:54px;padding:0;overflow:hidden}.generatedImageStrip button.active{border-color:#0b68ff}.generatedImageStrip img{object-fit:cover;width:100%;height:100%;display:block}.resultActionDock{justify-content:center;width:100%;min-height:38px;display:flex}.resultActions{flex-wrap:wrap;justify-content:center;gap:10px;max-width:100%;display:flex}.resultActions .resultActionButton{appearance:none;color:#111827;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 15px;font-size:13px;font-weight:900;display:inline-flex;background:#fff!important;border:1px solid #d6e0eff5!important;box-shadow:0 8px 18px #0f172a1a!important}.resultActions .resultActionButton:hover{color:#0b68ff;background:#fff!important;border-color:#0b68ff57!important}.resultActions .resultActionButton:last-child{color:#fff;background:#0b68ff!important;border-color:#0b68ff!important}.resultActions .resultActionButton:last-child:hover{color:#fff;background:#0058df!important}.historyImageGrid{grid-template-columns:repeat(auto-fit,minmax(86px,112px));justify-self:start;gap:10px;width:min(520px,92%);display:grid}.historyImageGrid img{aspect-ratio:1;object-fit:cover;background:#fff;border:1px solid #e4e9f2;border-radius:8px;width:100%;box-shadow:0 10px 22px #0f172a0f}.underConstructionStage{place-items:center;padding:40px;display:grid}.underConstructionCard{color:#9aa3b2;text-align:center;place-items:center;gap:12px;display:grid}.underConstructionCard svg{color:#d1d7e0}.underConstructionCard h1{color:#202633;margin:0;font-size:24px;line-height:1.2}.underConstructionCard p{color:#8e98a8;max-width:360px;margin:0;font-size:14px;line-height:1.6}.localGalleryStage{background:#f7f8fb;padding:42px;display:block;overflow:auto}.localGalleryHeader{justify-content:space-between;align-items:flex-start;gap:24px;max-width:1120px;margin:0 auto;display:flex}.localGalleryHeader h1{color:#101827;margin:0 0 10px;font-size:28px;line-height:1.2}.localGalleryHeader p{color:#64748b;max-width:760px;margin:0;font-size:14px;line-height:1.7}.localGalleryActions{flex:none;gap:10px;display:flex}.localGalleryActions button{color:#2f3a4d;background:#fff;border:1px solid #d9e2f1;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.localGalleryActions button:first-child{color:#0b68ff;background:#eef5ff;border-color:#b9d3ff}.localGalleryActions button:disabled{color:#9aa3af;cursor:not-allowed;opacity:.64}.localGalleryLimit{color:#8b96a8;text-transform:uppercase;max-width:1120px;margin:16px auto 22px;font-size:12px;font-weight:700}.localGalleryGrid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;max-width:1120px;margin:0 auto;display:grid}.localGalleryCard{background:#fff;border:1px solid #e5eaf2;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #0f172a0f}.localGalleryImage{aspect-ratio:1;background:#eef2f7;position:relative}.localGalleryImage img{object-fit:contain;width:100%;height:100%;display:block}.localGalleryDownload{z-index:2;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ac2;border:1px solid #ffffffb8;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:9px;right:9px;box-shadow:0 10px 22px #0f172a2e}.localGalleryDownload:hover{color:#fff;background:#0b68ff}.localGalleryImage>span{color:#fff;background:#0f172abd;border-radius:999px;padding:4px 7px;font-size:11px;font-weight:700;position:absolute;bottom:9px;right:9px}.localGalleryBody{padding:13px 14px 15px}.localGalleryBody time{color:#94a3b8;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.localGalleryBody dl{gap:10px;margin:0;display:grid}.localGalleryBody dt{color:#8b96a8;margin:0 0 4px;font-size:12px;font-weight:700}.localGalleryBody dd{color:#172033;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.45}.localGalleryEmpty{color:#98a2b3;text-align:center;place-items:center;gap:10px;min-height:360px;display:grid}.localGalleryEmpty h2{color:#263244;margin:0;font-size:20px}.localGalleryEmpty p{color:#8b96a8;margin:0;font-size:14px}.creatorComposer{z-index:4;background:#fffffff5;border:1px solid #e5e7eb;border-radius:22px;width:min(1080px,100%);max-width:none;margin:0 auto;padding:clamp(10px,1.8dvh,16px);position:relative;box-shadow:0 16px 36px #0f172a1a}.composerLoading{z-index:6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:progress;background:#ffffffc7;border-radius:22px;place-items:center;display:grid;position:absolute;inset:0}.composerLoading span{color:#fff;background:#0b68ff;border-radius:999px;align-items:center;gap:9px;min-height:38px;padding:0 16px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #0b68ff3d}.composerLoading span:before{content:"";border:2px solid #ffffff6b;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.75s linear infinite composerSpin}@keyframes composerSpin{to{transform:rotate(360deg)}}.referenceTray{align-items:center;gap:8px;min-height:54px;margin-bottom:8px;display:flex}.referenceInput{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.referenceThumb{background:#f4f6f8;border:1px solid #dde3ed;border-radius:8px;width:54px;height:54px;position:relative;overflow:hidden}.referenceImageThumb img{object-fit:cover;width:100%;height:100%;display:block}.referenceImageThumb button{color:#fff;background:#111827b8;border:0;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:4px;right:4px}.referenceUpload{color:#64748b;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px dashed #d8dee8;border-radius:12px;justify-content:center;align-items:center;width:auto;min-width:76px;height:54px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.referenceUpload.isDisabled{cursor:not-allowed;opacity:.58}.referenceUpload.isDisabled .referenceInput{cursor:not-allowed}.promptInputRow{align-items:flex-start;gap:10px;margin:0 0 clamp(8px,1.4dvh,12px);display:flex}.promptUploadButton{border-radius:13px;flex:none;width:auto;min-width:76px;height:42px;padding:0 12px}.referenceClear{color:#9ba3af;background:#fff;border:1px dashed #d8dee8;border-radius:12px;align-content:center;place-items:center;gap:2px;width:54px;height:54px;font-size:10px;display:grid}.composerPrompt{color:#111827;resize:none;background:#fff;border:1px solid #e4e7ec;border-radius:13px;outline:none;flex:auto;width:100%;height:42px;min-height:42px;max-height:42px;margin:0;padding:6px 16px;font-size:14px;line-height:15px;display:block;overflow-y:auto;box-shadow:inset 0 1px 2px #0f172a08}.composerPrompt::placeholder{color:#a4acb8}.composerPrompt:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61f}.composerPrompt:disabled{opacity:1;cursor:wait}.composerControls{flex-wrap:wrap;align-items:end;gap:clamp(6px,1dvh,8px);display:flex}.composerField{color:#8e96a3;flex:100px;gap:clamp(2px,.6dvh,4px);min-width:0;font-size:12px;font-weight:600;display:grid}.modelField{flex-basis:124px}.composerField span{padding-left:4px}.composerField strong,.composerField input,.composerField select{color:#111827;background:#fff;border:1px solid #e4e7ec;border-radius:10px;outline:none;width:100%;min-width:0;height:clamp(28px,4.4dvh,30px);padding:0 12px;font-size:13px;font-weight:500}.countField{flex-basis:86px}.composerField strong{align-items:center;display:flex}.composerField select{appearance:none;background:linear-gradient(45deg,#0000 50%,#9aa3af 50%) calc(100% - 17px) 13px/5px 5px no-repeat,linear-gradient(135deg,#9aa3af 50%,#0000 50%) calc(100% - 12px) 13px/5px 5px no-repeat,#fff}.composerField input::placeholder{color:#a3abb7}.sizePickerButton{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.sizePickerButton:hover strong,.composerField input:focus,.composerField select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #3b82f61a}.composerIconButton,.composerSubmit{border:0;border-radius:11px;place-items:center;width:40px;height:clamp(36px,5.4dvh,40px);display:grid}.composerIconButton{color:#5f6876;background:#e5e7eb}.composerSubmit{color:#fff;background:#0b68ff}.composerSubmit:hover{background:#0058e6}.composerSubmit:disabled{cursor:not-allowed;opacity:.62;background:#c7c9d1}.composerSubmit:disabled:hover{background:#c7c9d1}.errorDialogScrim{z-index:70;background:#0f172a47;border:0;position:fixed;inset:0}.errorDialog{z-index:71;background:#fff;border:1px solid #fee2e2;border-radius:18px;width:min(360px,100vw - 40px);padding:18px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 24px 62px #0f172a33}.errorDialogHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.errorDialogHeader strong{color:#991b1b;font-size:16px}.errorDialogHeader button{color:#b91c1c;background:#fef2f2;border:0;border-radius:999px;place-items:center;width:28px;height:28px;display:grid}.errorDialog p{color:#4b5563;margin:14px 0 18px;font-size:14px;line-height:1.6}.errorDialogAction{color:#fff;background:#ef4444;border:0;border-radius:10px;place-items:center;width:100%;height:40px;font-weight:700;display:grid}.sizeDialogToggle{opacity:0;pointer-events:none;position:absolute}.sizeDialogScrim{z-index:50;background:#00000052;border:0;position:fixed;inset:0}.sizeDialog{z-index:51;background:#fff;border-radius:22px;width:min(448px,100vw - 40px);padding:20px;transition:opacity .18s,transform .18s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 26px 70px #0f172a38}.sizeDialogHeader{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.sizeDialogHeader h2{color:#222936;margin:0 0 7px;font-size:16px;line-height:1.2}.sizeDialogHeader p{color:#9ba3af;margin:0;font-size:12px;font-weight:600}.sizeDialogHeader p span{color:#8b95a3}.sizeDialogClose{color:#9ca3af;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.sizeTabs{background:#f6f7f9;border-radius:9px;grid-template-columns:repeat(2,1fr);margin-bottom:22px;padding:4px;display:grid}.sizeTabs button{color:#5f6673;background:0 0;border:0;border-radius:8px;height:32px;font-size:14px}.sizeTabs button.active{color:#202633;background:#fff;box-shadow:0 1px 5px #0f172a14}.sizeSection+.sizeSection{margin-top:18px}.sizeSection h3{color:#9aa3af;margin:0 0 10px;font-size:12px;font-weight:700}.sizeAutoState{color:#8f98a7;background:#fafbfc;border:1px dashed #dfe4ec;border-radius:14px;place-items:center;min-height:154px;margin:6px 0 2px;font-size:15px;font-weight:700;display:grid}.resolutionGrid,.sizeRatioGrid{gap:8px;display:grid}.resolutionGrid{grid-template-columns:repeat(3,1fr)}.sizeRatioGrid{grid-template-columns:repeat(4,1fr)}.resolutionGrid button,.sizeRatioGrid button,.customRatioButton{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:11px;height:38px;font-size:14px}.resolutionGrid button.active,.sizeRatioGrid button.active{color:#2563eb;background:#eaf3ff;border-color:#4b91ff}.customRatioButton{width:100%;margin-top:8px}.sizeResult{gap:7px;margin:32px 0 26px;padding-left:16px;display:grid}.sizeResult span{color:#a0a7b2;font-size:12px;font-weight:700}.sizeResult strong{color:#202633;font-size:18px}.sizeDialogActions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sizeDialogActions button{color:#5f6673;cursor:pointer;background:#f5f5f6;border:0;border-radius:10px;place-items:center;height:40px;font-size:14px;display:grid}.sizeDialogActions button:last-child{color:#fff;background:#3b82f6;font-weight:700}@media (max-width:1180px){.homeHeader,.appHeader{grid-template-columns:auto 1fr auto}.workspace{grid-template-columns:240px minmax(0,1fr)}.showcaseGrid{gap:22px}}@media (max-width:900px){.topBar{grid-template-columns:1fr auto;min-height:72px;padding:0 18px}.topNav{display:none}.topActions{gap:8px}.iconButton,.actionMenu,.credits,.languageSwitch{display:none}.hero{min-height:auto;padding-top:86px}.hero p{margin-bottom:40px;font-size:18px}.promptBar{border-radius:28px;grid-template-columns:auto 1fr;min-height:74px}.promptButton{grid-column:1/-1;width:100%}.showcase{padding:54px 18px}.sectionHeader{flex-direction:column;align-items:flex-start}.showcaseGrid{grid-template-columns:1fr}.showcaseCard{min-height:300px}.workspace{height:auto;display:block;overflow:visible}.sideNav{height:auto;min-height:auto;padding:22px 18px}.sideMeta{margin-top:16px;position:static}.brandBlock{margin-bottom:20px}.railLinks{grid-template-columns:repeat(2,1fr)}.sideBottom{display:none}.controlPanel{padding:24px 18px}.canvasArea{height:auto;padding:24px 18px 40px}.creatorStage{grid-template-rows:auto minmax(320px,1fr) auto;min-height:calc(100dvh - 298px);padding:24px 14px}.creatorComposer{border-radius:18px;width:100%;max-width:none;padding:12px;position:relative;bottom:auto;left:auto;right:auto}.latestResultPanel{height:100%;min-height:0}.generatedImageViewport{aspect-ratio:auto;min-height:min(320px,45dvh)}.historyImageScroller button{flex-basis:74px;width:74px;height:74px}.composerControls{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:54px;display:grid;position:relative}.modelField{flex-basis:auto}.composerSubmit{align-self:end;width:44px;height:44px;position:absolute;bottom:0;right:0}.resultActionDock{justify-self:center;width:min(420px,100% - 28px);max-width:calc(100% - 28px)}.resultActions{width:100%}.resultActions .resultActionButton{flex:1 1 0}.localGalleryStage{padding:24px 18px 40px}.localGalleryHeader{gap:16px;display:grid}.localGalleryActions{width:100%}.localGalleryActions button{flex:1 1 0}.bigPrompt{min-height:76px;font-size:20px}.previewFrame{padding:22px 14px 34px}.verificationRow{grid-template-columns:1fr}}@media (min-width:681px) and (max-width:900px){.appShell .workspace{grid-template-columns:240px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.appShell .sideNav{height:100dvh;min-height:0;padding:24px 18px 148px}.appShell .railLinks{grid-template-columns:1fr}.appShell .canvasArea{height:100dvh;min-height:0;padding:24px 18px}.appShell .creatorStage{padding:24px 18px}.appShell .creatorComposer{width:min(1080px,100%);max-width:none;position:relative;bottom:auto;left:auto;right:auto}}