: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{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);min-height:100vh;display:grid}.sideNav{background:#ffffffc7;border-right:1px solid #e0e6f0;flex-direction:column;min-height:100vh;padding:28px 24px 92px;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{margin-bottom:48px;display:block}.sideWalletRow{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;bottom:24px;left:18px;right:18px}.sideCredits,.sideRechargeButton{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:13px;font-weight:700;display:inline-flex}.sideRechargeButton{color:#fff;background:#0b68ff;border-color:#0b68ff}.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}.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);align-items:center;width:70px;height:28px;padding:2px;display:inline-grid}.sideLanguageSwitch a{color:#64748b;border-radius:999px;place-items:center;height:22px;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;min-height:100vh;position:relative;overflow:hidden}.creatorStage{place-items:center;padding:40px 32px 180px;display:grid}.emptyCanvasState{color:#9ca3af;place-items:center;gap:18px;display:grid;transform:translateY(-54px)}.emptyCanvasState svg{color:#d9dde4}.emptyCanvasState p{color:#9aa3b2;margin:0;font-size:14px;font-weight:500}.generatedImageViewport{cursor:grab;touch-action:none;place-items:center;display:grid;position:absolute;inset:28px 28px 186px;overflow:hidden}.generatedImageViewport.isDragging{cursor:grabbing}.generatedImageViewport>img{-webkit-user-select:none;user-select:none;object-fit:contain;transform-origin:50%;will-change:transform;max-width:100%;max-height:100%;transition:transform 80ms ease-out}.generatedImageStrip{background:#ffffffe0;border:1px solid #e5e9f2;border-radius:14px;gap:8px;max-width:min(520px,100% - 36px);padding:8px;display:flex;position:absolute;bottom: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}.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}.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;max-width:866px;margin:0 auto;padding:16px;position:absolute;bottom:24px;left:24px;right:24px;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{display:none}.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:#9ba3af;background:#fff;border:1px dashed #d8dee8;border-radius:12px;place-items:center;width:54px;height:54px;display:grid}.promptInputRow{align-items:flex-start;gap:10px;margin:0 0 16px;display:flex}.promptUploadButton{border-radius:15px;flex:0 0 46px;width:46px;height:46px}.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:15px;outline:none;flex:auto;width:100%;min-height:46px;max-height:132px;margin:0;padding:12px 17px;font-size:14px;line-height:1.5;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:8px;display:flex}.composerField{color:#8e96a3;flex:100px;gap: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: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: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{display:block}.sideNav{min-height:auto;padding:22px 18px}.brandBlock{margin-bottom:20px}.railLinks{grid-template-columns:repeat(2,1fr)}.sideBottom{display:none}.controlPanel{padding:24px 18px}.canvasArea,.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);min-height:100vh;display:grid}.appShell .sideNav{min-height:100vh;padding:24px 18px 92px}.appShell .railLinks{grid-template-columns:1fr}.appShell .canvasArea{min-height:100vh;padding:40px 18px 180px}}