:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#232521;background:#eeefeb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,p{margin-top:0}em{font-family:Georgia,Times New Roman,serif;font-weight:400}a{color:inherit}.app-shell{display:flex;min-height:100vh}.rail{position:sticky;top:0;align-self:flex-start;height:100vh;width:84px;flex:0 0 84px;background:#20231f;color:#f1f0e7;display:flex;align-items:center;flex-direction:column;padding:25px 10px 20px;z-index:2}.brand-mark{font-size:31px;line-height:1;font-weight:900;letter-spacing:-.11em;margin-right:5px}.brand-mark span{color:#e66b51}.rail nav{display:flex;flex-direction:column;gap:10px;margin-top:95px;width:100%}.rail button{border:0;background:transparent;color:#b3b8af;display:flex;flex-direction:column;align-items:center;gap:4px;padding:13px 4px;width:100%;border-radius:3px}.rail button:hover,.rail button.active{background:#353a34;color:#fff}.rail nav button span{font-size:23px;line-height:1}.rail nav button small{font-size:10px;letter-spacing:.16em}.rail-admin{margin-top:auto!important;font-size:22px}.rail-bottom{font-size:9px;line-height:1.45;letter-spacing:.16em;color:#8c958b;align-self:flex-start;margin:40px 0 0 14px}.site-body{min-width:0;flex:1}.topbar{height:74px;padding:0 48px;border-bottom:1px solid #d9dcd5;display:flex;align-items:center;justify-content:space-between;background:#f6f6f0}.topbar-title,.topbar-actions{display:flex;align-items:center;gap:22px}.topbar-title{font-size:13px;font-weight:800;letter-spacing:.14em}.topbar-index{color:#e2654e}.topbar-divider{height:16px;width:1px;background:#c9ccc5}.topbar-chinese{font-size:11px;font-weight:500;letter-spacing:.09em;color:#6b7169}.online-indicator{font-size:10px;letter-spacing:.08em;color:#858b81}.online-indicator:first-letter{color:#77a78a}.balance-chip{display:flex;align-items:center;gap:12px;background:#242823;color:#f6f4ec;border:0;padding:9px 10px 9px 17px;min-height:39px}.balance-chip small{color:#b7bcb2;font-size:10px}.balance-chip strong{font-size:14px;font-weight:700}.balance-chip>span{font-size:18px;line-height:1;background:#e4674c;padding:4px 6px;color:#fff}.workspace{padding:42px 48px 80px;max-width:1720px;margin:auto}.workspace-intro{display:flex;justify-content:space-between;align-items:end;margin:0 0 39px}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.2em;color:#b9533f}.workspace-intro h1,.archive-intro h1{font-size:clamp(44px,5.2vw,83px);line-height:1.12;letter-spacing:-.075em;margin:13px 0 15px;font-weight:800}.workspace-intro h1 em,.archive-intro h1 em{color:#df674e;letter-spacing:-.085em}.workspace-intro p,.archive-intro p{color:#72786e;font-size:14px;margin:0}.intro-side{display:flex;flex-direction:column;align-items:end;gap:20px;color:#848a80;font-size:10px;font-weight:700;line-height:1.45;letter-spacing:.12em;text-align:right}.intro-side strong{font-size:12px;color:#30352e}.workspace-grid{display:grid;grid-template-columns:minmax(350px,475px) minmax(480px,1fr);gap:24px;align-items:start}.studio-panel,.preview-panel,.history{background:#fafaf5;border:1px solid #d9ddd5;box-shadow:0 3px 12px #242b2106}.studio-panel{padding:30px 31px}.panel-heading,.section-heading,.preview-head,.field-head{display:flex;align-items:start;justify-content:space-between}.panel-heading{margin-bottom:26px}.panel-heading h2,.section-heading h2,.preview-head h2{font-size:21px;letter-spacing:-.04em;margin:8px 0 0}.panel-mark{font-size:22px;color:#e1644b}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:#edefe8;padding:4px;gap:4px;margin-bottom:28px}.mode-switch button{border:0;background:transparent;color:#7b8177;min-height:42px;padding:0 12px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.mode-switch button.active{background:#292d28;color:#fff}.mode-switch button span{font-size:16px;font-weight:400}.field{margin-bottom:28px}.field-head{margin-bottom:10px;align-items:center}.field-head label{font-size:13px;font-weight:800}.field-head small{font-size:10px;color:#91978d}.field textarea{width:100%;resize:vertical;min-height:135px;border:1px solid #d9ddd5;background:#f7f8f3;padding:15px;color:#242823;font-size:12px;line-height:1.7;outline:none}.field textarea:focus,.card-modal input:focus,.admin-panel input:focus{border-color:#e1644b}.field textarea::placeholder{color:#a3a99f}.prompt-foot{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:#9ba196;font-size:10px;line-height:1.5}.prompt-foot span:last-child{white-space:nowrap}.option-row{display:flex;flex-wrap:wrap;gap:7px}.option-row button,.preserve-switch button{border:1px solid #d7dcd2;background:transparent;color:#697065;padding:8px 12px;font-size:11px}.option-row button:hover,.option-row button.active,.preserve-switch button.active{border-color:#272c26;background:#272c26;color:#fff}.ratio-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ratio-row button{min-height:72px;border:1px solid #d7dcd2;background:#f7f8f3;display:flex;align-items:center;justify-content:center;gap:12px;color:#596056;font-weight:700;font-size:11px}.ratio-row button.active{border-color:#e1644b;background:#fff8f4;color:#242823}.ratio-row button>span:last-child{text-align:left}.ratio-row small{display:block;color:#969c91;font-size:10px;font-weight:500;margin-top:3px}.ratio-shape{display:block;border:1.5px solid currentColor;width:23px;height:23px}.ratio-shape.portrait{width:19px;height:27px}.ratio-shape.landscape{width:27px;height:19px}.upload-zone{border:1px dashed #bfc6b9;background:#f4f6ef;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;overflow:hidden;text-align:center;font-size:12px;font-weight:700;color:#3c453a}.upload-zone img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#e4e8df;opacity:.22}.upload-zone>span,.upload-zone>small{position:relative}.upload-zone small{font-size:10px;color:#889183;font-weight:400}.upload-icon{font-size:25px;color:#e1644b;font-weight:400}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.preserve-switch{display:flex;gap:7px;margin-top:9px}.inline-error{font-size:11px;color:#c44936;background:#fdf1ed;padding:10px 12px;margin:0 0 16px}.submit-area{border-top:1px solid #e0e3dc;padding-top:22px;display:flex;align-items:center;gap:18px}.generate-btn{border:0;background:#e3654c;color:#fff;padding:0 19px;height:51px;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:space-between;min-width:200px;gap:28px;transition:background .2s,transform .2s}.generate-btn:hover:not(:disabled){background:#c9543d;transform:translateY(-1px)}.generate-btn span:last-child{font-size:20px;font-weight:400}.cost-note{display:flex;flex-direction:column;gap:5px;color:#8a9086;font-size:10px}.cost-note strong{font-size:12px;color:#30382e}.right-column{min-width:0;display:flex;flex-direction:column;gap:24px}.preview-panel{padding:27px 28px 22px}.preview-head{margin-bottom:18px}.preview-id{font-size:10px;font-weight:700;letter-spacing:.14em;color:#9ca297}.preview-stage{background:#d8ddd5;min-height:500px;padding:20px;display:grid;place-items:center}.blank-art,.generated-image{width:100%;max-width:590px;aspect-ratio:1.13;position:relative}.blank-art{background:#222922;color:#e6e6d9;padding:24px 27px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:start;position:relative;z-index:1;font-size:10px;letter-spacing:.15em;font-weight:700}.art-top span:last-child{color:#9ca899}.art-bottom{align-items:end}.art-bottom strong{font-size:13px;max-width:170px;line-height:1.2}.art-bottom span{font-size:23px;color:#db7b5f}.art-orbit{position:absolute;inset:0;display:grid;place-items:center}.art-circle{width:58%;aspect-ratio:1;border:1px solid #c8d2bd;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d6dfcf 0,#a9b9a6 33%,#536b58 67%,#293b31);box-shadow:inset -26px -30px 35px #0000003b;transform:translate(-2%,-5%)}.art-line{position:absolute;height:1px;width:110%;background:#d16d54;transform:rotate(-23deg);box-shadow:0 10px #d16d5440}.art-small{position:absolute;right:12%;top:24%;font-family:Georgia,serif;font-size:clamp(20px,3.6vw,51px);font-style:italic;letter-spacing:-.07em;line-height:.95;color:#e6ebe0;text-align:right}.generated-image{display:grid;place-items:center;background:#cbd1c7}.generated-image img{max-width:100%;max-height:600px;width:auto;height:auto;object-fit:contain;box-shadow:0 15px 40px #0000002e}.preview-footer{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:15px}.preview-meta{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;white-space:nowrap}.preview-meta small{font-size:10px;font-weight:400;color:#999f94;margin-left:8px}.state-dot{width:7px;height:7px;border-radius:50%;background:#949e91}.state-dot.pending,.state-dot.queued,.state-dot.submitting{background:#e7a745;box-shadow:0 0 0 3px #f7ead0}.state-dot.succeeded{background:#619875}.state-dot.failed,.state-dot.review{background:#cf6c53}.preview-actions{display:flex;align-items:center;gap:7px}.preview-actions button,.secondary-btn{padding:9px 12px;border:1px solid #d5dad0;background:transparent;color:#465044;font-size:11px;font-weight:700}.preview-actions .download-btn{border-color:#292f29;background:#292f29;color:#fff}.job-detail{border-top:1px solid #e1e4dc;padding-top:12px;color:#a65a47;font-size:11px;margin:0}.history{padding:22px 26px}.section-heading{align-items:end;margin-bottom:15px}.section-heading h2{font-size:19px}.history-count{font-size:10px;color:#9ca397;font-weight:800;letter-spacing:.1em}.history-empty{font-size:12px;color:#9da397;border-top:1px solid #e7eae3;padding:25px 0 8px}.history-list{display:flex;flex-direction:column}.history-item{border:0;border-top:1px solid #e6e9e2;background:transparent;width:100%;padding:9px 0;display:flex;align-items:center;gap:12px;text-align:left;min-width:0}.history-item.selected .history-copy strong,.history-item:hover .history-copy strong{color:#d96048}.history-thumb{width:39px;height:39px;flex:0 0 39px;background:#dce2d8;color:#81927f;display:grid;place-items:center;font-size:19px;overflow:hidden}.history-thumb img{width:100%;height:100%;object-fit:cover}.history-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.history-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700}.history-copy small{font-size:9px;color:#a1a79d}.history-status{font-size:10px;color:#8e958a;white-space:nowrap}.history-status.succeeded{color:#5e9470}.history-status.failed{color:#c7654d}.site-footer{border-top:1px solid #d8ddd5;padding:21px 48px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.12em;color:#9ba197}.modal-backdrop{position:fixed;z-index:10;inset:0;background:#131814ab;display:grid;place-items:center;padding:20px}.card-modal{background:#f7f7f0;border-top:5px solid #e3654c;width:min(100%,465px);padding:38px;position:relative;box-shadow:0 26px 80px #0000004d}.modal-close{position:absolute;right:20px;top:12px;border:0;background:none;color:#6d756a;font-size:25px}.card-modal h2{font-size:32px;margin:10px 0}.card-modal p{font-size:12px;color:#768073;line-height:1.7;margin-bottom:28px}.card-modal form{display:flex;flex-direction:column;gap:12px}.card-modal label,.admin-panel label{font-size:11px;font-weight:800}.card-modal input,.admin-panel input,.admin-panel select,.admin-panel textarea{width:100%;border:1px solid #d9ded4;background:#fff;padding:12px;outline:none;font-size:12px}.card-modal .generate-btn{width:100%;margin-top:7px}.card-modal>small{display:block;margin-top:27px;color:#9ba397;font-size:10px;line-height:1.6}.global-message{position:fixed;z-index:20;right:24px;bottom:24px;background:#2b312b;color:#fff;box-shadow:0 8px 30px #00000029;display:flex;align-items:center;gap:20px;padding:14px 15px 14px 20px;font-size:12px;max-width:min(440px,calc(100vw - 40px))}.global-message.error{background:#ae4f3d}.global-message button{border:0;background:none;color:inherit;font-size:20px}.archive-page{max-width:1100px;margin:auto;padding:50px 48px 100px}.archive-intro{margin-bottom:45px}.archive-intro h1{font-size:clamp(45px,5vw,70px)}.archive-page .history{padding:30px 35px}.archive-page .history-item{padding:15px 0}.text-link{border:0;background:none;padding:20px 0;color:#a45443;font-size:12px;font-weight:800}.admin-panel{max-width:1200px;margin:auto;padding:60px 48px 100px}.admin-panel h1{font-size:50px;letter-spacing:-.07em;margin:12px 0}.admin-panel>p{color:#80877b;font-size:12px}.admin-panel>label{display:block;max-width:450px;margin:30px 0}.admin-panel input,.admin-panel select{margin-top:9px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-box{background:#fafaf5;border:1px solid #d9ddd5;padding:26px;display:flex;flex-direction:column;gap:17px}.admin-box h2{font-size:20px;margin:0}.admin-box .generate-btn{width:100%}.admin-box textarea{resize:vertical}.review-item{border-top:1px solid #dde2d8;padding:14px 0;display:flex;flex-direction:column;gap:9px;font-size:10px}.review-item small{color:#879083}.review-item div{display:flex;gap:8px}.review-item button{border:1px solid #d1d8cd;background:none;padding:7px;font-size:10px}@media(max-width:1250px){.workspace-grid{grid-template-columns:minmax(320px,410px) minmax(400px,1fr)}.workspace,.topbar{padding-left:30px;padding-right:30px}.preview-stage{min-height:420px}.blank-art{aspect-ratio:1}}@media(max-width:1050px){.workspace-grid{grid-template-columns:1fr}.studio-panel{max-width:none}.right-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.6fr)}.preview-stage{min-height:350px}.preview-footer{flex-direction:column;align-items:start}.history-item{gap:8px}.history-status{display:none}}@media(max-width:700px){.app-shell{display:block;padding-bottom:64px}.rail{position:fixed;inset:auto 0 0;width:100%;height:64px;flex-direction:row;padding:5px 18px;justify-content:space-between;z-index:5}.rail .brand-mark{font-size:24px}.rail nav{margin:0;width:auto;flex-direction:row;gap:8px}.rail nav button{width:60px;padding:5px 3px}.rail nav button span{font-size:19px}.rail nav button small{font-size:8px}.rail-admin{margin:0!important;width:45px!important;font-size:18px!important}.rail-bottom{display:none}.topbar{height:60px;padding:0 17px}.topbar-title{gap:9px;font-size:11px}.topbar-index,.topbar-divider,.topbar-chinese,.online-indicator{display:none}.topbar-actions{gap:0}.balance-chip{min-height:34px;padding:6px 7px 6px 11px;gap:7px}.balance-chip small{font-size:9px}.balance-chip strong{font-size:12px}.workspace{padding:30px 16px 55px}.workspace-intro{margin-bottom:27px}.workspace-intro h1{font-size:48px}.workspace-intro p{font-size:12px;line-height:1.6}.intro-side{display:none}.workspace-grid{gap:15px}.studio-panel{padding:23px 18px}.panel-heading h2,.preview-head h2{font-size:19px}.right-column{display:flex}.preview-panel{padding:18px}.preview-stage{min-height:330px;padding:11px}.blank-art{aspect-ratio:1.08;padding:14px}.art-small{font-size:30px}.preview-footer{align-items:stretch}.preview-actions{justify-content:space-between}.preview-actions button{flex:1}.history{padding:20px 18px}.history-status{display:block}.site-footer{padding:18px;font-size:8px}.site-footer span:last-child{display:none}.archive-page,.admin-panel{padding:35px 16px 80px}.admin-grid{grid-template-columns:1fr}.card-modal{padding:28px}.submit-area{justify-content:space-between}.generate-btn{min-width:0;flex:1}.cost-note{white-space:nowrap}}@media(max-width:390px){.ratio-row button{gap:5px}.ratio-shape{transform:scale(.8)}.history-status{display:none}.prompt-foot span:first-child{max-width:220px}}