*{box-sizing:border-box}body{margin:0;background:#f6f5f1;color:#293930;font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button,a,label.file-button{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #bf7939;outline-offset:3px}button{border:0;border-radius:9px;padding:10px 15px;background:#e8ece4;color:#314439}button:hover{filter:brightness(.96)}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#e9eee6;padding:30px 22px;display:flex;flex-direction:column;border-right:1px solid #d9e0d4}.brand{display:flex;gap:10px;align-items:center;font-size:32px;text-decoration:none;color:#304b3b}.brand span{font-size:21px;font-weight:750}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500}.workspace{font-size:11px;margin:35px 0 15px;color:#657764}.workspace span{float:right}.nav{display:block;width:100%;text-align:left;background:transparent;margin:7px 0;padding:13px}.nav.active{background:#354f40;color:white}.side-note{margin:auto 0 25px;border-top:1px solid #d0dacb;padding-top:25px}.side-note strong{font-family:Georgia,"Songti SC",serif;font-size:23px;line-height:1.7;font-weight:500}.side-note p{color:#6c7c70}.dotline{font-size:11px;color:#5f745e}.file-button{cursor:pointer;text-align:center;display:block;color:#61735f;font-size:12px;padding:10px}.file-button input{display:none}main{max-width:1560px;margin-left:230px;padding:38px 42px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:10px;color:#788573;letter-spacing:2px}h1{font-size:32px;letter-spacing:-1px;margin:8px 0 4px;font-weight:650}header p{margin:0;color:#7a8478}.save{font-size:12px;color:#6c7b68;white-space:nowrap}.notice{background:#eceee4;border:1px solid #e0e4d6;color:#64725e;padding:13px 18px;border-radius:12px;font-size:12px}.notice b{font-weight:500}.steps{display:flex;justify-content:space-between;padding:23px 8px;color:#7b8874;font-size:12px}.steps span:first-child{color:#344e3d}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:22px}.card{background:#fffefa;border:1px solid #e4e6dc;border-radius:16px;padding:23px;margin-bottom:20px;box-shadow:0 4px 15px #24342603}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:16px}h2{font-size:15px;font-weight:650;margin:0 0 12px}.section-head h2{margin:0}.tag{background:#edf0e5;color:#72816c;font-size:10px;padding:3px 9px;border-radius:20px;white-space:nowrap}label{display:block;font-size:12px;color:#6b7868;margin-bottom:14px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #dde2d5;border-radius:8px;background:#fdfdf9;padding:9px 10px;color:#334735;font-size:13px}textarea{resize:vertical;min-height:55px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.primary{background:#365540;color:#fff;font-size:13px}.secondary{background:#f0f2ea;border:1px solid #dce2d4;font-size:12px}.hint{color:#85907e;font-size:11px;line-height:1.8;margin:10px 0}.shot{border-top:1px solid #e9ece2;margin-top:18px;padding-top:18px}.shot-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.shot-num{background:#f0e9db;width:28px;height:28px;border-radius:7px;display:grid;place-items:center;color:#9f845a;font-size:11px}.shot-head strong{flex:1;font-size:13px}.shot-head input{width:65px;margin:0;padding:4px}.shot-head span{font-size:11px;color:#7d8874}.shot label{margin-bottom:10px}.asset-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.asset-row .file-button{background:#edf0e6;border:1px dashed #cbd5c1;border-radius:7px;flex:1;min-width:150px;padding:10px}.remove-asset{font-size:10px;padding:7px}.asset-name{font-size:10px;color:#718168;overflow-wrap:anywhere}.button-row{display:flex;gap:8px;flex-wrap:wrap}details{margin:9px 0;color:#6f8065;font-size:12px}summary{cursor:pointer}.prompt{white-space:pre-wrap;font-size:11px;color:#7a8273;background:#f4f5ef;padding:12px;border-radius:8px;overflow-wrap:anywhere}.preview-card{padding:19px}.preview-card canvas{display:block;width:100%;aspect-ratio:9/16;background:#1b2a27;border-radius:12px}.transport{display:flex;align-items:center;gap:10px;margin-top:12px}.transport button{padding:5px 11px}.transport input{margin:0;padding:0;accent-color:#46664b;border:0}.transport span{font-size:11px;color:#809078;font-variant-numeric:tabular-nums}.full{width:100%;margin-top:8px}.check{display:flex;align-items:start;gap:9px;font-size:12px}.check input{width:15px;height:15px;flex-shrink:0;margin-top:3px;accent-color:#45694b}.page[hidden]{display:none}.page:not(#studio){margin-top:25px}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.idea{background:#fffefa;border:1px solid #e3e7da;border-radius:14px;padding:20px;display:flex;flex-direction:column}.idea .index{font-size:11px;color:#8d9c7f;letter-spacing:1px}.idea h3{font-size:18px;margin:18px 0 8px;font-weight:600}.idea p{font-size:12px;color:#7c8873;flex:1}.idea button{align-self:flex-start;margin-top:12px;font-size:12px}.idea .hook{color:#3f5842}.section-head>select{width:150px;margin:0}.episode-row{display:flex;align-items:center;gap:18px;background:#fffefa;border:1px solid #e2e7d8;border-radius:12px;padding:18px;margin-bottom:10px}.episode-row .date{font-size:12px;color:#839576;min-width:90px}.episode-row strong{flex:1}.episode-row button{font-size:12px}.episode-row.current{border-color:#93aa83}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.insights{background:#eef2e7;border-radius:8px;padding:14px;color:#627656;font-size:12px}footer{font-size:10px;color:#9aa18e;text-align:center;padding-top:20px;letter-spacing:1px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#2f4b3c;color:#fff;padding:14px 22px;border-radius:10px;z-index:100;max-width:90vw;box-shadow:0 5px 30px #0002;font-size:13px}body.recording .editor,body.recording nav,body.recording .sidebar button,body.recording .sidebar label,body.recording #scrub{pointer-events:none;opacity:.55}@media(min-width:1450px){.studio-grid{grid-template-columns:minmax(0,1fr) 390px}.preview-card canvas{max-width:320px;margin:auto}}@media(max-width:1100px){main{padding:28px 22px}.sidebar{width:195px;padding:25px 15px}main{margin-left:195px}.studio-grid{grid-template-columns:minmax(0,1fr) 290px}.card{padding:17px}.idea-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.sidebar{position:relative;width:auto;padding:16px 20px;display:block}.brand{font-size:25px}.brand small,.workspace,.side-note,.sidebar>.secondary,.sidebar>.file-button{display:none}nav{display:flex;margin-top:12px}.nav{font-size:12px;margin:0;padding:9px}.brand span{font-size:18px}main{margin:0;padding:22px 16px}h1{font-size:26px}.save{font-size:10px}.studio-grid{grid-template-columns:1fr}.preview-column{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}.preview-card canvas{max-width:310px;margin:auto}.metrics{grid-template-columns:repeat(3,1fr)}.steps{font-size:10px}.episode-row{gap:10px;flex-wrap:wrap}}@media(max-width:520px){.preview-column{display:block}.two{grid-template-columns:1fr;gap:0}.idea-grid{grid-template-columns:1fr}.steps{gap:8px}.notice{font-size:11px}.episode-row .date{min-width:auto}.episode-row strong{font-size:12px}.metrics{grid-template-columns:repeat(2,1fr)}header{gap:10px}.save{white-space:normal;max-width:75px}}
@media(max-width:850px){.sidebar>.secondary,.sidebar>.file-button{display:inline-block;width:auto;margin-top:10px;margin-bottom:0;vertical-align:middle}.sidebar>.file-button{padding:8px 12px}.sidebar>.secondary{padding:7px 12px}}

.download-ready{position:fixed;bottom:18px;right:18px;z-index:90;background:#fffefa;border:1px solid #bccdb0;border-radius:10px;padding:12px;box-shadow:0 5px 25px #18322120;max-width:90vw;display:flex;gap:12px;align-items:center}.download-ready a{color:#355a3e;font-size:12px;overflow-wrap:anywhere}.download-ready button{padding:4px 8px;font-size:11px}
.flow-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0 24px}.flow-hero h2{font-size:28px;margin:9px 0}.flow-hero p{color:#74806c;margin:0}.flow-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px}.connection-strip{border:1px solid #dce3d0;background:#eff2e8;padding:14px 18px;border-radius:10px;margin-bottom:20px;font-size:12px;color:#697c5e}.image-drop{border:1px dashed #b9c7ab;border-radius:12px;background:#f3f5ed;min-height:200px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-align:center;overflow:hidden;padding:18px}.image-drop input{display:none}.image-drop small{display:block;color:#8d9886;font-size:11px;margin-top:12px}.image-drop img{max-height:300px;max-width:100%;border-radius:8px}.image-drop:has(img:not([hidden])){background:#e7eadf}.image-drop:has(img:not([hidden])) #flowUploadHint{display:none}.flow-ideas{display:grid;gap:10px}.flow-idea{border:1px solid #e0e5d6;border-radius:10px;background:#f7f8f1;padding:15px;text-align:left}.flow-idea.selected{border:2px solid #5f8055;background:#edf3e6}.flow-idea strong{display:block;font-size:15px}.flow-idea small{display:block;margin-top:6px;font-size:11px;color:#7c896e}.flow-idea p{font-size:12px;margin:7px 0 0}.flow-shot{border-left:3px solid #c3d0ae;margin:15px 0;padding-left:14px}.flow-shot label{margin-bottom:9px}.flow-shot strong{display:block;font-size:12px;color:#779164;margin-bottom:10px}#flowEditor{margin-top:22px}.flow-stages{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;counter-reset:stage}.flow-stages li{font-size:11px;padding:7px;background:#f0f2e9;color:#8b977e;border-radius:6px;counter-increment:stage}.flow-stages li:before{content:counter(stage) ' · '}.flow-stages li.done{background:#dfe9d5;color:#46613c}.job-status{font-size:17px;font-weight:600;padding:15px 0 4px}#flowResult{width:100%;max-height:490px;border-radius:12px;background:#1c2d24;margin:12px 0}#flowResult[hidden],#flowReference[hidden],#flowDownloads[hidden],#flowResultNote[hidden],#flowEditor[hidden]{display:none}.link-button{display:inline-block;padding:10px 15px;border-radius:9px;text-decoration:none;font-size:12px}.service-item{display:flex;justify-content:space-between;gap:8px;font-size:12px;padding:10px 0;border-bottom:1px solid #e7eadf}.service-item span{color:#9b8059}#flowLoginForm{margin-top:16px}.flow-history-item{display:block;width:100%;text-align:left;padding:12px;margin-bottom:8px;background:#f2f4ec;font-size:12px}.flow-history-item small{display:block;color:#88957c;margin-top:5px}.flow-history-item.current{box-shadow:inset 3px 0 #678957}.small{font-size:11px}.flow-grid details{margin-top:15px}.flow-grid .hint{font-size:12px}.flow-grid .card h2{font-size:14px}.flow-grid textarea{line-height:1.7}#flowAnalysisStatus.error,#flowLoginMessage.error{color:#a44b38}.flow-grid .primary:disabled{background:#88957e}.sidebar nav .nav{white-space:nowrap}#flowSubmit{margin-top:15px}@media(max-width:1100px){.flow-grid{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:850px){.flow-grid{grid-template-columns:1fr}.flow-hero{display:block}.flow-hero h2{font-size:23px}.flow-hero .tag{display:inline-block;margin-top:12px}nav{flex-wrap:wrap}.sidebar .nav{width:50%}.flow-grid #flowResult{max-height:550px}} 

.sidebar a.picture-nav{color:inherit;text-decoration:none}
