@font-face{font-family:Source Han;src:url(/fonts/source-han-sans-extra-light.otf)}@font-face{font-family:Declaration Kai;src:url(/fonts/declaration-kai.ttf)}*{box-sizing:border-box}html{background:#f5f8fc}body{color:#102853;background:radial-gradient(circle at 90% 12%,#e2f2ff 0,#0000 28%),#f5f8fc;margin:0;font-family:Source Han,Microsoft YaHei,sans-serif}.page-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #e3eaf2;justify-content:space-between;align-items:center;height:72px;padding:0 max(32px,50vw - 660px);display:flex}.brand{color:#435979;align-items:center;gap:16px;font-size:14px;display:flex}.brand-mark{letter-spacing:-2px;color:#071b49;font-family:Arial,sans-serif;font-size:30px}.divider{background:#cad5e3;width:1px;height:23px}.step-note{background:#edf4ff;border:1px solid #d7e6fb;border-radius:99px;padding:8px 13px;font-size:13px}.hero{justify-content:space-between;align-items:end;max-width:1320px;margin:auto;padding:48px 24px 34px;display:flex}.eyebrow{letter-spacing:3.4px;color:#3472cc;margin:0 0 10px;font:600 11px Arial}.hero h1{letter-spacing:1px;margin:0 0 11px;font-size:37px}.hero p{color:#64758e;margin:0;font-size:15px}.progress{color:#9dadc1;align-items:center;gap:12px;font:12px Arial;display:flex}.progress b{color:#2467c4}.progress span{background:#c9d4e2;width:42px;height:1px}.workspace{grid-template-columns:minmax(0,1fr) 430px;align-items:start;gap:34px;max-width:1320px;margin:0 auto;padding:0 24px 70px;display:grid}.editor,.preview-panel{background:#fffffff0;border:1px solid #e0e8f1;border-radius:20px;box-shadow:0 18px 55px #244e7d14}.editor{padding:34px 38px}.section-heading{align-items:start;gap:15px;margin:0 0 19px;display:flex}.section-heading:not(:first-child){border-top:1px solid #e9eef4;margin-top:36px;padding-top:30px}.section-heading>span{color:#2771d4;background:#eef6ff;border:1px solid #bcd5f6;border-radius:8px;padding:7px;font:700 12px Arial}.section-heading h2{margin:1px 0 6px;font-size:18px}.section-heading p{color:#8491a4;margin:0;font-size:12px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-card{--accent:#4071bf;text-align:left;color:#183054;cursor:pointer;background:#fff;border:1px solid #dae3ed;border-radius:13px;min-height:94px;padding:17px 16px 13px 20px;transition:all .2s;position:relative;overflow:hidden}.theme-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #204c821a}.theme-card.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.theme-card i{background:var(--accent);width:5px;position:absolute;top:0;bottom:0;left:0}.theme-card b,.theme-card small{margin-left:3px;display:block}.theme-card b{font-size:18px}.theme-card small{color:#8290a3;margin-top:4px;font:11px Arial}.theme-card em{color:var(--accent);font-size:10px;font-style:normal;position:absolute;bottom:10px;right:12px}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}label>span,.full-field>span{color:#304766;margin-bottom:8px;font-size:13px;display:block}.field-row label,.full-field{position:relative}.field-row small,.full-field small{color:#a0acba;font:10px Arial;position:absolute;bottom:11px;right:11px}input,textarea{color:#152f55;background:#fbfcfe;border:1px solid #dbe3ec;border-radius:9px;outline:none;width:100%;padding:12px 14px;font-family:inherit;transition:all .2s}input:focus,textarea:focus{border-color:#6aa1eb;box-shadow:0 0 0 3px #e8f2ff}.full-field{margin-top:16px;display:block}textarea{resize:vertical;min-height:86px;padding-right:46px}.image-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.upload,.ai-button{cursor:pointer;color:#294768;background:#f9fbfd;border:1px dashed #b9c9da;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:90px;font-family:inherit;display:flex}.upload:hover,.ai-button:hover{background:#f2f7ff;border-color:#4c8fe5}.upload input{display:none}.upload span,.ai-button b{margin-bottom:5px;font-size:14px}.upload small,.ai-button small{color:#8998aa;font-size:10px}.ai-button span{color:#3f80dc;font-size:21px}.adjust{background:#f7f9fc;border-radius:10px;grid-template-columns:1fr 1fr;gap:16px;margin-top:15px;padding:14px;display:grid}.adjust label{color:#65758a;font-size:11px}.adjust input{margin-top:7px;padding:0}.api-panel{background:#f4f8fd;border:1px solid #dce8f5;border-radius:12px;gap:10px;margin-top:14px;padding:20px;display:grid}.api-panel h3{margin:0;font-size:15px}.api-panel p{color:#77879b;margin:-3px 0 4px;font-size:11px}.api-panel textarea{min-height:70px}.api-panel button,.download{color:#fff;cursor:pointer;background:#1764c0;border:0;border-radius:9px;padding:13px;font-family:inherit}.api-panel button:disabled{opacity:.55}.notice{color:#1c65b9;background:#edf6ff;border-radius:8px;padding:10px 12px;font-size:12px}.preview-panel{color:#fff;background:#0e2448;border-color:#1d3861;padding:22px 24px 20px;position:sticky;top:22px}.preview-head{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;display:flex}.live-dot{background:#57dbaa;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #57dbaa21}.switch{background:#1d3760;border-radius:7px;padding:3px;display:flex}.switch button{color:#91a4bf;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:6px 13px;font-family:inherit;font-size:11px}.switch button.active{color:#17335b;background:#fff}.card-stage{aspect-ratio:638/1063;width:min(100%,318px);box-shadow:0 18px 50px color-mix(in srgb,var(--glow) 28%,#0006);background:#fff;border-radius:8px;margin:auto;overflow:hidden}.card-stage canvas,.card-stage img{object-fit:cover;width:100%;height:100%;display:block}.preview-meta{color:#8fa4c2;justify-content:space-between;margin:17px 4px 14px;font-size:10px;display:flex}.preview-meta i{border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.download{background:linear-gradient(110deg,#2479dc,#1455a5);width:100%;font-size:14px;box-shadow:0 8px 20px #0052b442}.privacy{text-align:center;color:#7186a3;margin:12px 0 0;font-size:9px}@media (max-width:900px){.hero{padding-top:30px}.progress{display:none}.workspace{grid-template-columns:1fr}.preview-panel{order:-1;position:relative;top:auto}.card-stage{width:260px}.editor{padding:27px 22px}}@media (max-width:560px){.topbar{padding:0 18px}.brand .divider,.brand>span:last-child,.step-note{display:none}.hero{padding:28px 18px 25px}.hero h1{font-size:28px}.workspace{padding:0 12px 45px}.theme-grid{grid-template-columns:1fr}.theme-card{min-height:72px}.field-row,.image-actions,.adjust{grid-template-columns:1fr}.preview-panel,.editor{border-radius:14px}}
.photo-status{color:#244a77;background:#f2f7fd;border-radius:10px;align-items:center;gap:11px;margin-top:14px;padding:13px 15px;display:flex}.photo-status>span{color:#fff;background:#367dd1;border-radius:50%;place-items:center;width:27px;height:27px;font:700 12px Arial;display:grid}.photo-status div{flex-direction:column;gap:2px;display:flex}.photo-status b{font-size:12px}.photo-status small{color:#758aa2;font-size:10px}.photo-status.done{color:#176b50;background:#edf9f4}.photo-status.done>span{background:#2aa678}.generate-primary{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(115deg,#1a65c0,#3c86df);border:0;border-radius:11px;width:100%;margin-top:14px;padding:15px;font-family:inherit;font-size:14px;transition:all .2s;box-shadow:0 9px 23px #246ac038}.generate-primary span{margin-right:8px}.generate-primary:disabled{box-shadow:none;cursor:not-allowed;background:#c3cedb}.generate-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 28px #246ac04d}.ai-button.connected{cursor:default;background:#f1faf6;border-style:solid;border-color:#b9dfd0}.ai-button.connected span{color:#24966d}.ai-button.connected:hover{background:#f1faf6;border-color:#b9dfd0}