:root{color:#17201b;background:#f6f4ef;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,textarea{font:inherit}textarea,input,select{font-size:16px}button:disabled{cursor:not-allowed;opacity:.62}.shell{display:grid;gap:16px;margin:0 auto;max-width:760px;min-height:100vh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.topbar{display:grid;gap:6px}.eyebrow{color:#874034;font-size:13px;font-weight:800;letter-spacing:0;margin:0;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.12}h2{font-size:17px}.status-pill{background:#edf5ef;border:1px solid #d8e5dc;border-radius:8px;color:#3f5546;display:inline-block;font-size:13px;font-weight:700;justify-self:start;line-height:1.4;margin-top:6px;max-width:100%;padding:8px 11px}.status-pill.active{background:#fff7dc;border-color:#ead58f;color:#6d5420}.action-hint{color:#59625c;font-size:13px;line-height:1.45}.hero-result{align-items:center;background:linear-gradient(135deg,#1d4230,#2c6547);border:1px solid #1d4230;border-radius:12px;box-shadow:0 14px 34px #1d423047;color:#fff;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;padding:18px}.hero-result-copy{display:grid;gap:4px;min-width:0}.hero-result-copy strong{font-size:19px}.hero-result-copy span{color:#ffffffd1;font-size:13px}.hero-result-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.ios-save-hint{font-size:12px;line-height:1.45;margin:0}.hero-result .ios-save-hint{color:#ffffffb8;flex-basis:100%}.final-result-card .ios-save-hint{color:#7a8a80}.hero-download{align-items:center;background:#fff;border-radius:10px;color:#1d4230;display:inline-flex;font-size:17px;font-weight:800;gap:8px;justify-content:center;min-height:50px;padding:0 22px;text-decoration:none}.hero-download:hover{background:#eef7f1}.hero-play{color:#fff;font-size:14px;font-weight:800;padding:10px 6px;text-decoration:underline;text-underline-offset:3px}.icon-button,.primary-button,.secondary-button,.segmented-control button{align-items:center;background:#fff;border:1px solid #ded8cc;border-radius:8px;color:#17201b;cursor:pointer;display:inline-flex;gap:8px;height:42px;justify-content:center;padding:0 14px;white-space:nowrap}.icon-button{aspect-ratio:1;padding:0;width:42px}.primary-button{background:#17201b;border-color:#17201b;color:#fff;font-weight:800}.secondary-button{background:#fff;border-color:#c9d5cc;color:#17201b;font-weight:800}.step-action{font-size:15px;min-height:48px;width:100%}.text-button{background:transparent;border:0;border-radius:7px;color:#28533a;cursor:pointer;display:inline-block;font-size:13px;font-weight:800;min-height:32px;padding:6px 8px;text-decoration:none;white-space:nowrap}.text-button:hover{background:#edf5ef}.segmented-control{background:#fff;border:1px solid #ded8cc;border-radius:8px;display:inline-flex;height:42px;overflow:hidden}.segmented-control button{border:0;border-radius:0;color:#3b473f;font-size:13px;font-weight:800;height:40px;padding:0 11px}.segmented-control button+button{border-left:1px solid #ded8cc}.segmented-control button.active{background:#eaf4ee;color:#17201b}.progress-strip{display:grid;gap:8px}.progress-copy{align-items:center;color:#3b473f;display:flex;font-size:13px;gap:10px;justify-content:space-between}.progress-copy strong{color:#17201b}.progress-copy span{color:#68736b;font-weight:800}.progress-track{background:#e6dfd3;border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:#28533a;border-radius:inherit;display:block;height:100%;transition:width .22s ease}.work-bar{align-items:center;background:#fffdf8;border:1px solid #e5ded1;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.work-current{display:grid;gap:3px;min-width:0}.work-current span{color:#68736b;font-size:12px;font-weight:800}.work-current strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-new-work{flex-shrink:0;height:38px;padding-inline:12px}.work-history{background:#fffdf8;border:1px solid #e5ded1;border-radius:10px;padding:0}.work-history summary{color:#3b473f;cursor:pointer;font-size:13px;font-weight:800;padding:12px 14px}.work-history[open] summary{border-bottom:1px solid #e5ded1}.work-list{display:grid;gap:8px;max-height:300px;overflow:auto;padding:12px 14px}.work-item{align-items:center;background:#fff;border:1px solid #e5ded1;border-radius:8px;color:#17201b;display:flex;gap:4px;min-width:0;padding:6px;text-align:left}.work-item.active{background:#edf5ef;border-color:#aac9b5}.work-item.demo{background:#fbfaf6}.work-select{align-items:center;background:transparent;border:0;color:inherit;cursor:pointer;display:grid;flex:1 1 auto;gap:8px;grid-template-columns:auto minmax(0,1fr);min-width:0;padding:4px;text-align:left}.work-main{display:grid;gap:4px;min-width:0}.work-item strong,.work-item small,.work-meta-row{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.work-item strong{font-size:13px}.work-item small,.work-empty{color:#68736b;font-size:12px}.work-empty{padding:4px 2px}.work-meta-row{align-items:center;display:flex;gap:6px}.work-meta-row em,.work-demo-badge{background:#edf5ef;border-radius:999px;color:#28533a;font-size:11px;font-style:normal;font-weight:800;line-height:1;padding:4px 7px}.work-demo-badge{align-self:center;flex:0 0 auto}.work-delete{align-items:center;align-self:center;background:#fff8f6;border:1px solid #ead6cf;border-radius:7px;color:#8a382e;cursor:pointer;display:inline-flex;flex:0 0 auto;height:30px;justify-content:center;width:30px}.work-delete:hover{background:#ffecea;border-color:#dba9a0}.step-card{background:#fffdf8;border:1px solid #e5ded1;border-radius:12px;display:grid;gap:14px;padding:16px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.step-card.drag-active{background:#f2fbf4;border-color:#5c9f72;box-shadow:inset 0 0 0 2px #5c9f72}.step-head{align-items:center;display:grid;gap:4px 12px;grid-template-columns:auto minmax(0,1fr) auto}.step-num{align-items:center;background:#17201b;border-radius:999px;color:#fff;display:inline-flex;font-size:15px;font-weight:800;height:32px;justify-content:center;width:32px}.step-head p{color:#68736b;font-size:12px;line-height:1.4;margin-top:2px}.step-state{background:#f1eee7;border-radius:999px;color:#59625c;font-size:12px;font-style:normal;font-weight:800;padding:6px 10px;text-align:center;white-space:nowrap}.step-state.done{background:#dcece3;color:#28533a}.upload-zone{align-items:center;background:#fff;border:1.5px dashed #c3bba9;border-radius:10px;cursor:pointer;display:grid;gap:6px;justify-items:center;padding:22px 16px;text-align:center}.upload-zone:hover{background:#f6faf6;border-color:#7aa181}.upload-zone strong{font-size:14px}.upload-zone span{color:#68736b;font-size:12px}.upload-zone input{display:none}.asset-list{display:grid;gap:10px}.asset-item{border:1px solid #e5ded1;border-radius:8px;display:grid;gap:4px;padding:12px}.asset-item span,.empty-state,.status{color:#68736b;font-size:13px}.asset-title{align-items:flex-start;display:flex;gap:8px}.asset-title b{align-items:center;background:#edf7f0;border-radius:999px;color:#1c4934;display:inline-flex;flex:0 0 auto;font-size:12px;height:22px;justify-content:center;min-width:22px;padding:0 6px}.asset-item strong{font-size:14px;overflow-wrap:anywhere}.asset-notes-card{border-top:1px solid #e5ded1;display:grid;gap:10px;padding-top:14px}.asset-notes-heading{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.asset-notes-heading strong{display:block;font-size:14px}.asset-notes-heading span{color:#68736b;display:block;font-size:12px;line-height:1.45;margin-top:3px}.asset-notes-textarea{background:#fffdf8;border:1px solid #d8d0c3;border-radius:8px;color:#17201b;font:inherit;line-height:1.5;min-height:124px;padding:10px 11px;resize:vertical;width:100%}.asset-notes-textarea:focus{border-color:#7aa181;box-shadow:0 0 0 3px #70977724;outline:none}.empty-state{align-items:center;border:1px dashed #cfc7b8;border-radius:8px;display:grid;gap:10px;justify-items:center;line-height:1.5;padding:30px 18px;text-align:center}.guidance-card{display:grid;gap:12px}.guidance-textarea{background:#fff;border:1px solid #d8d0c3;border-radius:8px;color:#17201b;line-height:1.55;min-height:170px;outline:none;padding:14px;resize:vertical;width:100%}.guidance-textarea:focus{border-color:#7fa78c;box-shadow:0 0 0 3px #7fa78c29}.prompt-guide{background:#f2f7f3;border:1px solid #deeadf;border-radius:8px;display:flex;flex-wrap:wrap;gap:8px 14px;padding:10px 12px}.prompt-guide strong{color:#28533a;font-size:12px}.prompt-guide span{color:#55615a;font-size:12px;line-height:1.45}.preset-row{align-items:flex-start;display:grid;gap:8px;grid-template-columns:auto 1fr}.preset-row>span{color:#68736b;font-size:12px;font-weight:800;line-height:32px;white-space:nowrap}.guidance-chips{display:flex;flex-wrap:wrap;gap:8px}.guidance-chips button{background:#fff;border:1px solid #e3dbcf;border-radius:999px;color:#3b473f;cursor:pointer;font-size:12px;font-weight:700;min-height:32px;padding:6px 11px}.guidance-chips .chip-template{background:#edf5ef;border-color:#c4d8ca;color:#28533a}.mode-panel{align-items:center;border-top:1px solid #e5ded1;display:grid;gap:10px 14px;grid-template-columns:minmax(120px,auto) 1fr;padding-top:12px}.mode-panel strong{display:block;font-size:14px}.mode-panel span{color:#68736b;display:block;font-size:12px;line-height:1.45;margin-top:3px}.mode-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.phone-frame{background:#171717;border:10px solid #1e1e1e;border-radius:28px;box-shadow:0 18px 48px #17201b2e;margin:4px auto;max-width:300px;overflow:hidden;width:100%}.phone-frame p{color:#d9ded9;padding:28px 18px;text-align:center}.rendered-video{aspect-ratio:9 / 16;background:#000;display:block;width:100%}.preview-note{color:#68736b;font-size:12px;line-height:1.45;margin:0 auto;max-width:320px;text-align:center}.cloud-gate-note{background:#fff7dc;border:1px solid #ead58f;border-radius:8px;color:#6d5420;font-size:13px;line-height:1.45;padding:10px 12px}.cloud-status-row{align-items:center;display:flex;gap:10px}.cloud-status-text{background:#f6f4ef;border-radius:8px;color:#3b473f;flex:1;font-size:13px;font-weight:700;line-height:1.45;padding:11px 12px}.cloud-status-text.busy{background:#eef5f3;color:#275941}.cloud-note{color:#68736b;font-size:12px;line-height:1.5}.final-result-card{background:#edf7f2;border:1px solid #b8dac8;border-radius:8px;color:#13251b;display:grid;gap:8px;padding:12px}.final-result-card strong{font-size:14px}.final-result-card span{color:#526258;font-size:12px;line-height:1.45}.final-result-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.download-link{background:#1d4230;border-radius:8px;color:#fff;display:block;flex:1;font-size:14px;font-weight:800;min-width:150px;padding:12px;text-align:center;text-decoration:none}.download-link:hover{background:#2c6547}.publish-extras{display:grid;gap:12px;margin-top:4px;width:100%}.hero-result .publish-extras{flex-basis:100%}.cover-share{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.cover-share .download-link{align-items:center;display:inline-flex;flex:0 1 auto;gap:6px;justify-content:center;min-width:140px}.cover-thumb-link{display:inline-block;line-height:0}.cover-thumb{border:1px solid rgba(0,0,0,.12);border-radius:8px;display:block;height:128px;object-fit:cover;width:72px}.publish-copy-block{background:#fff;border:1px solid #cfe3d7;border-radius:10px;color:#13251b;display:grid;gap:8px;padding:12px}.publish-copy-block strong{color:#1d4230;font-size:14px}.publish-title{font-size:16px;font-weight:700;line-height:1.4;margin:0}.publish-caption{font-size:16px;line-height:1.55;margin:0;white-space:pre-wrap}.publish-hashtags{color:#1d6b46;font-size:15px;line-height:1.5;margin:0;word-break:break-word}.publish-copy-actions{display:flex;flex-wrap:wrap;gap:8px}.publish-copy-actions .text-button{align-items:center;display:inline-flex;gap:6px}.advanced-card{background:#fbfaf6;border:1px solid #ece5d8;border-radius:12px}.advanced-card summary{color:#59625c;cursor:pointer;font-size:13px;font-weight:800;padding:14px 16px}.advanced-card[open] summary{border-bottom:1px solid #ece5d8}.advanced-body{display:grid;gap:16px;padding:16px}.indicator-panel{display:grid;gap:12px}.indicator-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.indicator-heading>div{display:grid;gap:3px}.indicator-heading strong{font-size:14px}.indicator-heading span,.caption-mode-row>span{color:#68736b;font-size:12px}.indicator-max{background:#edf6f0;border-radius:999px;color:#275941!important;font-weight:800;padding:7px 10px;white-space:nowrap}.indicator-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.indicator-grid button{background:#fffdf8;border:1px solid #e5ded1;border-radius:8px;color:#17201b;cursor:pointer;display:grid;gap:4px;min-height:70px;padding:10px;text-align:left}.indicator-grid button.active{background:#edf6f0;border-color:#b8d2c1;box-shadow:inset 3px 0 #6aa37a}.indicator-grid button:disabled{cursor:not-allowed;opacity:.48}.indicator-grid button strong{font-size:13px}.indicator-grid button span{color:#68736b;font-size:11px;line-height:1.35}.caption-mode-row{align-items:center;display:flex;gap:10px}.compact-segmented button{min-height:34px;padding:7px 12px}.quality-line{background:#f2f7f3;border:1px solid #deeadf;border-radius:8px;color:#3b473f;font-size:13px;line-height:1.5;padding:10px 12px}.quality-line strong{color:#28533a}.advanced-files{background:#fffdf8;border:1px solid #e5ded1;border-radius:10px;display:grid;overflow:hidden}.document-explainer{background:#f8f6f0;border-bottom:1px solid #e5ded1;display:grid;gap:4px;padding:12px 16px}.document-explainer strong{font-size:13px}.document-explainer span{color:#68736b;font-size:12px;line-height:1.45}.file-tabs{border-bottom:1px solid #e5ded1;display:flex;gap:6px;overflow-x:auto;padding:10px}.file-tabs button{background:transparent;border:0;border-radius:7px;color:#59625c;cursor:pointer;min-height:34px;padding:6px 10px;white-space:nowrap}.file-tabs button.active{background:#17201b;color:#fff}.file-tabs button span{font-size:13px;font-weight:800}.file-textarea{background:#fffdf8;border:0;color:#17201b;line-height:1.55;min-height:300px;outline:none;padding:16px;resize:vertical;width:100%}.save-button{justify-self:start;margin:0 16px 14px}.status{color:#68736b;font-size:13px}@media(max-width:640px){.shell{gap:14px;padding:16px 12px 32px}h1{font-size:24px}.hero-result{display:grid}.hero-download{width:100%}.step-head{grid-template-columns:auto minmax(0,1fr)}.step-state{grid-column:2;justify-self:start}.indicator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-panel{grid-template-columns:1fr}.mode-controls{justify-content:flex-start;width:100%}.segmented-control,.segmented-control button{flex:1}.preset-row{grid-template-columns:1fr}.preset-row>span{line-height:1.2}}.auth-gate{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.auth-card{background:#fff;border:1px solid #ded8cc;border-radius:14px;display:grid;gap:14px;max-width:360px;padding:28px 22px;width:100%}.auth-card h1{font-size:20px;margin:0;text-align:center}.auth-input{border:1px solid #ded8cc;border-radius:9px;height:48px;padding:0 14px;width:100%}.auth-submit{height:48px;width:100%}.auth-hint{color:#5c6660;font-size:14px;margin:0;text-align:center}