.account-page{max-width:500px;padding-top:48px}.account-brand{margin-bottom:32px}.account-card{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:32px}.account-card h1{margin:0;font-size:26px}.account-subtitle,.account-hint{color:var(--muted);font-size:14px;line-height:1.7}.account-card fieldset{border:0;min-width:0;margin:24px 0 0;padding:0}.account-card label{margin-bottom:18px;font-size:14px;font-weight:600;display:block}.account-card input{border:1px solid var(--line);border-radius:5px;width:100%;min-width:0;margin-top:8px;padding:12px;font-size:16px;display:block}.account-code{align-items:end;gap:8px;display:flex}.account-code input{flex:1}.account-card button,.account-strip button{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:5px;min-height:44px;padding:10px 12px}.account-card .account-primary{color:#fff;background:var(--blue);border-color:var(--blue);width:100%;font-weight:600}.account-card button:disabled,.account-strip button:disabled{cursor:not-allowed;opacity:.55}.account-links{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:16px;display:flex}.account-links button{color:var(--muted);border:0;padding-inline:0;font-size:14px}.account-error{color:#b42318;overflow-wrap:anywhere;line-height:1.6}.account-notice{color:#187247;line-height:1.6}.account-strip{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:1124px;margin:8px auto 0;padding:0 12px;font-size:13px;display:flex}.account-strip button{font-size:13px}@media (width<=480px){.account-page{padding:28px 16px}.account-card{padding:24px 18px}.account-card h1{font-size:24px}.account-code button{white-space:nowrap;padding-inline:8px;font-size:13px}}:root{color:#171717;font-synthesis:none;--blue:#e7352b;--ink:#171717;--muted:#71717a;--paper:#fff;--line:#e3e0d8;background:#f7f6f2;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f7f6f2;min-width:0;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #e7352b33}::selection{color:#fff;background:var(--blue)}main{width:min(1180px,100%);margin:0 auto;padding:0 28px 40px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:72px;display:flex}.brand{min-height:44px;color:var(--ink);align-items:center;gap:11px;font-size:17px;font-weight:800;text-decoration:none;display:flex}.brand-mark{border-radius:8px;width:36px;height:36px}.status{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.status-dot{background:#a3a8b3;border-radius:50%;width:8px;height:8px}.status.ready .status-dot{background:#218c68}.intro{padding:38px 0 27px}.intro h1{letter-spacing:0;margin:0;font-size:clamp(30px,3.6vw,42px);line-height:1.18}.intro p{color:var(--muted);margin:11px 0 0;font-size:15px}.hero-slogan{min-height:24px;animation:.38s ease-out hero-slogan-in}@keyframes hero-slogan-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.workspace{background:var(--paper);border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr 1fr;min-height:590px;display:grid;overflow:hidden;box-shadow:0 12px 34px #1717170d}.input-panel,.result-panel{min-width:0;padding:32px}.input-panel{border-right:1px solid var(--line)}.panel-heading,.results-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.panel-heading h2,.results-topline h2{margin:0;font-size:20px}.text-button{min-height:44px;color:var(--blue);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:700}label:not(.upload-button){color:#3f3f46;gap:8px;margin-top:22px;font-size:13px;font-weight:700;display:grid;position:relative}label strong{color:#c94b32}label small{color:#62666f;font-size:10px;font-weight:500;position:absolute;bottom:10px;right:12px}input,textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px 14px;line-height:1.7;transition:border-color .16s ease-out,box-shadow .16s ease-out}input::placeholder,textarea::placeholder{color:#6b707a}input:focus,textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #e7352b14}.input-panel textarea{resize:vertical;min-height:190px;padding-bottom:30px}.materials-upload{color:#52525b;cursor:pointer;text-align:center;background:#faf9f6;border:1px dashed #c9c5bb;border-radius:8px;align-content:center;place-items:center;min-height:180px;padding:24px}.materials-upload:hover{border-color:var(--blue);background:#fff8f6}.materials-upload:focus-within{outline-offset:2px;outline:3px solid #e7352b33}.materials-upload.disabled{opacity:.55;cursor:not-allowed}.materials-upload input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.materials-upload strong{color:var(--ink);font-size:16px}.materials-upload span{max-width:380px;font-weight:500;line-height:1.6}.materials-upload small{color:#62666f;position:static}.material-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.material-list figure{background:#f5f6f8;border-radius:9px;min-width:0;margin:0;padding:5px;position:relative}.material-list img{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%;display:block}.material-list figcaption{color:#646c7d;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:10px;overflow:hidden}.material-list figcaption span{color:var(--blue);font-weight:700;display:block}.material-list .material-preview{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.material-list .material-remove{color:#fff;cursor:pointer;background:#131a2bc7;border:0;border-radius:50%;width:28px;height:28px;position:absolute;top:7px;right:7px}.extra-notes{margin-top:10px}.generation-modes{border:0;margin:22px 0 0;padding:0}.generation-modes legend{color:#3f3f46;margin-bottom:9px;font-size:13px;font-weight:700}.generation-modes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.generation-modes button{color:#52525b;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;gap:2px;min-width:0;min-height:58px;padding:8px 5px;display:grid}.generation-modes button.selected{color:#b6251d;border-color:var(--blue);background:#fff3f1;box-shadow:0 0 0 2px #e7352b0f}.generation-modes button:disabled{opacity:.5;cursor:not-allowed}.generation-modes button span{white-space:nowrap;font-size:12px;font-weight:800}.generation-modes button small{color:inherit;font-size:10px}.poster-ratios{border:0;margin:14px 0 0;padding:0}.poster-ratios legend{color:#3f3f46;margin-bottom:8px;font-size:13px;font-weight:700}.poster-ratios>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.poster-ratios button{color:#52525b;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;min-height:40px;padding:7px 3px;font-size:11px;font-weight:800}.poster-ratios button.selected{color:#b6251d;border-color:var(--blue);background:#fff3f1}.primary-button,.secondary-button,.reroll-button,.copy-button,.image-button,.download-link,.upload-button{cursor:pointer;border-radius:8px;font-size:12px;font-weight:800;transition:background-color .16s ease-out,border-color .16s ease-out}.primary-button{color:#fff;background:var(--blue);border:1px solid var(--blue);width:100%;margin-top:20px;padding:14px 18px}.primary-button:disabled,.secondary-button:disabled,.text-button:disabled,.reroll-button:disabled,.image-button:disabled,.history button:disabled,.upload-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.secondary-button{color:#4e576a;border:1px solid var(--line);background:#fff;width:100%;min-height:44px;margin-top:9px;padding:11px 16px}input:disabled,textarea:disabled{color:#656c79;cursor:not-allowed;background:#f4f5f7}.primary-button:not(:disabled):hover,.download-link.primary:hover{background:#c92d24}.secondary-button:hover,.copy-button:hover,.image-button:not(:disabled):hover,.download-link:hover,.upload-button:hover{background:#f0f2f7}.generation-progress{color:#50596c;background:#f5f7fc;border-radius:9px;gap:7px;margin-top:12px;padding:12px;font-size:11px;display:grid}.generation-progress strong{color:var(--ink);font-size:13px}.generation-progress button{color:#9a381f;cursor:pointer;background:#fff;border:1px solid #e8c7bd;border-radius:7px;justify-self:start;min-height:36px;padding:6px 12px;font-weight:700}.rolling-progress{background:#f1d9d6;border-radius:999px;height:5px;overflow:hidden}.rolling-progress span{background:var(--blue);border-radius:inherit;width:38%;height:100%;animation:1.15s ease-in-out infinite alternate rolling;display:block}@keyframes rolling{0%{transform:translate(-25%)}to{transform:translate(190%)}}.notice{color:#276043;background:#eef8f2;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px}.error,.image-error{color:#9a381f;background:#fff0eb;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.5}.prompt-guide{border:1px solid var(--line);border-radius:8px;margin-top:9px}.prompt-guide summary{color:#4e576a;cursor:pointer;place-items:center;min-height:44px;padding:10px 14px;font-size:12px;font-weight:800;list-style-position:inside;display:grid}.prompt-guide-content{gap:10px;padding:0 12px 12px;display:grid}.prompt-guide-content>p{color:#666f7e;margin:0 0 2px;font-size:12px;line-height:1.6}.prompt-guide-content section{background:#f7f7f5;border-radius:7px;padding:11px}.prompt-guide-content section>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.prompt-guide-content .copy-button{min-height:34px;padding:5px 10px}.prompt-guide-content pre{color:#4e576a;font:inherit;white-space:pre-wrap;margin:9px 0 0;font-size:11px;line-height:1.65;overflow:auto}.prompt-guide-content .official-case{color:#fff;background:#171717}.official-case>div>button{color:#fff;background:var(--blue);border:1px solid var(--blue);cursor:pointer;border-radius:7px;flex:none;min-height:36px;padding:7px 11px;font-size:11px;font-weight:800}.official-case>p{color:#d7d7d4;margin:9px 0 0;font-size:11px;line-height:1.65}.prompt-guide-content .official-case pre{color:#f1f1ee}.history{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.history summary{color:#4e576a;cursor:pointer;align-items:center;min-height:44px;font-size:12px;font-weight:700;display:flex}.history>div{margin-top:9px}.history button{color:#525b6d;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 0;display:flex}.history time{color:#9298a5;flex:none;font-size:10px}.results-topline{min-height:34px}.topline-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.reroll-button{color:#394257;border:1px solid var(--line);background:#fff;min-height:44px;padding:9px 13px}.empty-state{color:#666b75;text-align:center;align-content:center;place-items:center;gap:18px;min-height:500px;display:grid}.empty-state p{margin:0;font-size:12px}.official-poster{cursor:zoom-in;background:#171717;border:0;border-radius:8px;width:min(72%,320px);padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 16px 36px #1717171f}.official-poster img{width:100%;height:auto;display:block}.official-poster span{color:#fff;background:#000000b8;border-radius:999px;padding:5px 9px;font-size:11px;position:absolute;bottom:10px;right:10px}.case-link{color:#b6251d;cursor:pointer;background:0 0;border:0;min-height:42px;padding:8px 12px;font-size:12px;font-weight:800}.case-link:hover{text-underline-offset:3px;text-decoration:underline}.brand-poster{aspect-ratio:3/4;color:#fff;text-align:left;background:#171717;border-radius:8px;flex-direction:column;justify-content:space-between;width:min(72%,320px);padding:32px 28px;display:flex;box-shadow:0 16px 36px #1717171f}.brand-poster>span{letter-spacing:0;font-size:12px;font-weight:800}.brand-poster>strong{letter-spacing:0;font-size:clamp(25px,3vw,36px);line-height:1.28}.brand-poster>small{border-top:2px solid var(--blue);letter-spacing:0;padding-top:15px;font-size:12px;line-height:1.6}.loading-poster>strong{animation:.35s cubic-bezier(.2,.8,.2,1) slogan-in}.loading-poster-footer{gap:9px;display:grid}.loading-poster-footer small{color:#ffffffb8;font-size:11px;line-height:1.45}.loading-poster-footer button{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:7px;justify-self:start;min-height:38px;margin-top:3px;padding:7px 12px;font-weight:700}.loading-poster .rolling-progress{background:#ffffff2e}@keyframes slogan-in{0%{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero-slogan,.loading-poster>strong,.rolling-progress span{animation:none}}.final-result{margin-top:22px}.version-nav{color:#6b7280;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:12px;display:flex}.version-nav button{color:#394257;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;min-height:38px;padding:6px 11px}.version-nav button:disabled{opacity:.4;cursor:not-allowed}.new-ad-layout{margin-top:16px}.new-ad-layout.with-image{grid-template-columns:1fr;gap:16px;display:grid}.new-ad-layout.image-only{place-items:start center;display:grid}.result-image{aspect-ratio:2/3;object-fit:cover;border-radius:10px;width:170px;display:block}.poster-preview-button{cursor:zoom-in;background:0 0;border:0;width:fit-content;max-width:100%;margin:0 auto;padding:0;display:block;position:relative}.poster-preview-button>span{color:#fff;background:#0000009e;border-radius:999px;padding:5px 9px;font-size:12px;position:absolute;bottom:10px;right:10px}.poster-lightbox{z-index:1000;background:#080a10e0;place-items:center;padding:52px 20px 20px;display:grid;position:fixed;inset:0}.poster-lightbox>img{object-fit:contain;max-width:min(94vw,900px);max-height:calc(100vh - 72px);display:block}.poster-lightbox>button{color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;width:42px;height:42px;font-size:28px;line-height:1;position:fixed;top:14px;right:18px}.comparison-view{color:#fff;background:#171717;border-radius:10px;grid-template-columns:1fr 1fr;gap:18px;width:min(1100px,96vw);max-height:calc(100vh - 80px);padding:18px;display:grid;overflow:auto}.comparison-view section{align-content:start;gap:10px;min-width:0;display:grid}.comparison-view section>img,.comparison-view section>div img{object-fit:contain;background:#0f0f0f;width:100%;max-height:72vh;display:block}.comparison-view section>div{gap:10px;display:grid}.image-only .result-image{aspect-ratio:auto;object-fit:contain;width:min(100%,520px);height:auto}.with-image .result-image{aspect-ratio:auto;object-fit:contain;width:min(100%,420px);height:auto;margin:0 auto}.poster-placeholder{color:#7b8291;text-align:center;background:#f5f6f8;border:1px dashed #cfd3dc;border-radius:10px;place-items:center;width:100%;min-height:370px;padding:24px;display:grid}.result-copy{resize:vertical;min-height:180px;font-size:14px}.with-image .result-copy{min-height:150px}.result-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.refine-panel{border:1px solid var(--line);background:#f7f7f5;border-radius:10px;gap:11px;margin-top:14px;padding:14px;display:grid}.refine-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.refine-heading strong{color:var(--ink);font-size:14px}.refine-heading span{color:#737986;font-size:11px}.refine-panel textarea{resize:vertical;min-height:92px;padding:11px 12px;font-size:14px}.refine-controls,.refine-controls>div{justify-content:space-between;align-items:center;gap:7px;display:flex}.refine-controls button{color:#4e576a;border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;min-height:40px;padding:7px 11px;font-size:12px;font-weight:700}.refine-controls button.selected{color:#b6251d;border-color:var(--blue);background:#fff3f1}.refine-controls button.confirm{color:#fff;background:var(--blue);border-color:var(--blue)}.refine-controls button:disabled{opacity:.5;cursor:not-allowed}.qr-status{color:#16804a;flex-basis:100%;font-size:12px;font-weight:700}.copy-button,.image-button,.download-link,.upload-button{color:#394257;border:1px solid var(--line);background:#fff;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;text-decoration:none;display:inline-flex}.download-link.primary{color:#fff;background:var(--blue);border-color:var(--blue)}.upload-button{white-space:nowrap;margin:0;position:relative;overflow:hidden}.upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.upload-button:focus-within{outline-offset:2px;outline:3px solid #e7352b33}.responsibility-note{color:#676f7e;text-align:center;margin:12px 4px 0;font-size:12px;line-height:1.6}@media (width<=900px){main{padding-inline:18px}.workspace{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.input-panel textarea{min-height:230px}.empty-state{min-height:260px}}@media (width<=520px){main{padding:0 12px 24px}.topbar{height:60px}.intro{padding:25px 2px 20px}.intro h1{font-size:34px}.workspace{border-radius:8px}.input-panel,.result-panel{padding:22px 18px}.results-topline{align-items:flex-start}.topline-actions{max-width:72%}.materials-upload{min-height:170px;padding:18px 12px}.material-list{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-ratios>div{grid-template-columns:repeat(5,minmax(48px,1fr));overflow-x:auto}.comparison-view{grid-template-columns:1fr}input,textarea{font-size:16px}.new-ad-layout.with-image{grid-template-columns:1fr}.result-image{width:min(100%,240px);margin:0 auto}.result-copy,.with-image .result-copy{min-height:180px;font-size:16px}.brand-poster{width:min(88%,310px);padding:28px 24px}.official-poster{width:min(88%,310px)}.result-actions>*{flex:calc(50% - 4px)}.refine-heading,.refine-controls{flex-direction:column;align-items:stretch}.refine-controls>div{width:100%}.refine-controls>div button{flex:1}.responsibility-note{font-size:13px}}