:root{--sidebar:#21434e;--accent:#315c66;--soft:#eaf0f1;--bg:#f5f6f8;--line:#e3e7eb}html[data-theme=dark]{--sidebar:#132c33;--accent:#a1c8cc;--soft:#26393e;--bg:#161b1e;--panel:#20262a;--line:#354047;--ink:#edf0f2;--muted:#a2adb4}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.shell.collapsed{grid-template-columns:72px minmax(0,1fr)}aside{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--sidebar);color:#f2f7f8;border:0;padding:27px 14px 14px;gap:28px}.brand{padding:0 12px;font-size:22px;white-space:nowrap}.brand small{color:#adc1c6;font-size:10px}nav{display:block}nav button{width:100%;background:transparent;color:inherit;text-align:left;border:0;display:flex;align-items:center;gap:12px;min-height:42px;padding:10px 12px;border-radius:7px;white-space:nowrap}nav button:hover,nav button.active{background:#ffffff14;color:white}nav button.active{background:var(--bg);color:var(--ink)}nav details{margin:6px 0}nav summary{display:flex;align-items:center;gap:12px;padding:12px;list-style:none;color:#edf5f7;font-size:15px}nav summary:after{content:'⌄';margin-left:auto}nav details:not([open])>summary:after{content:'›'}nav .children{padding-left:14px;border-left:1px solid #ffffff20;margin-left:22px}nav .children button{font-size:14px;white-space:normal;line-height:1.5}nav .tree-project{padding-left:0}nav .tree-project summary{font-size:14px;padding:10px 6px}nav .tree-project .children{margin-left:9px;padding-left:8px}.nav-icon{width:20px;flex-shrink:0;text-align:center}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.sidebar-bottom>button{color:inherit;background:transparent;border:0;text-align:left;display:flex;align-items:center;gap:12px}.identity{padding-top:16px!important;border-top:1px solid #ffffff25!important}.avatar{border-radius:50%;background:#ffffff20;display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;font-size:12px}.identity small{color:#adc1c6;font-size:12px;display:block}.collapsed .brand{font-size:16px;padding:0;letter-spacing:0;text-align:center}.collapsed .brand small,.collapsed .nav-label,.collapsed nav .children,.collapsed nav summary:after{display:none}.collapsed nav summary,.collapsed nav button{justify-content:center;padding:12px 0}.collapsed .sidebar-bottom>button{justify-content:center;padding:8px 0}.workspace{min-width:0}.workspace-header{height:64px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--panel);padding:0 30px;font-size:14px;border-bottom:1px solid var(--line)}.header-tools{display:flex;align-items:center;gap:16px;white-space:nowrap}.header-tools select{font-size:13px;border:0;background:transparent}.header-tools small{font-size:12px;color:var(--muted)}#breadcrumbs{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted)}.tabs{display:flex;gap:4px;padding:9px 20px 0;background:var(--panel);overflow-x:auto;min-height:47px;border-bottom:1px solid var(--line)}.tab{display:flex;align-items:center;gap:10px;white-space:nowrap;border:1px solid transparent;border-bottom:0;padding:7px 12px;border-radius:6px 6px 0 0;background:transparent;color:var(--muted);font-size:13px;cursor:pointer}.tab.active{background:var(--bg);border-color:var(--line);color:var(--ink)}.tab button{border:0;background:transparent;font-size:16px;padding:0 3px;color:var(--muted)}main{padding:30px 34px 65px}.heading{margin:0 0 24px}.heading h1{font-size:26px;letter-spacing:0}.heading small,.heading .muted{font-size:14px}.project-item{min-height:108px;background:var(--panel);padding:20px}.project-list{border:1px solid var(--line);border-radius:9px;overflow:hidden}.list-label{padding:12px 20px}.project-item h2{font-size:19px}.project-item:last-child{border-bottom:0}.episodes{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}.episode-card{padding:24px}.episode-card h2{margin:14px 0 8px;font-size:21px}.episode-card .actions{margin-top:26px}.pipeline{display:flex;overflow-x:auto;margin:0 0 24px;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:8px}.pipeline button{flex:1;min-width:110px;border:0;background:none;text-align:left;padding:11px 13px;border-radius:6px;position:relative}.pipeline button.active{background:var(--soft);box-shadow:inset 0 -3px var(--accent)}.pipeline b{font-size:14px;font-weight:500;display:block}.pipeline small{font-size:12px;display:block;margin-top:4px}.step-no{font-size:11px;color:var(--muted);margin-right:6px}.work-panel{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:26px;min-height:320px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.panel-title h2{margin:0;font-size:18px}.editor{min-height:300px;resize:vertical;line-height:1.9;font-size:16px}.help{font-size:13px;color:var(--muted);margin-top:14px}.stage-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:20px}.subheading{font-size:14px;color:var(--muted);margin:0 0 10px}.empty{padding:50px 18px;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:8px}.empty strong{display:block;font-size:18px;font-weight:500;color:var(--ink);margin-bottom:6px}.history-row{border-bottom:1px solid var(--line);padding:15px 0;font-size:14px}.history-row small{font-size:12px;display:block;margin-top:4px}.form-field{display:block;margin:15px 0}.form-field>span{display:block;margin-bottom:7px;font-size:14px}.form-field small{font-size:12px}.form-field input,.form-field select{width:100%}.canvas{overflow:auto;background-color:var(--bg);background-image:radial-gradient(var(--line) 1px,transparent 1px);background-size:18px 18px;border-radius:8px;min-height:310px;padding:35px 20px}.canvas-flow{display:flex;align-items:center;gap:12px;min-width:660px}.canvas-node{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:20px;width:185px;min-height:150px;text-align:left}.canvas-node strong{display:block;margin:10px 0;font-size:16px}.canvas-node small{font-size:12px}.connector{color:var(--muted)}.status-note{display:inline-block;font-size:12px;border:1px solid var(--line);padding:3px 8px;border-radius:5px;color:var(--muted)}#watermarks{position:fixed;inset:110px 0 0 236px;pointer-events:none;z-index:4;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:210px;align-items:center;opacity:.10;color:var(--ink)}#watermarks span{transform:rotate(-23deg);white-space:nowrap;text-align:center;font-size:14px}body.side-collapsed #watermarks{left:72px}.settings{max-width:900px}.settings .card{margin-bottom:22px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.settings h2{margin-bottom:12px}.setting-row p{font-size:13px;color:var(--muted)}.inbox-item{padding:18px 0;border-bottom:1px solid var(--line)}.inbox-item button{margin-top:10px}.stats-grid{margin-top:20px}.watermark{display:none}dialog{z-index:10}dialog .help{line-height:1.8}.attachment-list{margin-top:16px}.attachment-list>div{padding:12px;border-bottom:1px solid var(--line)}button:disabled{cursor:not-allowed}.draft-status{font-size:12px;color:var(--muted)}.permission-note{font-size:13px;color:var(--muted)}
@media(max-width:1100px){.stage-layout{grid-template-columns:1fr}.pipeline button{min-width:110px}.workspace-header{padding:0 22px}main{padding:25px}.project-item,.list-label{grid-template-columns:1.3fr 1fr auto}}@media(max-width:700px){.shell{grid-template-columns:64px minmax(0,1fr)}aside{padding:22px 7px;gap:24px}.brand{font-size:14px;padding:0;text-align:center;letter-spacing:0}.brand small,.nav-label,nav .children,nav summary:after{display:none!important}nav button,nav summary{justify-content:center;padding:12px 0}.sidebar-bottom>button{padding:8px 0;justify-content:center}.workspace-header{padding:0 12px;height:58px}.header-tools{gap:3px}.header-tools small{display:none}main{padding:20px 14px}.tabs{padding-left:10px}.heading{gap:12px}.heading h1{font-size:23px}.pipeline{padding:5px}.work-panel{padding:18px}.project-item,.list-label{grid-template-columns:1fr auto}.project-item>span{display:none}.setting-row{align-items:flex-start;flex-direction:column;gap:8px}#watermarks{left:64px;grid-template-columns:1fr;grid-auto-rows:220px}.heading .primary{white-space:nowrap}.canvas{padding:24px 12px}.panel-title{flex-wrap:wrap}}
nav.pipeline{display:flex;color:var(--ink)}nav.pipeline button{display:block;color:var(--ink);white-space:normal;justify-content:initial;width:auto}nav.pipeline button:hover{color:var(--ink);background:var(--soft)}nav.pipeline button.active{color:var(--ink);background:var(--soft)}.pipeline .step-no{display:inline}.collapsed nav.pipeline button{padding:11px 13px}#sidebar nav button .nav-label{overflow:hidden;text-overflow:ellipsis}#sidebar .tree-project summary>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabs button:focus-visible{outline-offset:0}.stats-grid .stat{min-width:0}.settings details[open] summary{margin-bottom:16px}
[hidden]{display:none!important}#watermarks{opacity:.035;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:310px;inset:130px 0 0 236px}#watermarks span{font-size:13px;transform:translateX(var(--offset,0px)) rotate(-23deg)}[data-theme=dark] #watermarks{opacity:.045}#login{min-height:100vh;display:grid;place-items:center;background:var(--bg)}.login-card{width:min(410px,90vw);padding:36px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.login-card h1{margin:14px 0}.login-card small{letter-spacing:2px;color:var(--muted)}.upload-strip{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.upload-strip input{display:block;margin-top:8px;max-width:100%}.recipe{display:grid;grid-template-columns:60px minmax(0,1fr);gap:8px;margin:18px 0;font-size:14px}.recipe dt{color:var(--muted)}.recipe dd{margin:0;white-space:pre-wrap}.prompt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:50vh;overflow:auto;font-family:inherit;font-size:14px;line-height:1.8;padding:12px;background:var(--bg)}.version{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:8px}.timing{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.timing small{color:var(--muted)}@media(max-width:700px){#watermarks{left:64px;grid-template-columns:1fr;grid-auto-rows:380px}#watermarks span{transform:rotate(-23deg)}}

.stage-guide{padding:18px 0 22px;border-bottom:1px solid var(--border,#dddddd);margin-bottom:22px}.stage-guide h3{font-size:20px;margin:0 0 8px}.stage-guide p,.task-progress p{line-height:1.8;margin:6px 0;color:var(--muted,#7a858a)}.task-progress{border:1px solid #6b9c98;border-radius:12px;padding:22px;margin:0 0 24px;background:rgba(72,140,130,.06)}.task-progress strong{font-size:18px}.task-progress small{display:block;margin-top:12px}.activity-bar{height:4px;background:rgba(72,140,130,.15);border-radius:4px;margin-top:16px;overflow:hidden}.activity-bar:after{content:'';display:block;width:35%;height:100%;background:#57988d;animation:taskPulse 2s ease-in-out infinite alternate}@keyframes taskPulse{to{transform:translateX(180%)}}@media(prefers-reduced-motion:reduce){.activity-bar:after{animation:none}}.optional-tools{margin-top:28px;border-top:1px solid var(--border,#ddd);padding-top:14px}.optional-tools summary{cursor:pointer;font-size:13px;color:var(--muted,#7a858a)}button.primary{font-weight:600;box-shadow:0 3px 8px #00000012}button:disabled{opacity:.5;cursor:wait}

.next-step{padding:20px;margin:16px 0 24px;border-radius:12px;background:rgba(70,150,120,.1)}.next-step button{display:block;margin-top:12px}.sync-status{display:block;color:var(--muted);margin:8px 0}.stage-layout{grid-template-columns:minmax(0,1fr) 260px}

.material-summary{margin:20px 0;padding:20px;border:1px solid var(--border,#506066);border-radius:12px}.material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.material-chip{padding:14px;background:rgba(110,150,150,.09);border-radius:8px}.material-chip small{display:block;margin-top:8px}.asset-folder{margin:12px 0;border:1px solid var(--border,#506066);border-radius:10px}.asset-folder>summary{padding:18px;cursor:pointer;display:flex;justify-content:space-between;gap:16px}.asset-folder>summary span{font-size:13px;color:var(--muted)}.material-summary textarea{resize:vertical;min-height:80px;width:100%}.material-summary details{margin-top:24px}textarea.editor{resize:vertical;min-height:260px}
.entity-folder>summary:before{content:'›';font-size:20px;color:var(--muted)}.entity-folder[open]>summary:before{content:'⌄'}.entity-folder>summary strong{flex:1}.entity-folder[open]>summary{border-bottom:1px solid var(--line)}.entity-folder .version{margin:16px;border:0;border-top:1px solid var(--line);border-radius:0}.entity-folder .version:first-of-type{border-top:0}.asset-categories h3 small{font-size:13px;font-weight:400;color:var(--muted)}.setup-notice{padding:14px 18px;border-left:3px solid var(--muted);background:var(--soft);line-height:1.8}button:disabled{cursor:not-allowed}
/* Operating guide: navigable long-form content, separate from production screens. */
.guide-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:24px;align-items:start}.guide-toc{position:sticky;top:20px;max-height:80vh;overflow:auto;display:flex;flex-direction:column;gap:4px}.guide-toc button{text-align:left;font-size:13px;line-height:1.5;padding:9px 12px}.guide-intro{max-width:760px;margin-bottom:24px}.guide-chapters{min-width:0;max-width:920px}.guide-chapter{scroll-margin-top:24px;line-height:1.9;margin-bottom:20px}.guide-chapter h2{font-size:20px;line-height:1.5}.guide-chapter li{margin:9px 0}.guide-chapter dt{font-weight:650;margin-top:18px}.guide-chapter dd{margin:6px 0 18px}.guide-table{overflow:auto}.guide-table table{width:100%;border-collapse:collapse}.guide-table td,.guide-table th{padding:12px;border-bottom:1px solid var(--border,#526168);text-align:left;vertical-align:top}.guide-chapter[hidden],.guide-toc button[hidden]{display:none!important}@media(max-width:900px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;max-height:240px}.guide-chapter{padding:18px}}
.guide-chapter details{border-top:1px solid var(--border,#526168);padding:14px 0}.guide-chapter details summary{cursor:pointer;font-weight:600;line-height:1.6}.guide-chapter details p{margin:12px 0 0;max-width:68ch}.guide-summary{font-size:16px;margin-bottom:20px}

.material-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.material-grid .card{margin:0;min-width:0}.material-grid .card button{margin-top:12px}