:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#202533;background:#f5f6f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow:hidden}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed}.app-shell{min-height:100vh}.topbar{height:80px;display:flex;align-items:center;gap:24px;padding:0 20px;background:#fff;border-bottom:1px solid #e7e9ef;position:fixed;inset:0 0 auto 0;z-index:20}.logo{width:120px;height:60px;object-fit:contain;object-position:left center}.new-task{margin-left:90px;height:38px;padding:0 15px;border:0;border-radius:7px;display:flex;align-items:center;gap:7px;background:#f2f7ff;color:#1f67de;font-weight:600}.task-name{color:#8b909b;font-size:14px}.api-state{margin-left:auto;font-size:12px;padding:5px 9px;color:#a47608;background:#fff7d8;border-radius:999px}.api-state.ready{color:#087746;background:#e5f8ef}.login{height:36px;padding:0 15px;border:0;border-radius:18px;display:flex;align-items:center;gap:6px;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(135deg,#7957f6,#cc32f0);box-shadow:0 5px 16px #9f45ed55}.sidebar{width:240px;position:fixed;left:0;top:80px;bottom:0;z-index:15;background:#fff;border-right:1px solid #e6e8ee;overflow-y:auto;padding:17px 12px 70px}.nav-group{margin-bottom:21px}.nav-label{color:#9da2ad;font-size:12px;padding:3px 12px 10px}.nav-item{position:relative;width:100%;height:46px;padding:0 13px;border:0;border-radius:7px;display:flex;align-items:center;gap:12px;background:transparent;color:#555b68;font-size:15px;text-align:left}.nav-item svg{color:#697180;stroke-width:1.8}.nav-item:hover{background:#f7f8fb}.nav-item.active{color:#3467dc;font-weight:600;background:linear-gradient(90deg,#f1f4ff,#f8f4ff);box-shadow:inset 3px 0 #6666f3,inset 0 0 0 1px #e1def0}.nav-item.active svg{color:#396ee5}.nav-item small{margin-left:auto;padding:3px 7px;border-radius:4px;background:#dff6e9;color:#178555;font-size:9px;font-weight:700}.nav-item small.beta{color:#623ac2;background:#eee7ff}.drafts{position:fixed;left:0;bottom:0;width:240px;height:72px;padding-left:24px;border-radius:0;border-top:1px solid #e8e9ee;background:#fff}.drafts b{margin-left:auto;display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;font-size:11px;color:#376cda;background:#eaf2ff}.workspace{position:fixed;top:80px;right:0;bottom:0;left:240px;display:grid;grid-template-columns:340px minmax(540px,1fr);overflow:hidden}.control-panel{min-width:0;height:100%;padding:0 16px 110px;background:#fff;border-right:1px solid #e2e4eb;overflow-y:auto;box-shadow:5px 0 14px #39415b0b}.panel-section{padding:17px 0 0}.panel-section h2{margin:0 0 11px;font-size:14px;font-weight:650}.tabs{display:flex;height:33px;border-bottom:1px solid #e1e4ea}.tabs button{position:relative;padding:0 12px;border:0;background:transparent;color:#656c78;font-size:12px;display:flex;align-items:center;gap:6px}.tabs button.selected{color:#2970df}.tabs button.selected:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:2px;background:#3477e7}.dropzone{min-height:90px;margin-top:12px;border:1px dashed #cbd0dc;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#a0a5af;font-size:11px;background:#fcfcfd}.dropzone:hover{border-color:#6d9bed;background:#f8fbff}.upload-button{height:34px;padding:0 15px;border:0;border-radius:4px;display:flex;align-items:center;gap:6px;color:#fff;background:#4387ec}.thumbs{width:100%;display:flex;gap:8px;padding:8px}.thumb,.add-thumb{position:relative;width:76px;height:72px;border-radius:5px;overflow:hidden;border:1px solid #dfe3eb;background:#fff}.thumb img{width:100%;height:100%;object-fit:cover}.thumb button{position:absolute;top:3px;right:3px;width:20px;height:20px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1c2230cc}.add-thumb{display:grid;place-items:center;color:#5e82c9;border-style:dashed}.select-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.select-grid label{position:relative}.select-grid label:last-child{grid-column:1 / -1}.select-grid select{width:100%;height:34px;padding:0 28px 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #dde1e8;border-radius:5px;outline:0;color:#333842;background:#fff;font-size:12px}.select-grid select:focus{border-color:#5c88e8;box-shadow:0 0 0 2px #4a7ee818}.select-grid svg{position:absolute;right:8px;top:10px;color:#9096a1;pointer-events:none}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.text-tools{display:flex;gap:2px}.text-tools button{padding:2px;border:0;display:flex;align-items:center;gap:2px;background:none;color:#8290a8;font-size:10px}.text-tools button:last-child{color:#4979df}.text-tools button:disabled{color:#d0d3d9}.brief-section textarea{width:100%;height:190px;padding:11px;resize:vertical;border:1px solid #dfe2e8;border-radius:5px;outline:0;line-height:1.55;color:#404651;font-size:12px}.brief-section textarea::placeholder{color:#9ba0aa}.brief-section textarea:focus{border-color:#7297eb;box-shadow:0 0 0 2px #5a83e414}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.module-grid button{position:relative;min-height:58px;padding:9px 9px 7px 12px;border:1px solid #dde1e8;border-radius:6px;display:flex;flex-direction:column;align-items:flex-start;background:#fff;color:#333c4d}.module-grid button.selected{color:#356bda;border-color:#4c80e5;background:#f6f9ff;box-shadow:inset 0 0 0 1px #4c80e51e}.module-grid button svg{position:absolute;right:6px;top:6px;border-radius:50%;color:#fff;background:#4d7fe1}.module-grid strong{font-size:12px}.module-grid span{margin-top:4px;color:#99a0ac;font-size:10px}.generate-wrap{padding:18px 0 30px;text-align:center}.generate{width:100%;height:42px;border:0;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:linear-gradient(100deg,#4a80ec,#7657ed);font-size:13px;font-weight:600;box-shadow:0 7px 17px #507ce62a}.generate:disabled{color:#a5abb6;background:#eef0f4;box-shadow:none}.generate svg{width:17px}.generate-wrap p{margin:8px 0 0;color:#9fa4af;font-size:10px}.preview-panel{position:relative;height:100%;padding:70px 8% 80px;overflow-y:auto;background:radial-gradient(circle at 50% 6%,#fff 0,#f7f8fb 48%,#f1f3f7)}.preview-heading{text-align:center}.eyebrow{width:max-content;max-width:100%;margin:0 auto 16px;padding:8px 14px;border:1px solid #dce7ff;border-radius:19px;display:flex;align-items:center;gap:7px;color:#3b70dd;background:#f7faff;font-size:12px;font-weight:600}.preview-heading h1{margin:0;font-size:32px;letter-spacing:0}.preview-heading p{margin:13px 0 36px;color:#727987;font-size:16px}.preview-heading b{color:#3d71de}.product-preview{width:min(760px,100%);margin:0 auto}.hero-image{position:relative;aspect-ratio:1.53;border-radius:22px 22px 0 0;overflow:hidden;background:#fff;box-shadow:0 8px 35px #3d47651a}.hero-image img{width:100%;height:100%;object-fit:cover}.seller{position:absolute;top:22px;left:22px;padding:7px 14px;border-radius:5px;color:#fff;background:#ed3156;font-size:12px;font-weight:800}.rating{position:absolute;right:18px;bottom:19px;padding:9px 13px;border-radius:6px;color:#f1ad16;background:#fff;box-shadow:0 4px 15px #28314b22;font-size:13px}.rating b{margin-left:7px;color:#545a67;font-weight:500}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #f0f1f4}.feature-row div{height:92px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#326fdc}.feature-row svg{width:22px}.feature-row b{color:#343a47;font-size:13px}.spec-row{display:grid;grid-template-columns:repeat(3,1fr);padding:18px;background:#252a33;color:#e9ecf1;text-align:center;font-size:12px}.scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.scenes div{position:relative;aspect-ratio:4 / 3;overflow:hidden}.scenes img{width:100%;height:100%;object-fit:cover}.scenes b{position:absolute;left:13px;bottom:11px;color:#fff;text-shadow:0 2px 7px #000a}.assurances{margin-top:8px;display:grid;grid-template-columns:repeat(3,1fr);background:#fff}.assurances span{padding:18px 8px;text-align:center;color:#555d6c;font-size:12px}.demo-note{text-align:center;color:#999faa;font-size:11px}.generated-grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.generated-grid article{overflow:hidden;border-radius:7px;background:#fff;box-shadow:0 7px 25px #343d561c}.generated-grid img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.generated-grid a{display:block;padding:10px;color:#3a6fd8;font-size:12px;text-align:center;text-decoration:none}.tool-workspace .control-panel{padding-bottom:60px}.tool-dropzone{margin-top:2px;min-height:112px}.tool-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tool-selects select{width:100%;height:36px;padding:0 10px;border:1px solid #dde1e8;border-radius:5px;color:#333842;background:#fff;outline:0}.ratio-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ratio-options button{min-height:50px;border:1px solid #dde1e8;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#3c4350;background:#fff}.ratio-options button.selected{color:#356bda;border-color:#4c80e5;background:#f4f8ff;box-shadow:inset 0 0 0 1px #4c80e51c}.ratio-options strong{font-size:12px}.ratio-options span{color:#9aa0ab;font-size:10px}.field-tip{color:#9aa1ac;font-size:10px}.brief-section textarea.poster-prompt{height:300px}.compact-modules button{min-height:54px}.tool-preview{padding-top:68px}.base-preview-grid{width:min(780px,100%);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:10px}.base-preview-grid div{position:relative;aspect-ratio:1.28;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 7px 24px #343d5618}.base-preview-grid img{width:100%;height:100%;object-fit:cover}.base-preview-grid span{position:absolute;left:13px;bottom:12px;padding:5px 9px;border-radius:4px;color:#fff;background:#202636bd;font-size:12px}.market-preview{width:min(820px,100%);margin:0 auto;display:grid;grid-template-columns:88px minmax(0,1fr);gap:12px}.market-thumbs{display:flex;flex-direction:column;gap:8px}.market-thumbs img{width:88px;aspect-ratio:1;object-fit:cover;border:1px solid #e1e4eb;border-radius:6px;background:#fff}.market-thumbs img:first-child{border:2px solid #4b7fe5}.market-card{overflow:hidden;border-radius:10px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);background:#fff;box-shadow:0 10px 34px #333c571c}.market-card>img{width:100%;height:100%;min-height:450px;object-fit:cover}.market-copy{padding:28px 22px;display:flex;flex-direction:column;gap:15px;border-left:1px solid #eceef2}.market-copy b{line-height:1.5;font-size:18px}.market-copy .stars{color:#e8a315}.market-copy .stars i{color:#7a808b;font-style:normal;font-size:12px}.market-copy strong{color:#bc243b;font-size:26px}.market-copy small{margin-top:auto;padding-top:18px;border-top:1px solid #eceef2;color:#50805f}.poster-workspace{grid-template-columns:400px minmax(560px,1fr)}.poster-library{width:min(980px,100%);margin:0 auto}.poster-title{margin-bottom:30px}.poster-title>span{color:#5076c9;font-size:12px;font-weight:700}.poster-title h1{margin:8px 0 7px;font-size:27px}.poster-title p{margin:0;color:#838996;font-size:13px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-card{position:relative;min-height:160px;padding:15px;overflow:hidden;border:0;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;color:#fff;box-shadow:0 8px 24px #29324a1b;transition:transform .18s ease,box-shadow .18s ease}.template-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #29324a29}.template-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,#121722aa);pointer-events:none}.template-card>span,.template-card>div{position:relative;z-index:1}.template-card>span{padding:5px 8px;border:1px solid #ffffff66;border-radius:4px;background:#ffffff24;font-size:10px}.template-card div{display:flex;flex-direction:column;gap:4px}.template-card strong{font-size:18px}.template-card small{color:#fffc;line-height:1.4}.template-0{background:#10253f}.template-1{color:#222a35;background:#f4f3ef}.template-1:after{background:linear-gradient(180deg,transparent,#ddd9cecc)}.template-1>span{border-color:#2c344344;background:#fff7}.template-1 small{color:#565d67}.template-2{background:#20232b}.template-3{color:#38423e;background:#dfe7dc}.template-3:after{background:linear-gradient(180deg,transparent,#b8c5b5cc)}.template-3 small{color:#586259}.template-4{background:#e22f3d}.template-5{background:#e897ae}.toast{position:fixed;z-index:60;left:50%;bottom:26px;transform:translate(-50%);max-width:calc(100% - 32px);padding:11px 12px 11px 16px;border-radius:7px;display:flex;align-items:center;gap:15px;color:#fff;background:#282e3a;box-shadow:0 8px 30px #2327354d;font-size:13px}.toast.error{background:#b33245}.toast button{padding:0;border:0;display:grid;place-items:center;color:inherit;background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:16px;background:#1d223044;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(430px,100%);padding:22px;border-radius:8px;background:#fff;box-shadow:0 20px 60px #20283b42}.modal-title{display:flex;justify-content:space-between;align-items:center}.modal-title h3{margin:0;font-size:17px}.modal p{margin:14px 0 9px;color:#747b89;font-size:13px}.modal input{width:100%;height:40px;padding:0 11px;border:1px solid #d9dde6;border-radius:5px;outline:0}.modal .primary{width:100%;height:40px;margin-top:14px;border:0;border-radius:5px;color:#fff;background:#497de4}.modal .primary:disabled{color:#a5abb6;background:#eef0f4}.login-modal input+input{margin-top:9px}.login-modal .primary{background:linear-gradient(135deg,#7957f6,#cc32f0)}.login-modal .primary:disabled{background:#eef0f4}.icon-button{width:36px;height:36px;padding:0;border:0;display:grid;place-items:center;color:#697181;background:transparent}.close-nav,.mobile-only{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1440px){.workspace{grid-template-columns:390px minmax(620px,1fr)}.control-panel{padding-left:20px;padding-right:20px}}@media(max-width:980px){.topbar{height:64px;gap:10px}.mobile-only{display:grid}.logo{width:96px;height:52px}.new-task{margin-left:0}.task-name,.api-state{display:none}.login{margin-left:auto}.sidebar{top:0;left:-260px;z-index:50;box-shadow:15px 0 45px #1e263840;transition:left .25s ease}.sidebar.open{left:0}.close-nav{display:grid;margin-left:auto}.drafts{position:static;width:100%;border-top:0}.workspace{top:64px;right:0;bottom:0;left:0;grid-template-columns:330px minmax(500px,1fr);overflow-x:auto}.poster-workspace{grid-template-columns:360px minmax(560px,1fr)}}@media(max-width:720px){body{overflow:auto}.topbar{position:sticky}.new-task{width:36px;padding:0;justify-content:center;font-size:0}.login{padding:0 12px}.workspace{position:static;display:block;overflow:visible}.control-panel{height:auto;padding:0 16px 24px;border:0;overflow:visible}.preview-panel{height:auto;min-height:700px;padding:52px 14px 70px;overflow:visible}.preview-heading h1{font-size:28px}.preview-heading p{font-size:14px;line-height:1.6}.hero-image{border-radius:10px 10px 0 0}.generated-grid{grid-template-columns:1fr}.poster-workspace{display:block}.template-grid{grid-template-columns:repeat(2,1fr)}.base-preview-grid{gap:6px}.market-preview{grid-template-columns:58px minmax(0,1fr);gap:8px}.market-thumbs img{width:58px}.market-card{display:block}.market-card>img{min-height:0;aspect-ratio:1}.market-copy{padding:18px;border:0}}@media(max-width:430px){.template-grid{grid-template-columns:1fr}.template-card{min-height:135px}}