:root{--bg:#f5f6f3;--paper:#fff;--ink:#12231e;--muted:#68736f;--line:#e1e6e2;--lime:#d2f56f;--green:#28664d;--sidebar:#0d211b;--orange:#c17d39}
.prod-shell.layout{grid-template-columns:248px minmax(0,1fr);background:var(--bg)}
.prod-shell .sidebar{width:248px;padding:25px 14px 16px;background:linear-gradient(180deg,#0c211a 0%,#10251e 68%,#0b1c17 100%);color:#d9e1db}
.prod-shell .brand{font-family:'Be Vietnam Pro',sans-serif;font-size:17px;font-weight:750;line-height:1.05;letter-spacing:1px;padding:0 12px 29px;gap:11px}
.prod-shell .brand>span:last-child small{display:block;font-size:9px;letter-spacing:4px;margin-top:4px;font-weight:500}
.prod-shell .brandmark{width:29px;height:34px}
.prod-shell .brandmark:before,.prod-shell .brandmark:after{background:#d3f76e;transform:skewY(-28deg);width:23px;height:8px;top:5px;left:1px}
.prod-shell .brandmark:after{top:17px;width:16px}
.prod-shell .workspace-label{margin:7px 12px 8px;color:#b8c5bd;font-size:10px}
.prod-shell .workspace{background:#172d25;border-color:#34483e;border-radius:8px;padding:9px;margin:0 0 20px;color:#f4f7f3}
.prod-shell .workspace .avatar{width:42px;height:42px;border-radius:7px;background:#315747;color:#e0f7b3;font-size:11px}
.prod-shell .workspace small{color:#a7b7ae;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:148px}
.prod-shell .nav{gap:4px;margin:0}
.prod-shell .nav button{min-height:47px;padding:11px 13px;border-radius:7px;color:#c2cec7;font-size:12px}
.prod-shell .nav button.active{background:var(--lime);color:#15271d;font-weight:650}
.prod-shell .nav button.active .icon{stroke-width:2.2}
.prod-shell .nav button:hover:not(.active){background:#1b382b;color:white}
.prod-shell .side-note{display:none}
.prod-shell .user{border-top:1px solid #33483d;padding:14px 7px 0}
.prod-shell .user .avatar{width:34px;height:34px;background:#527a6a}
.prod-shell .user strong{color:#eef3ef}
.prod-shell .user small{color:#a6b4ad}
.prod-shell .topbar{height:56px;padding:0 28px 0 30px;background:#fff;border-color:#e1e6e2}
.prod-shell .crumb{gap:11px;font-size:11px;color:#6d7872}
.prod-shell .crumb strong{color:#172a21;font-weight:550}
.prod-shell .save-indicator{font-size:10px;color:#66736c;white-space:nowrap}
.prod-shell .save-indicator:first-letter{color:#27704b}
.prod-shell .demo-tag{background:#edf8d6;border:0;color:#435f24;border-radius:12px;padding:5px 10px;font-size:9px}
.prod-shell .topactions{gap:12px}
.prod-shell .main{min-width:0}
.prod-shell .page{max-width:1660px;padding:24px 26px 22px}
.prod-shell .pagetitle{margin-bottom:18px;align-items:center}
.prod-shell .eyebrow{display:none}
.prod-shell h1{font-size:28px;line-height:1.2;font-weight:750;letter-spacing:0;color:#142820;margin:0 0 3px}
.prod-shell .subtitle{font-size:12px;color:#69736f;line-height:1.55}
.prod-shell .btn{border-radius:7px;border-color:#d7dfd9;color:#182c22;min-height:39px;font-size:11px}
.prod-shell .btn.primary{background:#142a20;border-color:#142a20}
.prod-shell .btn.lime{background:var(--lime);border-color:var(--lime)}
.prod-shell .card,.prod-shell .stat,.prod-shell .project-card,.prod-shell .panel{border-radius:8px;border-color:#e3e8e4;box-shadow:0 1px 1px #172b1b08}
.prod-shell .stat{padding:16px;background:#fff}
.prod-shell .stat-val{font-size:25px;color:#142820}
.prod-shell .stat-top{color:#66736c}
.prod-shell .section-title h2,.prod-shell .panel h2{color:#192c23}
.prod-shell .notice.info{background:#f1f7e5;border-color:#e0edc8;color:#536c39}
.prod-shell .notice.warning{background:#fff8e9;border-color:#f1e5ce;color:#806632}
.prod-shell .sample-banner{background:#f4fadd;border-color:#deedb6;border-left-color:#b4de43;color:#405d2b}
.prod-shell .steps-horizontal,.prod-shell .gate-card,.prod-shell .metric-cell{border-radius:8px}
.prod-shell .gate-card{padding:13px;background:#fff}
.prod-shell .gate-card.active{background:#fbfef5;border-color:#c8df91;box-shadow:inset 0 2px #b5df50}
.prod-shell .gate-num{color:#527743}
.prod-shell .route-art{height:150px;margin:-2px 0 18px;overflow:hidden;border-radius:8px;background:#12281f;position:relative}
.prod-shell .route-art img{display:block;width:100%;height:100%;object-fit:cover}
.prod-shell .route-art-overview{height:310px;max-width:775px;float:left;width:calc(65% - 8px);margin:0 16px 18px 0}
.prod-shell .route-art-overview+.stats{clear:both}
.prod-shell .route-art-prototype{height:300px}
.prod-shell .route-art-gates{height:126px;margin-top:-18px}
.prod-shell .route-art-assets{width:340px;height:220px;float:right;margin:-2px 0 16px 18px}
.prod-shell .route-art-assets+.notice,.prod-shell .route-art-assets~.section-title{clear:both}
.prod-shell .route-art-episodes,.prod-shell .route-art-research,.prod-shell .route-art-pilot,.prod-shell .route-art-money{height:138px}
.prod-shell .footer{clear:both;border-color:#e1e6e2;color:#86918a}
@media(max-width:1050px){.prod-shell.layout{grid-template-columns:218px minmax(0,1fr)}.prod-shell .sidebar{width:218px}.prod-shell .page{padding:22px 19px}.prod-shell .route-art-overview{width:100%;max-width:none;height:260px;float:none;margin:0 0 16px}.prod-shell .route-art-assets{width:100%;height:200px;float:none;margin:0 0 16px}}
@media(max-width:720px){.prod-shell.layout{display:block}.prod-shell .sidebar{width:260px;padding-top:18px}.prod-shell .topbar{height:52px;padding:0 13px}.prod-shell .topactions{gap:5px}.prod-shell .save-indicator{display:none}.prod-shell .page{padding:18px 13px}.prod-shell .pagetitle{align-items:flex-start;flex-direction:column;gap:12px}.prod-shell h1{font-size:24px}.prod-shell .route-art{height:150px;margin:0 0 14px}.prod-shell .route-art-overview,.prod-shell .route-art-prototype{height:210px}.prod-shell .route-art-assets{height:180px}.prod-shell .stats{grid-template-columns:repeat(2,minmax(0,1fr))}.prod-shell .workgrid,.prod-shell .lowergrid,.prod-shell .split{grid-template-columns:1fr}.prod-shell .topactions .plain{min-width:34px}}
.prod-shell .pagetitle{align-items:flex-end;margin-bottom:14px}.prod-shell .pagetitle h1{font-size:27px}.prod-shell .pagetitle .subtitle{font-size:12px}.prod-shell .pagetitle .actions{flex-direction:row;flex-shrink:0}.prod-shell .brand{font-size:16px;letter-spacing:0}.prod-shell .brandmark:before,.prod-shell .brandmark:after{background:#d3f76e}.prod-shell .footer{clear:both}
.overview-checklist{border-block:1px solid #ebeeeb}.overview-checklist .overview-check{width:100%;min-height:43px;border:0;border-bottom:1px solid #ebeeeb;background:#fff;text-align:left;color:#26352c}.overview-checklist .overview-check:last-child{border-bottom:0}.overview-checklist button.overview-check{cursor:pointer}.overview-checklist .checkmark{width:18px;height:18px;display:grid;place-items:center;border:1px solid #cbd4cd;border-radius:4px;flex:0 0 18px;color:#17281f}.overview-checklist .checkmark .icon{width:14px;height:14px}.overview-checklist .overview-check.checked .checkmark{border-color:#b4df4b;background:#d2f56f}
.overview-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:4px 0 16px;padding:0 12px}.overview-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:transparent;color:#65726b;padding:0 4px 2px;font-size:11px}.overview-step:before{content:"";position:absolute;height:1px;background:#d8ded9;left:-50%;right:50%;top:16px;z-index:0}.overview-step:first-child:before{display:none}.overview-step span{z-index:1;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e8ebe8;color:#55625a;font-weight:650}.overview-step.current span,.overview-step.done span{background:var(--lime);color:#1b2d20}.overview-step.current strong{color:#17291f}.overview-columns{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(300px,.88fr);gap:16px;align-items:start}.overview-primary,.overview-aside{min-width:0}.overview-hero{height:310px;position:relative;overflow:hidden;border-radius:8px;background:#12281f}.overview-hero>img{width:100%;height:100%;object-fit:cover;display:block}.hero-shade{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:linear-gradient(180deg,#0717111a 30%,#071711d9)}.hero-label{width:max-content;border:1px solid #ffffff6b;border-radius:5px;padding:5px 8px;color:white;background:#07171180;font-size:9px}.hero-shade>div{max-width:90%;color:white}.hero-shade strong{font-size:25px;line-height:1.2}.hero-shade p{font-size:11px;line-height:1.55;margin:6px 0 12px;max-width:540px}.hero-shade .btn{min-height:34px}.overview-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;padding:13px 10px;margin-bottom:20px}.overview-specs>div{padding:0 10px;border-right:1px solid var(--line);min-width:0}.overview-specs>div:last-child{border:0}.overview-specs span{display:flex;align-items:center;gap:6px;color:#77837c;font-size:10px;margin-bottom:5px}.overview-specs span .icon{width:15px;height:15px}.overview-specs strong{display:block;padding-left:21px;color:#22352a;font-size:11px;overflow-wrap:anywhere}.overview-section{margin-top:18px}.overview-section .section-title,.overview-card .section-title{margin-bottom:10px}.overview-video{display:flex;align-items:center;gap:12px;width:100%;min-height:82px;padding:8px;margin:8px 0;border:1px solid #e5e9e5;border-radius:7px;background:#fff;text-align:left}.overview-video img{width:120px;height:66px;object-fit:cover;border-radius:5px}.overview-video span{display:grid;gap:4px;min-width:0;flex:1}.overview-video small,.overview-video em{font-size:9px;color:#77837b;font-style:normal}.overview-video strong{font-size:12px;line-height:1.4}.overview-video>.icon{color:#829087}.overview-aside{display:grid;gap:10px}.overview-card{background:#fff;border:1px solid #e3e8e4;border-radius:8px;padding:15px 16px}.overview-card h2{font-size:15px;margin:0}.overview-card h3{font-size:16px;margin:12px 0 4px}.overview-card p{font-size:11px;color:#68736e;line-height:1.55;margin:0 0 10px}.overview-card .badge-status{font-size:9px;white-space:nowrap}.overview-check{display:flex;align-items:center;gap:9px;padding:11px;border-block:1px solid #ebeeeb;font-size:11px}.overview-check input{width:18px;height:18px;accent-color:#9bc63d}.overview-progress{height:7px;background:#e8ebe8;border-radius:8px;margin:13px 0 5px;overflow:hidden}.overview-progress i{display:block;height:100%;background:#b8e850;border-radius:8px;transition:width .2s}.next-card>small{font-size:10px;color:#5b685f}.overview-work{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:11px 12px;background:#142a20;color:#fff;border:0;border-radius:7px;font-size:11px}.overview-work .icon:first-child{margin-right:4px}.overview-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.overview-stats button{display:grid;gap:5px;align-content:start;text-align:left;border:0;border-right:1px solid var(--line);background:transparent;padding:7px 9px}.overview-stats button:last-child{border:0}.overview-stats strong{font-size:20px;color:#182b20}.overview-stats span{display:flex;align-items:center;gap:4px;color:#68746c;font-size:10px;white-space:nowrap}.overview-stats .icon{width:13px;height:13px}.overview-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.overview-asset{min-width:0}.overview-asset img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:5px;background:#16211e}.overview-asset strong,.overview-asset small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-asset strong{font-size:9px;margin-top:5px}.overview-asset small{font-size:8px;color:#77837b;margin-top:3px}.overview-empty{font-size:10px;color:#758078;padding:10px 2px}.overview-sample{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 2px;color:#67736c;font-size:10px}.prod-shell .overview-columns .empty{padding:23px 12px}.prod-shell .overview-columns .empty strong{font-size:12px}.prod-shell .overview-columns .empty p{font-size:10px}
@media(max-width:1050px){.overview-columns{grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr)}.overview-hero{height:275px}}
@media(max-width:800px){.overview-columns{grid-template-columns:1fr}.overview-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-aside .next-card{grid-row:span 2}.overview-hero{height:300px}}
@media(max-width:720px){.prod-shell .pagetitle{align-items:flex-start}.prod-shell .pagetitle .actions{flex-direction:row;width:100%}.prod-shell .pagetitle .actions .btn{flex:1;justify-content:center}.overview-steps{padding:0;margin:8px 0 14px}.overview-step{font-size:9px}.overview-step span{width:28px;height:28px}.overview-step:before{top:14px}.overview-columns{gap:10px}.overview-hero{height:225px}.hero-shade{padding:12px}.hero-shade strong{font-size:20px}.hero-shade>div{max-width:100%}.overview-specs{padding:10px 4px}.overview-specs>div{padding:0 6px}.overview-specs span{font-size:8px;gap:3px}.overview-specs strong{font-size:9px;padding-left:0}.overview-aside{grid-template-columns:1fr}.overview-aside .next-card{grid-row:auto}.overview-video img{width:95px;height:58px}.overview-video strong{font-size:10px}.overview-sample{align-items:flex-start;flex-direction:column}}
.overview-empty-hint{padding:11px 2px;color:#67736c;font-size:11px}
.help-top-button{min-height:32px;padding:0 10px;gap:6px}
.help-notice{margin:0 0 18px}
.help-flow{margin:18px 0 26px}
.help-flow>h2{margin:0 0 6px;font-size:18px}
.help-flow>p,.help-flow>ul{color:#64716a;font-size:12px;line-height:1.65}
.help-flow>ul{padding-left:20px}
.help-gallery{display:grid;grid-template-columns:1fr;gap:22px;margin-top:16px}
.help-shot{min-width:0;overflow:hidden;border:1px solid #e1e7e2;border-radius:7px;background:#fff}
.help-shot header{display:flex;align-items:flex-start;gap:12px;padding:13px 15px;border-bottom:1px solid #e8ece8}
.help-shot header>span{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#d8f382;color:#203322;font-size:11px;font-weight:700}
.help-shot h3{margin:0 0 4px;color:#1a2c22;font-size:15px}
.help-shot p{margin:0;color:#69766e;font-size:11px;line-height:1.5}
.help-shot>a{display:block;background:#e8ece9}
.help-shot img{display:block;width:100%;height:auto;max-width:100%;background:#16251e}
.help-shot>a:hover img{opacity:.96}
@media(max-width:560px){.help-shot header{padding:11px}.help-top-button{font-size:11px;padding:0 7px}}
.prod-shell .sidebar{overflow-y:auto;overflow-x:hidden}
.prod-shell .workspace{display:grid;grid-template-columns:36px minmax(0,1fr) 18px;gap:10px;align-items:center;min-width:0;padding:10px 12px}
.prod-shell .workspace-copy{display:block;min-width:0;flex:1}
.prod-shell .workspace .project-avatar{width:36px;height:36px;border-radius:7px;font-size:11px;background:#315747;color:#e0f7b3}
.prod-shell .workspace-copy strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.25;font-weight:650}
.prod-shell .workspace-copy small{display:block;max-width:none;margin-top:4px;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prod-shell .workspace>.icon{flex:0 0 auto}
.prod-shell .workflow-nav{margin-bottom:0}
.prod-shell .nav-divider{height:1px;background:#33483d;margin:12px 7px 7px}
.prod-shell .nav-section-label{margin:0 13px 7px;color:#91a199;font-size:10px;font-weight:600}
.prod-shell .operations-nav{margin-bottom:16px}
@media(max-width:720px){.prod-shell .sidebar{width:min(78vw,260px);padding-inline:14px}.prod-shell .workspace-copy strong{font-size:12px}.prod-shell .nav button{font-size:12px}.prod-shell .sidebottom{margin-top:14px}}