: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}button:disabled{cursor:wait;opacity:.62}.shell{min-height:100vh;padding:28px}.topbar{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin:0 auto 18px;max-width:1520px}.brand-block{min-width:310px}.eyebrow{color:#874034;font-size:13px;font-weight:800;letter-spacing:0;margin:0 0 5px;text-transform:uppercase}h1,h2,p{margin:0}h1{font-size:34px;line-height:1.1}h2{font-size:16px}.status-pill{background:#edf5ef;border:1px solid #d8e5dc;border-radius:8px;color:#3f5546;display:inline-block;font-size:13px;font-weight:700;line-height:1.4;margin-top:12px;max-width:620px;padding:8px 11px}.status-pill.active{background:#fff7dc;border-color:#ead58f;color:#6d5420}.top-actions{align-items:flex-end;display:grid;gap:10px;justify-items:end}.action-cluster{align-items:center;display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.primary-actions{gap:10px}.compact-actions .secondary-button{height:38px}.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}.icon-button input{display:none}.primary-button{background:#17201b;border-color:#17201b;color:#fff;font-weight:800}.primary-button.hero-action{min-width:168px}.secondary-button{background:#fff;border-color:#c9d5cc;color:#17201b;font-weight:800}.text-button{background:transparent;border:0;border-radius:7px;color:#28533a;cursor:pointer;font-size:13px;font-weight:800;min-height:32px;padding:6px 8px;white-space:nowrap}.text-button:hover{background:#edf5ef}.text-button.subtle{color:#59625c;justify-self:start;padding-left:0}.full-width{width:100%}.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}.segmented-control.compact{height:36px}.segmented-control.compact button{font-size:12px;height:34px}.workflow-strip{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto 18px;max-width:1520px}.workflow-step{align-items:center;background:#fffdf8;border:1px solid #e5ded1;border-radius:8px;display:grid;gap:4px 10px;grid-template-columns:auto 1fr;min-height:58px;padding:10px 12px}.workflow-step span{align-items:center;background:#f1eee7;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;height:26px;justify-content:center;width:26px}.workflow-step strong{font-size:13px}.workflow-step em{color:#68736b;font-size:12px;font-style:normal;grid-column:2}.workflow-step.done span{background:#dcece3;color:#28533a}.workspace{display:grid;gap:18px;grid-template-columns:minmax(245px,.75fr) minmax(460px,1.55fr) minmax(330px,.95fr);margin:0 auto;max-width:1520px}.panel{background:#fffdf8;border:1px solid #e5ded1;border-radius:8px;min-height:680px;overflow:hidden}.media-panel{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.media-panel.drag-active{background:#f2fbf4;border-color:#5c9f72;box-shadow:inset 0 0 0 2px #5c9f72}.panel-heading{align-items:center;border-bottom:1px solid #e5ded1;display:flex;gap:8px;padding:16px}.preview-panel .panel-heading{justify-content:space-between}.preview-badge{background:#edf5ef;border-radius:999px;color:#28533a;font-size:12px;font-weight:800;padding:5px 9px}.creator-heading{align-items:center;justify-content:space-between}.creator-heading p{color:#68736b;font-size:13px;margin-top:4px}.metric-row{display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:16px}.metric-row div{background:#edf5ef;border-radius:8px;padding:14px}.metric-row span{display:block;font-size:24px;font-weight:800}.metric-row p,.asset-item span,.empty-state,.status{color:#68736b;font-size:13px}.asset-list{display:grid;gap:10px;padding:0 16px 16px}.asset-item{border:1px solid #e5ded1;border-radius:8px;display:grid;gap:4px;padding:12px}.asset-item strong{font-size:14px;overflow-wrap:anywhere}.empty-state{align-items:center;border:1px dashed #cfc7b8;border-radius:8px;display:grid;gap:10px;justify-items:center;line-height:1.5;padding:38px 18px;text-align:center}.creator-panel{display:grid;grid-template-rows:auto auto auto auto 1fr}.guidance-card{border-bottom:1px solid #e5ded1;display:grid;gap:12px;padding:14px 16px 16px}.guidance-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.guidance-heading strong,.mode-panel strong,.cloud-heading strong{display:block;font-size:15px}.guidance-heading span,.mode-panel span,.cloud-heading span{color:#68736b;display:block;font-size:12px;line-height:1.45;margin-top:3px}.guidance-textarea{background:#fff;border:1px solid #d8d0c3;border-radius:8px;color:#17201b;line-height:1.55;min-height:190px;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}.readable-grid{border-bottom:1px solid #e5ded1;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px 16px}.readable-card{background:#fff;border:1px solid #e5ded1;border-radius:8px;color:#17201b;cursor:pointer;display:grid;gap:7px;min-height:132px;padding:13px;text-align:left}.readable-card:hover{border-color:#b8c8bd;box-shadow:0 8px 22px #17201b0f}.readable-card span{color:#7a382c;font-size:11px;font-weight:800}.readable-card strong{font-size:15px}.readable-card p{color:#55615a;display:-webkit-box;font-size:13px;line-height:1.55;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mode-panel{border-bottom:1px solid #e5ded1;display:grid;gap:14px;grid-template-columns:minmax(150px,.7fr) minmax(280px,1fr);padding:14px 16px}.mode-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.advanced-files{display:grid;grid-template-rows:auto auto minmax(260px,1fr);min-height:360px}.document-button{color:#3b473f}.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;display:grid;gap:1px;justify-items:start;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-tabs button small{color:inherit;font-size:11px;opacity:.72}.file-textarea{background:#fffdf8;border:0;color:#17201b;line-height:1.55;min-height:360px;outline:none;padding:18px;resize:vertical;width:100%}.preview-panel{padding-bottom:16px}.preview-toolbar{display:flex;justify-content:center;padding:14px 16px 0}.phone-frame{background:#171717;border:10px solid #1e1e1e;border-radius:28px;box-shadow:0 18px 48px #17201b2e;margin:18px auto;max-width:300px;overflow:hidden}.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:-6px auto 14px;max-width:300px;text-align:center}.provider-list{display:grid;gap:8px;padding:16px 16px 0}.provider-list strong{font-size:13px}.provider-list span,.download-link{background:#f6f4ef;border-radius:8px;color:#3b473f;display:block;font-size:13px;padding:10px 12px}.download-link{margin:12px 16px 0;text-align:center;text-decoration:none}.pending-export-note{background:#f6f4ef;border-radius:8px;color:#59625c;font-size:13px;line-height:1.45;margin:12px 16px 0;padding:10px 12px;text-align:center}.render-help-note{color:#68736b;font-size:12px;line-height:1.45;margin:8px 18px 0;text-align:center}.download-link.compact-link{margin:0}.cloud-module{background:#fbfaf6;border:1px solid #ece5d8;border-radius:8px;display:grid;gap:10px;margin:16px 16px 0;padding:13px}.technical-details{display:grid;gap:10px}.cloud-status-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-status-grid span{background:#eef5f3;border-radius:8px;color:#314a43;display:block;font-size:12px;line-height:1.45;min-height:38px;padding:8px 10px}.cloud-missing{color:#6d5420;display:block;font-size:12px;line-height:1.45}.cloud-actions{display:flex;flex-wrap:wrap;gap:8px}.cloud-actions .secondary-button{flex:1;min-width:96px}.cloud-actions .cloud-test-button{min-width:132px}.status{margin:14px auto 0;max-width:1520px}@media(max-width:1180px){.topbar{flex-direction:column}.top-actions{justify-items:start}.action-cluster{justify-content:flex-start}.workspace{grid-template-columns:1fr}.panel{min-height:auto}}@media(max-width:760px){.shell{padding:16px}h1{font-size:28px}.workflow-strip,.readable-grid,.cloud-status-grid,.mode-panel{grid-template-columns:1fr}.mode-controls,.segmented-control{width:100%}.segmented-control button{flex:1}.preset-row{grid-template-columns:1fr}.preset-row>span{line-height:1.2}}