:root{--ink:#243d35;--muted:#7e837c;--paper:#f6f5ef;--line:#e4e6dc;--green:#2f5748}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px}button,input,textarea,a{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a1b7a4;outline-offset:3px}header{max-width:1320px;padding:30px 48px;display:flex;justify-content:space-between;align-items:center;margin:auto;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);display:flex;gap:13px;align-items:center;font-size:21px;letter-spacing:2px;font-weight:600}.brand-icon{display:grid;place-items:center;background:var(--green);color:#f7efdd;width:44px;height:44px;border-radius:13px;font-family:serif;font-size:27px;font-weight:400}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1px;margin-top:5px;color:var(--muted)}.header-note{font-size:13px;color:#7a8279}i{display:inline-block;width:6px;height:6px;background:#76927a;border-radius:100%;margin-right:8px}main{max-width:1200px;margin:auto;padding:56px 40px 0}.eyebrow{font-size:12px;letter-spacing:3px;color:#8c927d;margin-bottom:16px}h1{font-family:"Songti SC","STSong",serif;font-weight:500;font-size:46px;letter-spacing:1px;margin:0 0 17px}h1 em{font-style:normal;color:#7f9278}.intro>p{color:#80867b;font-size:15px;margin-bottom:37px}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,0.9fr);gap:28px;align-items:start}.editor{background:white;border:1px solid var(--line);border-radius:18px;padding:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading>div{display:flex;gap:10px;align-items:center}.step{border:1px solid #dbe3d9;color:#6e836d;font-size:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}h2{font-size:17px;margin:0;font-weight:600}.text-button{border:0;background:none;color:#738671;font-size:12px;padding:8px}.text-wrap{border:1px solid #dfe4d9;border-radius:10px;background:#fcfcf9;overflow:hidden}textarea{resize:vertical;display:block;background:transparent;border:0;width:100%;min-height:266px;max-height:650px;line-height:1.9;padding:20px;color:#354b41;font-size:15px}textarea::placeholder{color:#a5aaa0}.text-footer{display:flex;justify-content:space-between;padding:11px 15px;border-top:1px solid #edf0e7;font-size:10px;color:#979e90;gap:8px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.settings .section-heading{margin-bottom:16px}h3{font-size:12px;font-weight:500;color:#8d9485;margin:4px 0 24px}.duration-input{display:flex;align-items:center;gap:10px;margin-bottom:10px}.duration-input input{width:102px;font-size:28px;padding:7px 12px;border:1px solid #e0e5da;border-radius:8px;color:var(--ink);background:#fafbf7}.duration-input span{color:#929888;font-size:13px}.presets{display:flex;gap:6px}.presets button{font-size:11px;background:#fff;border:1px solid #e5e8df;border-radius:6px;color:#8d9587;padding:7px 11px}.presets button.active{background:#edf2e9;color:#4a6e4d;border-color:#cad9c4}.hint{font-size:10px;color:#99a08f;line-height:1.6;margin-bottom:0}.style-block{border-left:1px solid var(--line);padding-left:24px}.style-row{display:flex;gap:10px;margin-bottom:19px;font-size:12px;align-items:center}.style-row small{display:block;color:#9a9f92;font-size:10px;margin-top:5px}.style-icon{background:#f5f5ee;border-radius:7px;width:31px;height:31px;display:grid;place-items:center;font-size:21px}.italic{font-size:17px;font-style:italic;font-family:serif}.generate-area{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.primary{width:100%;background:var(--green);color:#f6f4e8;border:0;border-radius:9px;min-height:53px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;letter-spacing:2px;text-decoration:none;transition:background .2s}.primary:hover{background:#234335}.primary:disabled{opacity:.6;cursor:wait}.primary>span{border:1px solid #79917d;width:21px;height:21px;font-size:10px;display:grid;place-items:center;border-radius:50%}.primary b{font-size:22px;font-weight:400;position:absolute;margin-left:410px}.privacy{text-align:center;color:#9ca38f;font-size:10px;margin:13px 0 0}.preview-panel{background:#eeefe7;border:1px solid #e0e3d5;border-radius:18px;padding:20px 30px 16px}.preview-heading{display:flex;justify-content:space-between;font-size:11px;color:#768370;align-items:center;margin-bottom:16px}.preview-heading i{width:5px;height:5px}.ratio{font-size:10px;border:1px solid #d2d9c9;border-radius:4px;padding:4px 7px}.canvas-frame{position:relative;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 12px 30px #27372c1c;max-width:290px;margin:auto;aspect-ratio:9/16}canvas{width:100%;height:100%;display:block}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#f5ebd0}#empty span{font-family:serif;font-size:45px;opacity:.55}#empty p{font-size:13px;margin-top:23px}#empty small{font-size:9px;color:#756f61}.preview-controls{display:flex;gap:10px;align-items:center;max-width:290px;margin:17px auto 0;color:#7f8879;font-size:9px;font-variant-numeric:tabular-nums}.preview-controls button{color:var(--green);border:0;background:none;font-size:12px;padding:2px}input[type=range]{width:100%;min-width:20px;height:3px;accent-color:#6c8264}.preview-caption{text-align:center;font-size:10px;color:#939c88;margin:16px 0 0}.bottom-note{position:relative;padding:36px 0 30px;border-top:1px solid var(--line);margin-top:42px}.bottom-note>span:first-child{font-family:serif;font-size:20px;color:#657c63}.bottom-note p{font-size:12px;color:#9bA18f}.flower{position:absolute;right:10px;top:38px;font-size:45px;color:#b9c4a9}footer{max-width:1120px;margin:0 auto;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#a0a791}#status{font-size:13px;line-height:1.8;margin-top:12px;color:#5a715b}#status.error{color:#a14a36}#progress-box{margin-top:10px}progress{width:75%;accent-color:var(--green)}#result{padding-top:20px}#result .primary{margin:14px 0}#result-video{display:block;width:100%;max-height:420px;background:#000;border-radius:8px}.result-top{display:flex;gap:12px;align-items:center}.result-top strong{font-size:15px}.result-top small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.success-icon{width:32px;height:32px;border-radius:50%;background:#edf2e9;display:grid;place-items:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(min-width:1100px){.editor{padding:30px}.preview-panel{padding-left:42px;padding-right:42px}}@media(max-width:800px){header{padding:20px}.header-note{font-size:10px}.brand{font-size:18px}main{padding:36px 20px 0}h1{font-size:34px}.intro>p{font-size:13px;line-height:1.9}.workspace{grid-template-columns:1fr}.editor{padding:20px}.preview-panel{padding:22px}.settings{gap:15px}.style-block{padding-left:15px}.primary b{display:none}footer{margin:0 20px}.canvas-frame{max-width:270px}.preview-controls{max-width:270px}.privacy{font-size:10px}.text-footer{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.presets button{white-space:nowrap}@media(max-width:480px){.settings{grid-template-columns:1fr}.style-block{border-left:0;border-top:1px solid var(--line);padding:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.style-block h3{grid-column:1/-1;margin:0 0 7px}.style-row{margin-bottom:0;align-items:flex-start}.style-row small{line-height:1.6}.hint,.privacy{font-size:11px}.primary{min-height:56px}.text-button{font-size:13px}.preview-heading{font-size:12px}}