:root{--paper:#f8f6ef;--white:#fffefa;--ink:#233b2c;--muted:#7b8176;--line:#dedfd3;--gold:#aa8c59;--sage:#edf0e7;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}button{color:inherit}a{color:inherit;text-decoration:none}input,textarea{min-width:0}button{border:0}::selection{background:#d9e4d0}button svg{flex:none}h1,h2,h3,p{margin:0}.app-header{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;gap:24px;height:88px;padding:0 4.4%;display:flex}.brand-lockup{flex:none;align-items:center;gap:18px;display:flex}.brand-word{font:34px var(--serif);letter-spacing:5px}.brand-divider{background:var(--line);width:1px;height:28px}.brand-product{letter-spacing:2px;color:#68715f;font-size:13px}.header-tabs{align-self:stretch;gap:36px;display:flex}.header-tab{color:var(--muted);background:0 0;align-items:center;gap:9px;padding:0 2px;font-size:14px;display:flex;position:relative}.header-tab.active{color:var(--ink);font-weight:600}.header-tab.active:after{content:"";background:var(--ink);height:2px;position:absolute;bottom:0;left:0;right:0}.header-end{align-items:center;gap:20px;display:flex}.local-label{color:var(--muted);font-size:12px}.header-settings{background:0 0;align-items:center;gap:7px;padding:10px 0;font-size:13px;display:flex}.page-shell{max-width:1440px;margin:0 auto;padding:38px 48px 28px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.intro-kicker{letter-spacing:3px;color:var(--gold);margin-bottom:12px;font-size:10px}.page-heading h1{font:32px/1.4 var(--serif);letter-spacing:1px;font-weight:500}.page-heading p{color:var(--muted);margin-top:9px;font-size:13px;line-height:1.7}.heading-date{text-align:right;color:#6f7769;white-space:nowrap;font-size:12px;line-height:1.9}.heading-date strong{font-family:var(--serif);color:var(--ink);letter-spacing:2px;font-size:23px;font-weight:400;display:block}.studio-grid{grid-template-columns:328px minmax(0,1fr);align-items:start;gap:28px;display:grid}.editor-panel{background:var(--white);border:1px solid var(--line);border-radius:9px;padding:25px 23px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.section-heading h2,.section-heading h3{letter-spacing:.5px;font-size:14px;font-weight:600}.section-heading svg{color:var(--gold)}.link-button{color:#7f866f;background:0 0;align-items:center;gap:5px;padding:5px 0;font-size:11px;display:inline-flex}.link-button:hover{color:var(--ink)}.topic-buttons{flex-wrap:wrap;gap:6px;display:flex}.topic-button{color:#747d6a;white-space:nowrap;background:#f5f5ee;border:1px solid #0000;border-radius:5px;flex:1;padding:9px 10px;font-size:12px;transition:background .16s}.topic-button.active{color:var(--ink);background:#edf0e5;border-color:#a3ad94}.editor-separator{border:0;border-top:1px solid var(--line);margin:24px 0}.field{margin-bottom:17px;display:block}.field-label{color:#69735f;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.field-count{color:#a0a595;font-size:10px}.text-input,.text-area,.date-input{background:var(--white);width:100%;color:var(--ink);border:1px solid #dcdfd3;border-radius:5px;outline:none;padding:11px 12px;line-height:1.6;transition:border .15s,box-shadow .15s}.text-input:focus,.text-area:focus,.date-input:focus{border-color:#89987a;box-shadow:0 0 0 3px #d8dfcf60}.text-input.headline-input{font-family:var(--serif);letter-spacing:1px;padding:9px 12px;font-size:19px}.text-area{resize:vertical;min-height:81px;max-height:180px;font-size:13px;line-height:1.9}.field-last{margin-bottom:0}.input-help{color:#989d8d;margin:9px 0 0;font-size:11px;line-height:1.8}.details-toggle{text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:0;font-size:13px;font-weight:600;display:flex}.details-toggle span{align-items:center;gap:7px;display:flex}.details-body{padding-top:18px}.date-row{align-items:center;gap:8px;display:flex}.date-input{flex:1;padding:9px 8px;font-size:12px}.today-button{border:1px solid var(--line);background:0 0;border-radius:5px;padding:10px 12px;font-size:12px}.checkbox-row{color:#74806c;cursor:pointer;align-items:center;gap:8px;margin-top:13px;font-size:12px;display:flex}.checkbox-row input{accent-color:var(--ink);width:15px;height:15px;margin:0}.template-options{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.template-button{border:1px solid var(--line);text-align:center;background:0 0;border-radius:5px;padding:6px 6px 9px;position:relative}.template-button.active{background:#f1f3eb;border-color:#546a45;box-shadow:0 0 0 1px #546a45}.mini-poster{aspect-ratio:3/4;background:#e9e1d0;border-radius:2px;margin-bottom:8px;position:relative;overflow:hidden}.mini-poster img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mini-word{font-family:var(--serif);letter-spacing:1px;text-align:left;font-size:12px;line-height:1.7;position:absolute;top:16%;left:9%}.mini-poster.letter .mini-word{writing-mode:vertical-rl;letter-spacing:2px;font-size:11px;line-height:1.6;top:18%;left:28%}.mini-poster.quiet:after{content:"";background:linear-gradient(#f4eddfaa,#f4eddf00 65%);position:absolute;inset:0}.mini-poster.quiet .mini-word{text-align:center;z-index:1;width:100%;font-size:11px;top:12%;left:0}.template-name{white-space:nowrap;font-size:10px}.template-check{color:#698053;place-items:center;width:12px;height:12px;display:grid;position:absolute;bottom:5px;right:4px}.template-caption{color:#8c927e;margin-top:12px;font-size:11px;line-height:1.7}.preview-panel{border:1px solid var(--line);background:#eeeae0;border-radius:9px;overflow:hidden}.preview-toolbar{background:var(--white);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:58px;padding:0 23px;display:flex}.preview-title{align-items:center;gap:10px;font-size:13px;display:flex}.preview-title small{color:#929982;background:#f1f3e9;border-radius:3px;padding:4px 6px;font-size:10px}.preview-tools{color:#929982;align-items:center;gap:15px;font-size:11px;display:flex}.canvas-stage{background:radial-gradient(at 50% 30%,#e9e5d9 0%,#e9e7df 70%,#e3e2d8 100%);justify-content:center;align-items:center;min-height:600px;padding:31px;display:flex;position:relative}.canvas-stage:before{content:"";opacity:.11;pointer-events:none;background-image:radial-gradient(#928e7d .5px,#0000 .5px);background-size:5px 5px;position:absolute;inset:0}.poster-frame{aspect-ratio:3/4;background:#f6eddd;width:min(100%,432px);line-height:0;position:relative;box-shadow:0 14px 28px #443b2920,0 2px 5px #40382b17}.poster-result{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:relative}.poster-placeholder{opacity:.5;background:url(/artwork/camellia.png) 50%/cover;position:absolute;inset:0}.render-overlay{z-index:2;pointer-events:none;background:#f8f4e94a;justify-content:center;align-items:center;line-height:1.5;display:flex;position:absolute;inset:0}.render-label{background:#fffdf2eb;border-radius:30px;align-items:center;gap:7px;padding:10px 14px;font-size:12px;display:flex;box-shadow:0 2px 10px #0001}.spinner{animation:1.3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.preview-footer{background:var(--white);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:18px 23px;display:flex}.export-caption{color:#909783;font-size:11px;line-height:1.8}.export-caption strong{color:#68735f;font-size:12px;font-weight:400;display:block}.export-actions{align-items:center;gap:10px;display:flex}.primary-button,.secondary-button{border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:11px 16px;font-size:12px;transition:background .15s,transform .15s;display:inline-flex}.primary-button{color:#fffcf3;background:#2c4431}.primary-button:hover:not(:disabled){background:#3c5840}.secondary-button{color:#5e6d54;background:#fffefa;border:1px solid #cdd3c2}.secondary-button:hover:not(:disabled){background:#f1f3e9}.below-canvas{color:#8b927e;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:11px;line-height:1.7;display:flex}.app-footer{color:#9a9e90;letter-spacing:.6px;justify-content:space-between;margin-top:32px;font-size:10px;display:flex}.app-footer span:first-child{letter-spacing:2px}.notice{z-index:30;color:#fffef5;background:#2b4333;border-radius:6px;max-width:calc(100% - 32px);padding:13px 20px;font-size:13px;line-height:1.7;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #213b3026}.error-banner{color:#946342;background:#fff7ed;border:1px solid #e7d6b9;border-radius:5px;align-items:flex-start;gap:9px;margin:0 0 18px;padding:11px 13px;font-size:12px;line-height:1.7;display:flex}.empty-state{text-align:center;border:1px solid var(--line);background:#fffdf7;border-radius:8px;padding:82px 24px}.empty-state svg{color:#98a186;margin-bottom:18px}.empty-state h2{font:26px var(--serif);margin-bottom:12px}.empty-state p{color:var(--muted);margin-bottom:24px;line-height:1.9}.history-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.history-heading p{color:var(--muted);font-size:12px}.history-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.history-card{border:1px solid var(--line);background:var(--white);text-align:left;border-radius:7px;align-items:center;gap:20px;padding:18px;transition:border-color .15s;display:flex}.history-card:hover{border-color:#8b9b7b}.history-thumb{aspect-ratio:3/4;background:url(/artwork/camellia.png) 50%/cover;border-radius:2px;flex:none;width:72px;position:relative;overflow:hidden}.history-thumb span{font:10px/1.8 var(--serif);letter-spacing:1px;position:absolute;top:18%;left:7%}.history-info{min-width:0}.history-info h3{font:18px/1.6 var(--serif);overflow-wrap:anywhere}.history-info p{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.9}.history-info small{color:#738365;align-items:center;gap:5px;margin-top:12px;font-size:11px;display:flex}.studio-reveal{animation:.4s ease-out appear}@keyframes appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1500px){.canvas-stage{min-height:700px}.poster-frame{width:472px}.page-shell{padding-top:45px}}@media (max-width:1100px){.page-shell{padding:30px 25px}.studio-grid{grid-template-columns:298px minmax(0,1fr);gap:20px}.editor-panel{padding:22px 19px}.canvas-stage{min-height:575px;padding:25px}.preview-footer{padding:17px}.export-caption{display:none}.export-actions{justify-content:space-between;width:100%}.header-tabs{gap:23px}.brand-product{letter-spacing:0}.history-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.app-header{flex-wrap:wrap;gap:10px;height:72px;padding:0 20px}.brand-word{letter-spacing:3px;font-size:29px}.brand-lockup{gap:10px}.brand-divider,.brand-product,.local-label,.header-settings{display:none}.header-tabs{gap:18px;margin-left:auto}.header-tab{padding:0;font-size:12px}.header-tab svg{width:15px}.header-end{display:none}.page-shell{padding:27px 19px 22px}.page-heading{align-items:flex-start;margin-bottom:24px}.page-heading h1{font-size:25px}.page-heading p{margin-top:7px;font-size:11px}.intro-kicker{margin-bottom:10px;font-size:9px}.heading-date{display:none}.studio-grid{grid-template-columns:minmax(0,1fr);gap:20px}.preview-column{grid-row:1}.canvas-stage{min-height:0;padding:25px 30px}.poster-frame{width:min(100%,365px)}.preview-toolbar{height:49px;padding:0 16px}.preview-title{font-size:12px}.preview-tools{gap:10px;font-size:10px}.preview-tools span:last-child{display:none}.preview-footer{padding:15px}.export-actions{gap:9px}.export-actions button{flex:1;padding:12px 8px;font-size:12px}.below-canvas{margin-top:10px;font-size:10px}.editor-panel{padding:24px}.template-options{max-width:310px}.app-footer{margin-top:24px;font-size:9px}.app-footer span:last-child{display:none}.history-grid{grid-template-columns:1fr}.history-card{padding:15px}.notice{text-align:center;font-size:12px;bottom:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.direct-connection{color:#68795e;font-size:12px}.direct-shell{padding-top:34px}.direct-grid{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:28px;display:grid}.direct-controls{background:var(--white);border:1px solid var(--line);border-radius:8px;padding:28px 24px}.direct-brand-note>svg{color:#9a7c45;margin-bottom:16px}.direct-brand-note h2{font:23px/1.5 var(--serif);margin-bottom:10px}.direct-brand-note p{color:#6b7663;font-size:12px;line-height:1.9}.direct-style{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0;padding:20px 0}.direct-style>span:first-child{color:#79856c;font-size:12px}.direct-style p{font:18px/1.9 var(--serif);margin:9px 0 13px}.direct-ratio{color:#7b866e;font-size:11px}.direct-generate{width:100%;min-height:49px;font-size:14px}.direct-cost{color:#7c856f;margin:13px 0 23px;font-size:11px;line-height:1.9}.direct-options{border-top:1px solid var(--line);padding-top:18px}.direct-options summary{cursor:pointer;color:#586b4a;justify-content:space-between;align-items:center;font-size:12px;list-style:none;display:flex}.direct-options summary::-webkit-details-marker{display:none}.direct-options>div{padding-top:20px}.direct-options p{color:#7b856f;font-size:11px;line-height:1.8}.direct-task{color:#4e6941;align-items:flex-start;gap:10px;padding-top:24px;display:flex}.direct-task strong{font-size:12px;font-weight:500}.direct-task p{color:#7c856f;margin-top:5px;font-size:11px;line-height:1.8}.direct-controls .error-banner{margin-top:20px;margin-bottom:0}.direct-result{background:var(--white);border:1px solid var(--line);border-radius:8px;overflow:hidden}.direct-result-source{color:#738166;font-size:11px}.direct-canvas{background:#eae6dc;justify-content:center;align-items:center;padding:28px;display:flex;position:relative}.direct-poster{width:min(100%,440px);height:auto;display:block;box-shadow:0 12px 30px #3d36241f}.direct-busy-label{white-space:nowrap;background:#fffdf0ee;border-radius:6px;align-items:center;gap:7px;padding:11px 15px;font-size:11px;display:flex;position:absolute;bottom:46px;left:50%;transform:translate(-50%);box-shadow:0 3px 18px #0002}.direct-history-grid{grid-template-columns:repeat(4,1fr);gap:23px;display:grid}.direct-history-card{background:var(--white);border:1px solid var(--line);text-align:left;border-radius:7px;padding:0 0 16px;overflow:hidden}.direct-history-card img{width:100%;height:auto;display:block}.direct-history-card h2{font:18px/1.6 var(--serif);margin:15px 15px 6px}.direct-history-card p{color:#76856b;margin:0 15px;font-size:11px}.direct-shell .app-footer span:last-child{align-items:center;gap:5px;display:flex}@media (max-width:1050px){.direct-grid{grid-template-columns:275px minmax(0,1fr);gap:20px}.direct-controls{padding:23px 20px}.direct-history-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.direct-connection{display:none}.direct-shell{padding-top:26px}.direct-grid{grid-template-columns:minmax(0,1fr);gap:20px}.direct-controls{padding:23px}.direct-brand-note>svg{display:none}.direct-brand-note h2{font-size:21px}.direct-style{margin:18px 0;padding:14px 0}.direct-style p{font-size:16px;line-height:1.7}.direct-cost{margin-bottom:18px}.direct-canvas{padding:23px}.direct-result-source{font-size:10px}.direct-result .preview-footer{justify-content:flex-end}.direct-busy-label{padding:10px;font-size:10px;bottom:35px}.direct-history-grid{grid-template-columns:repeat(2,1fr);gap:14px}.direct-history-card h2{font-size:16px}.direct-shell .app-footer span:last-child{display:none}}.direct-style>label{color:#647558;margin-bottom:10px;font-size:12px;display:block}.direct-style select{color:#32472c;background:#fffdf6;border:1px solid #c9d0bc;border-radius:5px;width:100%;padding:11px 8px;font-size:12px}.direct-style .scene-description{font:12px/1.9 var(--sans);color:#6d7c60;margin:11px 0}.creative-preview-button{width:100%;margin-top:10px}.creative-options{border-top:1px solid var(--line);margin:0 0 20px;padding-top:18px}.creative-options-heading{color:#6c7b5f;margin-bottom:12px;font-size:12px}.creative-option{text-align:left;background:#fffef9;border:1px solid #d9dece;border-radius:6px;width:100%;margin-bottom:10px;padding:14px 12px;display:block}.creative-option.selected{background:#eff3e9;border-color:#4e693e;box-shadow:0 0 0 1px #4e693e}.creative-option>span{color:#857042;font-size:10px}.creative-option strong{font:19px/1.65 var(--serif);color:#243d27;margin:7px 0;display:block}.creative-option p{color:#566a4b;font-size:12px;line-height:1.8}.creative-option small{color:#7b856e;margin-top:10px;font-size:10px;line-height:1.9;display:block}.direct-format{color:#7b866e;margin:22px 0 14px;font-size:11px;line-height:1.8}.direct-custom-help{color:#7b866e;margin:16px 0;font-size:11px;line-height:1.8}.direct-options .direct-style{border-top:0;margin-top:0;padding-top:0}.direct-options .creative-options{margin-top:18px}.direct-options .creative-options strong{font-size:17px}.direct-options[open]>summary{margin-bottom:4px}.direct-poster-zoom{cursor:zoom-in;width:min(100%,440px);display:block}.direct-poster-zoom .direct-poster{width:100%}.generation-progress{background:#f0f4ec;border:1px solid #dce4d4;border-radius:9px;margin-top:20px;padding:18px 15px}.generation-progress-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;display:flex}.generation-progress-title strong{color:#2d4935;font-size:13px;font-weight:600}.generation-progress-title>span{color:#6d7868;font-variant-numeric:tabular-nums;font-size:11px}.generation-track{background:#dce5d6;border-radius:6px;height:8px;margin:16px 0 14px;position:relative;overflow:hidden}.generation-track>span{background:#58764d;border-radius:6px;height:100%;transition:width .45s;display:block}.generation-track.indeterminate>span{width:38%;animation:1.6s ease-in-out infinite chunshe-progress}@keyframes chunshe-progress{0%{transform:translate(-110%)}to{transform:translate(365%)}}.generation-steps{justify-content:space-between;gap:7px;margin:0;padding:0;list-style:none;display:flex}.generation-steps li{color:#99a28f;align-items:center;gap:4px;font-size:10px;display:flex}.generation-steps li.active,.generation-steps li.done{color:#3e6039}.step-dot{border:1px solid;border-radius:50%;width:7px;height:7px}.generation-progress p{color:#65735d;margin:12px 0 0;font-size:11px;line-height:1.7}.store-logo{object-fit:contain;width:48px;height:49px}.poster-source-link{color:#687a5d;text-underline-offset:3px;font-size:11px;text-decoration:underline}.poster-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.direct-canvas .direct-busy-label{white-space:normal;max-width:calc(100% - 24px);line-height:1.6}@media (max-width:760px){.direct-shell .page-heading{margin-bottom:18px}.direct-shell .page-heading h1{font-size:25px}.direct-controls{padding:18px}.direct-format{margin:0 0 12px}.direct-cost{margin:10px 0 15px}.direct-options{padding-top:13px}.direct-canvas{padding:12px}.generation-progress{margin-top:15px}.generation-steps li{font-size:11px}.poster-actions{justify-content:flex-end;width:100%}.poster-actions .primary-button{flex:1;justify-content:center}}@media (prefers-reduced-motion:reduce){.generation-track.indeterminate>span{animation:none;transform:translate(80%)}}@media (max-width:760px){.direct-shell .page-heading{align-items:center;gap:12px;display:flex}.direct-shell .heading-date{white-space:nowrap;font-size:10px;display:block}.direct-shell .heading-date strong{letter-spacing:.03em;font-size:16px}.direct-result .preview-footer{flex-wrap:wrap;justify-content:space-between;gap:13px}.direct-result .export-caption{display:block}}.poster-actions a[aria-disabled=true]{opacity:.55;cursor:wait}
