:root{color:#17201b;background:#f4f6f2;font-family:Inter,Segoe UI,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-width:320px}button,textarea,input,select{font:inherit}.app-shell{min-height:100vh;padding:32px}.workspace{width:min(1180px,100%);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.tool-nav-row{display:flex;align-items:stretch;gap:14px;margin-bottom:22px}.tool-nav{display:inline-flex;gap:6px;padding:4px;border:1px solid #dce4dd;border-radius:8px;background:#fff}.tool-nav button{min-height:36px;padding:0 14px;border:0;border-radius:6px;color:#607369;background:transparent;cursor:pointer;font-weight:800}.tool-nav button.active{color:#fff;background:#206f5c}.eyebrow{margin:0 0 4px;color:#607369;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:34px;line-height:1.15}h2{font-size:18px}h3{color:#17201b;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;font-weight:700}.content-grid{display:grid;gap:20px;align-items:start}.capture-panel,.records-panel{background:#fff;border:1px solid #dce4dd;border-radius:8px;box-shadow:0 10px 28px #2a373014}.capture-panel{display:flex;flex-direction:column;gap:14px;padding:20px}.capture-panel textarea{min-height:148px}label{color:#2d3932;font-size:14px;font-weight:700}textarea,input,select{width:100%;border:1px solid #cbd8cf;border-radius:6px;padding:12px;color:#17201b;background:#fbfcfa;outline:none}input,select{min-height:42px}textarea{min-height:208px;resize:vertical}textarea:focus,input:focus,select:focus{border-color:#267f68;box-shadow:0 0 0 3px #267f6824}.primary-button,.icon-button,.download-link,.secondary-button,.copy-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:6px;cursor:pointer;text-decoration:none}.primary-button{min-height:44px;padding:0 16px;color:#fff;background:#206f5c;font-weight:700}.primary-button:disabled{cursor:not-allowed;opacity:.58}.icon-button{width:40px;height:40px;color:#26342d;background:#fff;border:1px solid #dce4dd}.status{margin:0;padding:10px 12px;border-radius:6px;font-size:14px}.success{color:#135a48;background:#e8f4ef}.error{color:#a12d2d;background:#fff0ed}.records-panel{overflow:hidden}.generation-grid{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,420px);gap:20px;align-items:start}.generation-workspace{display:grid;gap:20px}.generation-panel{display:grid;gap:16px;padding:20px;background:#fff;border:1px solid #dce4dd;border-radius:8px;box-shadow:0 10px 28px #2a373014}.ecommerce-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start}.ecommerce-result-panel.full-width{grid-column:auto}.ecommerce-form{display:grid;gap:16px}.ecommerce-upload-box{display:grid;place-items:center;min-height:168px;padding:20px;border:1px dashed #b9cbc1;border-radius:8px;color:#244035;background:#f8fbf9;text-align:center;cursor:pointer}.ecommerce-upload-box strong{margin-top:8px;font-size:18px}.ecommerce-upload-box span{margin-top:5px;color:#607369;font-size:13px}.ecommerce-upload-box input{display:none}.ecommerce-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ecommerce-thumb{display:grid;gap:6px;min-width:0}.ecommerce-thumb button,.ecommerce-result-thumbs button,.image-preview-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.ecommerce-thumb button:focus-visible,.ecommerce-result-thumbs button:focus-visible,.image-preview-button:focus-visible{outline:2px solid #206f5c;outline-offset:2px}.ecommerce-thumb img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #e1e8e3;border-radius:6px;background:#f3f6f4}.ecommerce-thumb span{overflow:hidden;color:#607369;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ecommerce-options{grid-template-columns:repeat(3,minmax(0,1fr))}.ecommerce-main-button{width:100%}.ecommerce-inline-action{width:168px}.ecommerce-image-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.ecommerce-step-panel{display:grid;gap:14px}.ecommerce-step-list{display:grid;gap:8px}.ecommerce-step-item{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:10px;border:1px solid #e1e8e3;border-radius:8px;background:#fbfcfa}.ecommerce-step-item.done{border-color:#cfe7dc;background:#f0faf5}.ecommerce-step-item.active{border-color:#92b9aa;background:#eef7f3}.ecommerce-step-index{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;color:#607369;background:#eef2ef;font-size:12px;font-weight:800}.ecommerce-step-item.done .ecommerce-step-index,.ecommerce-step-item.active .ecommerce-step-index{color:#fff;background:#206f5c}.ecommerce-step-item strong,.ecommerce-step-note strong,.prompt-preview strong{color:#17201b;font-size:14px}.ecommerce-step-item p,.ecommerce-step-note p{margin:3px 0 0;color:#607369;font-size:13px}.ecommerce-step-note,.prompt-preview{padding:12px;border:1px solid #e1e8e3;border-radius:8px;background:#fbfcfa}.ecommerce-step-note.failed{border-color:#ffd7cf;background:#fff0ed}.ecommerce-step-note.live{border-color:#cfe7dc;background:#eef8f3}.ecommerce-step-note.running{position:relative;min-height:78px;padding-right:52px;border-color:#bdd9cd;background:#f2faf6}.ecommerce-inline-spinner{position:absolute;top:22px;right:18px;color:#206f5c}.ecommerce-result-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:12px}.ecommerce-result-thumbs figure{min-width:0;margin:0}.ecommerce-result-thumbs img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid #dce6df;border-radius:6px;background:#f0f4f1}.ecommerce-result-thumbs figcaption{overflow:hidden;margin-top:5px;color:#607369;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.prompt-preview-list{display:grid;gap:8px;margin-top:10px}.prompt-common-preview{display:grid;gap:8px;margin-top:10px;padding:10px;border:1px solid #cfe7dc;border-radius:6px;background:#f2faf6}.prompt-common-preview p{margin:0}.prompt-common-preview span{color:#0f6e5b;font-weight:800}.prompt-preview details{padding:10px;border:1px solid #e1e8e3;border-radius:6px;background:#fff}.prompt-preview summary{color:#244035;cursor:pointer;font-size:13px;font-weight:800}.prompt-preview p{margin:8px 0;color:#25312b;font-size:13px;line-height:1.6}.prompt-preview small{display:block;color:#607369;font-size:12px;line-height:1.5}.ecommerce-continue-row{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid #edf1ee}.ecommerce-continue-button{width:240px}.ecommerce-image-card{display:grid;gap:10px;min-width:0;padding:12px;border:1px solid #e1e8e3;border-radius:8px;background:#fbfcfa}.ecommerce-image-card img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#f0f4f1}.ecommerce-image-card strong{display:block;color:#17201b;font-size:14px}.ecommerce-image-card p{display:-webkit-box;overflow:hidden;margin:6px 0;color:#607369;font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:4}.ecommerce-image-card a{color:#206f5c;font-size:13px;font-weight:700}.image-preview-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:28px;background:#101814b8}.image-preview-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1120px,96vw);max-height:92vh;overflow:hidden;border:1px solid #d7e2dc;border-radius:8px;background:#fbfcfa;box-shadow:0 22px 80px #00000052}.image-preview-header{display:flex;gap:18px;align-items:flex-start;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #e1e8e3}.image-preview-header strong{display:block;color:#17201b;font-size:16px}.image-preview-header p{display:-webkit-box;overflow:hidden;margin:6px 0 0;color:#607369;font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.image-preview-actions{display:flex;flex:0 0 auto;gap:8px}.image-preview-actions a,.image-preview-actions button{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7e2dc;border-radius:6px;color:#244035;background:#fff}.image-preview-actions button{cursor:pointer}.image-preview-stage{display:grid;place-items:center;min-height:0;padding:18px;background:#eef2ef}.image-preview-stage img{max-width:100%;max-height:calc(92vh - 104px);object-fit:contain;border-radius:6px;background:#fff}.inline-heading{margin:-20px -20px 0}.generation-records-panel{overflow:hidden}.generation-records-strip{display:flex;align-items:center;min-height:50px;width:min(520px,100%);min-width:360px;gap:12px;padding:8px 10px;border:1px solid #dce4dd;border-radius:8px;background:#fff;box-shadow:0 8px 20px #2a37300f}.generation-strip-heading{display:flex;align-items:center;flex:0 0 auto;gap:8px}.generation-strip-heading h2{font-size:14px;white-space:nowrap}.generation-strip-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));flex:1;min-width:0;gap:8px}.generation-strip-empty{display:grid;min-width:0;flex:1;place-items:center start;color:#607369;font-size:13px}.mini-icon-button{display:inline-grid;width:32px;height:32px;place-items:center;border:1px solid #dce4dd;border-radius:6px;color:#26342d;background:#fff;cursor:pointer}.generation-record-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.generation-record-card{display:grid;gap:12px;min-width:0;padding:12px;border:1px solid #e1e8e3;border-radius:6px;background:#fbfcfa}.generation-record-media{aspect-ratio:9 / 16;max-height:320px;overflow:hidden;border-radius:6px;background:#0e1512}.generation-record-media video,.generation-record-placeholder{width:100%;height:100%}.generation-record-media video{display:block;object-fit:contain}.generation-record-placeholder{display:grid;place-items:center;align-content:center;gap:8px;color:#c6d2cb;font-size:13px}.generation-record-copy{display:grid;min-width:0;gap:9px}.generation-record-copy h3{overflow-wrap:anywhere}.generation-record-prompt{display:-webkit-box;min-height:44px;overflow:hidden;margin:0;color:#25312b;font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}.generation-records-strip .generation-record-card{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;padding:7px;border-color:#edf1ee;background:#fbfcfa}.generation-records-strip .generation-record-media{width:42px;height:42px;aspect-ratio:auto;max-height:none}.generation-records-strip .generation-record-placeholder{gap:1px;font-size:10px}.generation-records-strip .generation-record-placeholder svg{width:16px;height:16px}.generation-records-strip .generation-record-copy{gap:2px}.generation-records-strip .copy-header{align-items:center;gap:6px}.generation-records-strip .copy-header h3{max-width:125px;overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.generation-records-strip .copy-header .meta-line,.generation-records-strip .generation-record-prompt,.generation-records-strip .generation-record-copy>.meta-line,.generation-records-strip .download-link{display:none}.generation-records-strip .badge{min-height:20px;padding:0 7px;font-size:11px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.task-query label{display:grid;gap:7px}.span-2{grid-column:span 2}.asset-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-upload-card{min-height:104px;padding:12px;border:1px dashed #9db5aa;border-radius:6px;background:#fbfcfa}.asset-upload-card span,.upload-note{display:flex;align-items:center;gap:7px}.asset-upload-card input{width:100%;font-size:13px}.asset-upload-card small,.upload-note{color:#607369;font-size:12px;line-height:1.45}.upload-note{margin:-2px 0 0}.result-card{display:grid;gap:8px;padding:14px;border:1px solid #e1e8e3;border-radius:6px;background:#fbfcfa}.result-card code{overflow-wrap:anywhere;color:#17201b;font-family:SFMono-Regular,Consolas,monospace;font-size:13px}.result-card p{margin:0;color:#607369}.result-card pre{max-height:300px;overflow:auto;margin:0;padding:12px;border-radius:5px;background:#eef3ef;color:#26342d;font-size:12px;white-space:pre-wrap}.generation-progress-card{justify-items:center;padding:28px 18px;text-align:center}.generation-progress-card p{max-width:320px;line-height:1.7}.progress-spinner{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;color:#206f5c;background:#e8f4ef}.video-result-card{gap:12px}.generated-video{width:100%;max-height:520px;border-radius:6px;background:#0e1512}.task-query{display:grid;gap:12px}.wide{width:100%}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid #e5ebe6}.panel-heading span,.meta-line{color:#607369;font-size:13px}.record-list{display:grid;gap:0}.record-card{display:grid;gap:16px;padding:18px 20px;border-bottom:1px solid #edf1ee}.record-main{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:18px;align-items:start}.record-card:last-child{border-bottom:0}.video-preview{aspect-ratio:9 / 16;width:100%;max-height:340px;overflow:hidden;border-radius:6px;background:#0e1512}.video-preview video,.video-placeholder{width:100%;height:100%}.video-preview video{display:block;object-fit:contain}.video-placeholder{display:grid;place-items:center;color:#c6d2cb;font-size:14px}.copy-panel{display:flex;min-width:0;flex-direction:column;gap:14px}.copy-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.meta-line{margin:0 0 3px}.script-box{min-height:132px;padding:14px;border:1px solid #e1e8e3;border-radius:6px;background:#fbfcfa}.script-label{margin-bottom:8px;color:#607369;font-size:12px;font-weight:800}.script-paragraphs{display:grid;gap:12px}.script-paragraphs p{margin:0;color:#25312b;font-size:15px;line-height:1.75;word-break:break-word}.script-sentence{display:block}.script-sentence+.script-sentence{margin-top:3px}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 9px;border-radius:999px;color:#135a48;background:#e8f4ef;font-size:12px;font-weight:700;white-space:nowrap}.badge.failed{color:#a12d2d;background:#fff0ed}.download-link{width:116px;min-height:36px;color:#206f5c;background:#eef7f3;font-weight:700}.secondary-button{width:148px;min-height:36px;color:#26342d;background:#f3f6f4;border:1px solid #dce4dd;font-weight:700}.secondary-button:disabled{cursor:not-allowed;opacity:.62}.replica-plan{display:grid;gap:12px;padding-top:14px;border-top:1px solid #edf1ee}.replica-heading,.shot-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.replica-heading strong,.shot-meta strong{color:#17201b;font-size:14px}.replica-heading span,.shot-meta span{color:#607369;font-size:12px}.shot-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.shot-item{display:grid;gap:10px;align-content:start;padding:12px;border:1px solid #e1e8e3;border-radius:6px;background:#fbfcfa}.shot-media{aspect-ratio:9 / 16;overflow:hidden;border-radius:5px;background:#111a16}.shot-media img,.shot-placeholder{width:100%;height:100%}.shot-media img{display:block;object-fit:cover}.shot-placeholder{display:grid;place-items:center;color:#c6d2cb;font-size:12px}.shot-copy{display:grid;min-width:0;gap:8px}.shot-meta{align-items:flex-start;flex-direction:column;gap:2px}.shot-script{margin:0;color:#25312b;font-size:13px;line-height:1.65}.script-paragraphs.shot-script{gap:8px}.script-paragraphs.shot-script p{font-size:13px;line-height:1.65}.reference-box{display:grid;gap:4px;padding:10px;border:1px solid #dce4dd;border-radius:5px;background:#fff}.reference-box strong{color:#17201b;font-size:13px}.reference-box span,.visual-brief{color:#607369;font-size:12px}.reference-box a{overflow-wrap:anywhere;color:#206f5c;font-size:12px;text-decoration:none}.visual-brief{margin:0;line-height:1.6}.shot-copy pre{max-height:132px;overflow:auto;margin:0;padding:10px;border-radius:5px;color:#26342d;background:#eef3ef;font-family:SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.copy-button{width:112px;min-height:32px;color:#206f5c;background:#e8f4ef;font-size:13px;font-weight:700}.empty-state{display:grid;min-height:220px;place-items:center;color:#6d7b72}.empty-state.compact{min-height:120px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.app-shell{padding:20px}.topbar{align-items:flex-start}h1{font-size:28px}.tool-nav-row{flex-wrap:wrap}.generation-records-strip{width:100%;min-width:0}.generation-grid,.ecommerce-workspace{grid-template-columns:1fr}.ecommerce-result-panel.full-width{grid-column:auto}.shot-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.tool-nav-row,.tool-nav,.generation-records-strip{display:grid}.generation-strip-list,.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.record-main{grid-template-columns:1fr}.video-preview{max-height:420px}.shot-list,.ecommerce-preview-grid,.ecommerce-image-grid,.ecommerce-result-thumbs,.ecommerce-options{grid-template-columns:1fr}}