@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;450;500;550;600;650;700;750;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
/* Frameforge mockup system */
: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 .advanced-nav{margin-top:10px;border-top:1px solid #33483d;padding-top:8px}
.prod-shell .advanced-nav summary{min-height:44px;display:flex;align-items:center;padding:0 13px;color:#aebbb4;font-size:11px;cursor:pointer;list-style:none;border-radius:6px}
.prod-shell .advanced-nav summary::-webkit-details-marker{display:none}
.prod-shell .advanced-nav summary:after{content:"+";margin-left:auto;font-size:16px}
.prod-shell .advanced-nav[open] summary:after{content:"−"}
.prod-shell .advanced-nav .nav{margin-top:4px}
.prod-shell .advanced-nav .nav button{min-height:43px}
.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}
.prod-shell :focus-visible{outline:3px solid #7d9d43;outline-offset:2px}
.prod-shell .next-step-cta{min-height:48px;justify-content:center;margin:7px 0 9px;background:#d2f56f;color:#17281f;font-size:12px;font-weight:700}
.prod-shell .next-step-cta .icon:first-child{margin-right:4px}
.prod-shell .next-step-cta .icon:last-child{margin-left:auto}
.prod-shell .next-step-details{margin-top:7px}
.prod-shell .next-step-details summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#68736e;font-size:10px}
.prod-shell .integration-intro{max-width:720px;margin:-5px 0 12px}
.prod-shell .integration-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px}
.prod-shell .integration-row{position:relative;min-width:0;padding:13px 14px;border:1px solid #e3e8e4;border-radius:6px;background:#fff}
.prod-shell .integration-row strong{display:block;padding-right:128px;font-size:11px}
.prod-shell .integration-row>span{position:absolute;right:12px;top:10px}
.prod-shell .integration-row p{margin:7px 0 0;color:#68736e;font-size:10px;line-height:1.6}
@media(max-width:720px){.prod-shell .integration-list{grid-template-columns:1fr}.prod-shell .integration-row strong{padding-right:0}.prod-shell .integration-row>span{position:static;display:inline-flex;margin-top:7px}.prod-shell .advanced-nav summary{font-size:12px}}
@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}}
:root{--bg:#f6f7f4;--paper:#fff;--ink:#202823;--muted:#7a837d;--line:#e6e9e2;--lime:#d0f477;--green:#3c643e;--sidebar:#1b211e;--orange:#c17d39}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:'Be Vietnam Pro',Arial,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #8cb444;outline-offset:3px}button:disabled{opacity:.5;cursor:default}svg.icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--sidebar);color:#9ca69f;padding:29px 18px 18px;display:flex;flex-direction:column;position:fixed;width:232px;inset:0 auto 0 0;z-index:30}.brand{color:#f7faf1;display:flex;gap:10px;align-items:center;padding:0 10px 29px;font-family:'Space Grotesk',sans-serif;font-size:25px;font-weight:600;letter-spacing:-1px}.brandmark{width:29px;height:31px;position:relative}.brandmark:before,.brandmark:after{content:'';position:absolute;width:22px;height:7px;background:var(--lime);transform:skewY(-24deg);left:2px;top:5px}.brandmark:after{top:16px;width:15px}.workspace{width:100%;border:1px solid #39413b;background:#262e28;border-radius:8px;padding:11px;color:#edf0e8;display:flex;align-items:center;gap:10px;text-align:left;margin-bottom:27px}.workspace .avatar{border-radius:6px;background:#46503d;color:var(--lime);width:29px;height:29px;display:grid;place-items:center;font-size:11px;font-weight:700}.workspace small{display:block;color:#95a08f;font-size:10px;margin-top:4px}.navlabel{font-size:9px;letter-spacing:1.5px;color:#78857c;margin:0 13px 10px}.nav{display:flex;flex-direction:column;gap:5px;margin-bottom:28px}.nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;color:#a5aea7;padding:12px 14px;border-radius:6px;font-size:12px}.nav button.active{background:#d0f477;color:#26361c;font-weight:600}.nav button:hover:not(.active){background:#2b342e;color:white}.nav .badge{margin-left:auto;background:#34412b;border-radius:4px;padding:2px 5px;color:var(--lime);font-size:10px}.nav .active .badge{background:#b4d963;color:#314321}.sidebottom{margin-top:auto}.creditbox{border:1px solid #3b4539;border-radius:9px;padding:14px;margin-bottom:17px;background:linear-gradient(125deg,#2b3428,#232b25)}.creditbox p{margin:0 0 13px;color:#e3e8dc;display:flex;justify-content:space-between;font-size:11px}.creditbox small{color:#8d9b88;font-size:9px}.creditbox .bar{height:4px;margin:12px 0;background:#46523d;border-radius:5px}.creditbox .bar i{display:block;height:100%;background:var(--lime);border-radius:5px;width:32%}.user{display:flex;align-items:center;gap:9px;padding:12px 5px 0;border-top:1px solid #343c35}.user .avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#65715e;color:white;font-size:11px}.user strong{display:block;color:#e1e6db;font-size:11px;font-weight:500}.user small{font-size:9px}.main{grid-column:2;min-width:0}.topbar{height:73px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px}.crumb{color:#91998f;display:flex;gap:12px;align-items:center;font-size:11px}.crumb strong{font-weight:500;color:#475145}.topactions{display:flex;gap:17px;align-items:center}.search{border:1px solid var(--line);background:#fafbf8;display:flex;align-items:center;gap:9px;color:#90988d;border-radius:6px;padding:8px 10px;font-size:10px;min-width:185px}.search kbd{margin-left:auto;font-size:10px;border:1px solid #dce0d6;padding:1px 4px;border-radius:3px;background:#fff}.plain{border:0;background:transparent;display:inline-flex;justify-content:center;align-items:center;padding:5px;gap:6px}.notify{position:relative}.notify:after{content:'';width:5px;height:5px;border-radius:50%;background:#89a951;position:absolute;right:7px;top:5px}.demo-tag{background:#f3f5ec;border:1px solid #e6ebd9;padding:5px 8px;border-radius:4px;color:#7d895e;font-size:9px;white-space:nowrap}.page{padding:30px 34px 24px;max-width:1680px;margin:auto}.pagetitle{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8e978a;text-transform:uppercase;margin-bottom:8px}h1{font-weight:600;letter-spacing:-1px;font-size:27px;margin:0 0 8px}p{line-height:1.7}.subtitle{font-size:11px;color:#7f877b;margin:0}.actions{display:flex;gap:9px;align-items:center}.btn{border:1px solid #dfe4d8;background:#fff;padding:10px 13px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:500;white-space:nowrap;min-height:36px}.btn.primary{background:#26352b;color:#fff;border-color:#26352b}.btn.lime{background:var(--lime);border-color:var(--lime);color:#26351d}.btn:hover{filter:brightness(.96)}.btn.small{padding:7px 10px;min-height:29px;font-size:10px}.btn .icon{width:15px;height:15px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:26px}.stat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:17px 18px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7d867a;font-size:10px}.stat-top .icon{width:15px;height:15px;color:#8b9785}.stat-val{font-family:'Space Grotesk',sans-serif;font-size:30px;letter-spacing:-1px;display:flex;gap:9px;align-items:baseline;margin:10px 0 5px}.stat-val span{font-family:'Be Vietnam Pro',sans-serif;font-size:10px;color:#97a08f;letter-spacing:0;font-weight:400}.stat-foot{font-size:9px;color:#90988b}.stat-foot b{font-weight:500;color:#598147;margin-right:5px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:12px}.section-title h2{font-size:14px;letter-spacing:-.2px;font-weight:600;margin:0}.section-title small{font-size:10px;color:#959c90;font-weight:400;margin-left:8px}.linkbtn{border:0;background:transparent;color:#7a8570;display:flex;align-items:center;gap:6px;font-size:10px}.linkbtn .icon{width:13px;height:13px}.workgrid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;margin-bottom:24px}.card{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.featured-head{padding:16px 19px;display:flex;justify-content:space-between;align-items:center}.projectbrand{display:flex;gap:10px;align-items:center}.squareicon{background:#eef2e8;border:1px solid #e2e9d7;color:#648442;display:grid;place-items:center;border-radius:7px;width:34px;height:34px}.projectbrand strong{font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:1px}.projectbrand small{display:block;color:#91998b;font-size:9px;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:4px;padding:4px 7px;white-space:nowrap;background:#f1f4ec;color:#748564}.pill.green{background:#eff5e9;color:#5d7d43}.pill.amber{background:#faf3e7;color:#a38443}.pill.blue{background:#edf3f8;color:#6585a2}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor}.scene{position:relative;background:#131b1b;height:263px;overflow:hidden}.scene canvas{width:100%;height:100%;display:block}.scene-title{position:absolute;top:16px;left:19px;color:#fff;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:2px}.scene-title small{font-family:'Be Vietnam Pro',sans-serif;display:block;color:#81988a;font-size:8px;letter-spacing:.5px;margin-top:7px}.scene-top-right{position:absolute;right:17px;top:17px;color:#c9d5cd;font-size:9px;display:flex;gap:10px}.scene-top-right span{padding:4px 6px;background:#21302dbb;border:1px solid #344440;border-radius:3px}.scene-bottom{position:absolute;bottom:15px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;color:#adbdb2;font-size:9px}.teams{display:flex;gap:18px}.teams span{display:flex;align-items:center;gap:6px}.teams i{width:6px;height:6px;border-radius:2px;background:#bdeb6b}.teams span+span i{background:#7aa8dc}.play-scene{display:grid;place-items:center;color:#edf3e7;background:#ffffff12;border:1px solid #ffffff30;width:29px;height:29px;border-radius:50%}.play-scene .icon{width:12px;height:12px}.featured-foot{padding:15px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.projectfacts{display:flex;gap:20px}.projectfacts div{font-size:10px;color:#626e5c}.projectfacts small{display:block;font-size:8px;color:#9aa18f;margin-bottom:5px}.flow-card{padding:17px 18px}.flow-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:7px}.flow-sub{color:#8e9785;font-size:9px;margin:0 0 19px}.flowstep{position:relative;display:flex;gap:11px;align-items:flex-start;padding-bottom:19px}.flowstep:before{content:'';position:absolute;top:25px;bottom:3px;left:12px;width:1px;background:#e2e7da}.flowstep:last-of-type:before{display:none}.flowstep .stepicon{width:26px;height:26px;flex-shrink:0;border:1px solid #e6eadf;background:#f9faf6;border-radius:50%;display:grid;place-items:center;font-size:10px;color:#a1aa96}.flowstep.done .stepicon{color:#6b8e42;background:#f0f6e5;border-color:#e3edce}.flowstep.current .stepicon{border:1px solid #9bbd68;background:#eafaCF;color:#5f7e36;box-shadow:0 0 0 3px #f3f8eb}.flowstep .icon{width:12px;height:12px}.stepcopy strong{font-size:10px;font-weight:500;display:block;margin:3px 0 5px}.stepcopy small{font-size:8px;color:#98a18d}.flow-card .btn{width:100%;margin-top:2px}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:27px}.project-card{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:white;cursor:pointer;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #24371c0c}.project-thumb{height:125px;background:#19221e;position:relative;overflow:hidden}.project-thumb canvas{width:100%;height:100%;display:block}.project-thumb .pill{position:absolute;top:10px;left:11px;background:#1f2c22d9;color:#d1dfbf;backdrop-filter:blur(4px);font-size:8px}.project-copy{padding:13px 15px}.project-line{display:flex;justify-content:space-between;align-items:center}.project-line h3{font-size:12px;margin:0;font-weight:600}.project-copy p{font-size:9px;color:#89937e;margin:7px 0 13px}.project-meta{display:flex;justify-content:space-between;font-size:8px;color:#9ba38f;border-top:1px solid #edf0e7;padding-top:10px}.project-meta b{font-weight:400;color:#69854c}.lowergrid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.table th{font-size:8px;color:#9aa18f;letter-spacing:.4px;font-weight:500;background:#fafbf8;padding:12px 17px;border-bottom:1px solid var(--line)}.table td{font-size:10px;padding:14px 17px;border-bottom:1px solid #eff1e9}.table tr:last-child td{border:0}.episode-name{display:flex;align-items:center;gap:10px}.episode-name .ep-icon{width:31px;height:31px;border:1px solid #e7ebdf;background:#f7f9f2;display:grid;place-items:center;border-radius:5px;color:#79915a}.episode-name strong{display:block;font-size:10px;font-weight:500}.episode-name small{display:block;font-size:8px;color:#99a18f;margin-top:5px}.table .plain .icon{width:14px;height:14px}.activity{padding:17px 18px}.activity-item{display:flex;gap:10px;margin-top:18px}.activity-icon{width:25px;height:25px;border-radius:6px;background:#f3f6ed;color:#92a076;display:grid;place-items:center;flex-shrink:0}.activity-icon .icon{width:13px;height:13px}.activity-item p{font-size:9px;margin:0 0 6px;line-height:1.6}.activity-item small{font-size:8px;color:#a1a88f}.footer{display:flex;justify-content:space-between;gap:12px;font-size:8px;color:#a0a794;margin-top:24px;padding-top:15px;border-top:1px solid #e4e8dc}.footer a{text-decoration:none}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:0;background:transparent;padding:11px 15px;color:#8e9883;font-size:11px;border-bottom:2px solid transparent}.tabs button.active{color:#445d34;border-bottom-color:#6d8b4c}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.filter-input{border:1px solid #dfe5d6;border-radius:6px;padding:10px 12px;background:white;min-width:0;color:#506244}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.asset{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden;cursor:pointer}.asset-img{height:180px;background:radial-gradient(ellipse at 50% 60%,#e2e8d6,#f4f7ed);display:grid;place-items:center;position:relative;overflow:hidden}.asset-img svg{width:100%;height:100%;max-width:220px}.asset-body{padding:13px}.asset-body strong{font-size:11px;display:block;margin-bottom:7px}.asset-body small{color:#8a987b;font-size:9px}.asset-status{position:absolute;top:10px;right:10px}.notice{border:1px solid #e1e8d7;background:#f0f4e9;color:#7d8d66;border-radius:7px;padding:12px 15px;font-size:10px;line-height:1.8;margin-bottom:20px}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px}.panel{padding:22px}.panel h2{font-size:15px;margin:0 0 18px}.field{display:block;margin-bottom:17px}.field span{display:block;font-size:10px;color:#758269;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid #dce3d2;background:#fff;color:#35462c;padding:11px 12px;border-radius:6px;outline:none}.field textarea{resize:vertical;min-height:95px;line-height:1.8}.field input:focus,.field textarea:focus,.field select:focus{border-color:#83a259;box-shadow:0 0 0 3px #a8c77a20}.field small{display:block;margin-top:6px;font-size:9px;color:#9aa38e}.fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}.segments{display:flex;gap:8px}.segments button{flex:1;background:#fff;border:1px solid #dfe6d5;border-radius:6px;padding:10px;font-size:10px}.segments button.active{background:#f0f7e4;border-color:#9bb879;color:#567336}.steps-horizontal{display:flex;padding:20px;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:20px}.steps-horizontal span{font-size:10px;color:#89967b;display:flex;align-items:center;gap:7px}.steps-horizontal b{display:grid;place-items:center;width:21px;height:21px;background:#eff4e6;border-radius:50%;font-size:9px;font-weight:500;color:#789253}.render-card{padding:20px;margin-bottom:13px;display:flex;gap:17px;align-items:center}.render-art{width:110px;height:70px;border-radius:5px;overflow:hidden;flex-shrink:0;background:#1a2522}.render-art canvas{width:100%;height:100%}.render-info{flex:1;min-width:0}.render-info h3{font-size:12px;margin:0 0 8px}.render-info small{font-size:9px;color:#8d9b7c}.progress{height:5px;background:#eff3e8;border-radius:4px;margin:11px 0 8px;overflow:hidden}.progress i{display:block;height:100%;background:#a5c66a;border-radius:4px;transition:width .4s}.progress-copy{display:flex;justify-content:space-between;font-size:8px;color:#8d997d}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.skill{padding:19px;position:relative}.skill .squareicon{margin-bottom:18px}.skill h3{font-size:12px;margin:0 0 8px}.skill p{font-size:10px;color:#8c977e;margin:0 0 17px;min-height:35px}.skill code{font-size:8px;color:#a0aa92;word-break:break-all}.switch{width:30px;height:18px;border:0;border-radius:20px;background:#d7ddcf;position:absolute;top:20px;right:18px;padding:0}.switch:before{content:'';position:absolute;top:3px;left:3px;width:12px;height:12px;background:white;border-radius:50%;transition:transform .2s}.switch.on{background:#89a95b}.switch.on:before{transform:translateX(12px)}.skill-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.connection{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.connection:last-child{border:0}.connection-info{flex:1}.connection-info strong{display:block;font-size:12px}.connection-info small{display:block;font-size:9px;color:#939d86;margin-top:7px}.empty{padding:50px;text-align:center;color:#8a977b}.modal-backdrop{position:fixed;inset:0;background:#101a17a8;backdrop-filter:blur(5px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fafbf7;border:1px solid #e0e6d6;border-radius:13px;width:520px;max-width:100%;max-height:90vh;overflow:auto;box-shadow:0 30px 100px #0005}.modal.wide{width:870px}.modal-head{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-head h2{font-size:16px;margin:0;font-weight:600}.modal-body{padding:23px 24px}.modal-foot{padding:16px 24px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fff}.modal .scene{height:380px}.search-results button{width:100%;background:#fff;border:1px solid var(--line);padding:13px;text-align:left;border-radius:6px;margin-top:9px;font-size:11px;display:flex;justify-content:space-between}.search-results small{color:#9aa48c}#toast{position:fixed;bottom:26px;left:calc(50% + 80px);transform:translate(-50%,20px);background:#283d2d;color:#edf5e6;border:1px solid #56724a;padding:13px 20px;border-radius:8px;z-index:200;font-size:11px;opacity:0;pointer-events:none;transition:.25s;max-width:90vw;line-height:1.7}#toast.show{opacity:1;transform:translate(-50%,0)}.mobile-menu{display:none}.mobile-close{display:none}.demo-description{font-size:9px;color:#96a286;line-height:1.8}.preview-note{background:#16221f;color:#88a08b;padding:10px 20px;font-size:9px}.chipcount{font-family:'Space Grotesk';font-size:11px;color:#8c9a7b}.inline-title{display:flex;align-items:center;gap:10px}.queue-summary{display:flex;gap:20px;font-size:11px;color:#879478;margin:0 0 20px}.queue-summary b{color:#4c6438;font-weight:500}.statusconnected{color:#789153}.schedule-card{border:1px solid #e4e9dc;border-radius:8px;background:linear-gradient(140deg,#f5f8ec,#fff);padding:17px;margin-top:20px}.schedule-card h3{font-size:12px;margin:0 0 8px}.schedule-card p{font-size:10px;color:#89987a}.label-sample{font-size:8px;color:#a2aa95;letter-spacing:1px}.app-notice{margin-top:20px;font-size:9px;color:#929e83;line-height:1.8}.search-empty{padding:25px;color:#95a087;font-size:11px;text-align:center}
.lowergrid>section,.split>*{min-width:0}.tablewrap{max-width:100%}
@media(min-width:1600px){.scene{height:310px}.project-thumb{height:155px}.page{padding-top:36px}.asset-img{height:220px}}
@media(max-width:1200px){.layout{grid-template-columns:205px minmax(0,1fr)}.sidebar{width:205px;padding-left:12px;padding-right:12px}.brand{font-size:23px}.page{padding:25px}.topbar{padding:0 25px}.workgrid,.lowergrid{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.projectfacts{gap:12px}.projectfacts div{font-size:9px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search{min-width:140px}.project-thumb{height:110px}}
@media(max-width:1000px){.workgrid,.lowergrid{grid-template-columns:1fr}.flow-card{display:none}.activity{display:none}.projectfacts{gap:25px}.stats{gap:10px}.stat{padding:14px}.stat-val{font-size:26px}.pagetitle{align-items:flex-start}.pagetitle .actions{flex-direction:column;align-items:stretch}.search{min-width:auto}.search span,.search kbd{display:none}.search{border:0;background:transparent}.split{grid-template-columns:1fr}.project-card h3{font-size:10px}.projects-grid{gap:12px}.project-copy{padding:12px}.project-meta{font-size:7px}.topactions{gap:10px}}
@media(max-width:720px){.layout{display:block}.main{width:100%}.sidebar{transform:translateX(-100%);transition:transform .25s;width:232px;box-shadow:20px 0 80px #0004}.sidebar.open{transform:translateX(0)}.mobile-close{display:block;position:absolute;right:10px;top:8px;color:#9aac8d}.mobile-menu{display:inline-flex}.topbar{height:60px;padding:0 17px}.crumb{font-size:10px;gap:8px}.crumb>span:first-of-type{display:none}.page{padding:22px 17px}.pagetitle{gap:10px;margin-bottom:20px}h1{font-size:24px}.subtitle{font-size:10px;max-width:240px}.eyebrow{font-size:8px}.pagetitle .actions>.btn:not(.primary){display:none}.pagetitle .actions>.btn{font-size:10px;padding:9px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:23px}.stat{padding:14px 15px}.stat-val{font-size:28px;margin-top:8px}.stat-top{font-size:10px}.demo-tag{font-size:8px}.topactions{gap:5px}.topactions .notify{display:none}.scene{height:235px}.featured-head{padding:13px}.projectbrand strong{font-size:13px}.projectbrand small{font-size:8px}.featured-foot{padding:13px;gap:8px}.projectfacts{gap:14px}.projectfacts div{font-size:9px}.projectfacts>div:last-child{display:none}.featured-foot .btn{font-size:9px;padding:8px}.projects-grid{grid-template-columns:1fr}.project-thumb{height:180px}.project-card h3{font-size:13px}.project-meta{font-size:9px}.project-copy{padding:15px}.project-copy p{font-size:10px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.asset-img{height:150px}.asset-body strong{font-size:10px}.asset-body small{font-size:8px}.skills-grid{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.filter-input{flex:1;max-width:100%}.tabs{overflow:auto}.tabs button{padding:10px;font-size:10px;white-space:nowrap}.table td,.table th{padding-left:13px;padding-right:13px}.footer{flex-direction:column;font-size:8px;gap:7px}#toast{left:50%;font-size:10px;width:max-content;max-width:92vw}.modal-backdrop{padding:14px}.modal-head{padding:17px}.modal-body{padding:18px}.modal-foot{padding:14px 18px}.modal .scene{height:260px}.fieldrow{gap:10px}.steps-horizontal{flex-wrap:wrap;justify-content:flex-start;gap:13px}.steps-horizontal span{font-size:9px}.render-card{padding:15px;gap:10px;flex-wrap:wrap}.render-art{width:78px;height:58px}.render-card .actions{width:100%;justify-content:flex-end}.render-info h3{font-size:10px}.render-info small{font-size:8px}.panel{padding:18px}.connection{flex-wrap:wrap;gap:10px}.connection-info{min-width:170px}.connection .btn{margin-left:48px}.queue-summary{font-size:10px;gap:12px}.scene-top-right span:last-child{display:none}}