:root{color:#242924;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f7f7f3;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #779c72}.studio{min-height:100vh}.topbar{background:#fff;border-bottom:1px solid #e9ebe6;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(20px,4vw,70px);display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__mark{color:#fff;letter-spacing:-3px;background:#263a30;border-radius:11px;place-items:center;width:38px;height:38px;padding-right:3px;font-size:27px;font-weight:700;line-height:1;display:grid}.brand__mark span{color:#c4e9ac}.brand__name{letter-spacing:-.05em;font-size:17px;font-weight:670}.demo-indicator{color:#66736b;letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;font-weight:750;display:flex}.demo-indicator__dot{background:#86ac83;border-radius:50%;width:7px;height:7px}.page{width:min(100%,1160px);margin:0 auto;padding:0 32px 72px}.hero{padding:60px 0 61px}.eyebrow{color:#6b806f;letter-spacing:.18em;font-size:11px;font-weight:760}.hero h1{letter-spacing:-.061em;margin:18px 0 14px;font-size:clamp(39px,5.5vw,62px);font-weight:630;line-height:1.08}.hero p{color:#767d75;margin:0;font-size:16px;line-height:1.6}.library{background:#fff;border:1px solid #e7eae3;border-radius:20px;padding:30px;box-shadow:0 15px 55px #23362309}.library__heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.library__heading h2{letter-spacing:-.05em;margin:0 0 4px;font-size:25px;font-weight:660}.library__heading p{color:#82877f;margin:0;font-size:13px}.button{appearance:none;white-space:nowrap;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:12px 16px;font-size:13px;font-weight:670;display:inline-flex}.button--dark{color:#fff;background:#263a30}.button--dark:hover{background:#355442}.button__plus{font-size:21px;font-weight:430;line-height:.7}.button--wide{justify-content:space-between;width:100%;padding-left:19px;padding-right:19px;font-size:14px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.project-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:32px;display:grid}.project-tab{text-align:left;color:#262d27;background:#fff;border:1px solid #e8eae6;border-radius:12px;align-items:center;gap:13px;min-width:0;padding:13px;display:flex}.project-tab:hover{background:#f9faf6}.project-tab--active{background:#f3f7f0;border-color:#89aa84;box-shadow:inset 0 0 0 1px #89aa84}.project-tab--active:hover{background:#eef4e9}.project-tab__symbol{border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:17px;font-weight:730;display:grid}.project-tab__symbol--green{color:#476b43;background:#e2ebd7}.project-tab__symbol--coral{color:#956a5b;background:#f6e5dc}.project-tab__text{gap:4px;min-width:0;display:grid}.project-tab__text strong{font-size:13px;font-weight:720}.project-tab__text small{color:#8a9087;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.asset-section-heading{border-bottom:1px solid #eef0e9;justify-content:space-between;align-items:baseline;gap:16px;margin-top:35px;padding-bottom:14px;font-size:14px;font-weight:700;display:flex}.muted{color:#a3a9a0;font-weight:420}.asset-count{color:#969d94;font-size:12px;font-weight:500}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding-top:19px;display:grid}.asset-card{text-align:left;color:inherit;background:#fff;border:1px solid #e8ebe5;border-radius:12px;min-width:0;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s;display:block;overflow:hidden}.asset-card:hover{border-color:#bbcdb8;transform:translateY(-2px);box-shadow:0 7px 24px #27332517}.asset-card__visual{background:#eef0ed;height:165px;display:block;overflow:hidden}.asset-card__visual>.artwork,.asset-card__visual>.artwork__real{width:100%;height:100%}.asset-card__body{padding:15px 15px 16px;display:block}.asset-card__name{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:690;display:block;overflow:hidden}.asset-card__row{color:#949b94;justify-content:space-between;align-items:center;gap:6px;margin-top:11px;font-size:11px;display:flex}.asset-card__row>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.stage{border-radius:5px;flex-shrink:0;align-items:center;padding:5px 7px;font-size:10px;font-weight:670;line-height:1;display:inline-flex}.stage--draft{color:#7a8078;background:#f1f2ee}.stage--review{color:#8d682b;background:#fff1da}.stage--approved{color:#567a4c;background:#e9f2e5}.stage--published{color:#4d6ca6;background:#e8edf9}.artwork{isolation:isolate;color:#536f5b;background:#dce6d8;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.artwork--sage{color:#5d8767;background:#dce7d5}.artwork--sand{color:#a38b5f;background:#eee4d0}.artwork--blue{color:#66899c;background:#dce7eb}.artwork--peach{color:#a9786c;background:#f4e0d6}.artwork--violet{color:#9176a8;background:#e8e1f0}.artwork__shape{z-index:-1;opacity:.13;background:currentColor;border:1px solid;position:absolute}.artwork__shape--one{border-radius:45px;width:170px;height:170px;top:-80px;right:-45px;transform:rotate(-27deg)}.artwork__shape--two{border-radius:100%;width:160px;height:90px;bottom:-52px;left:-37px;transform:rotate(24deg)}.artwork__icon{background:#ffffff70;border:1px solid #ffffff80;border-radius:18px;place-items:center;width:65px;height:65px;display:grid}.artwork__format,.artwork__example{letter-spacing:.1em;font-size:9px;font-weight:800;position:absolute;bottom:13px}.artwork__format{left:15px}.artwork__example{opacity:.7;right:15px}.artwork__real{object-fit:cover;background:#1e2421;width:100%;height:100%;display:block}.demo-footnote{color:#91988e;align-items:flex-start;gap:8px;margin:27px 0 0;font-size:11px;line-height:1.6;display:flex}.error-message{color:#9a493e;background:#fff0eb;border-radius:9px;margin-top:15px;padding:12px 14px;font-size:13px}.inspector-backdrop{z-index:10;background:#121c1766;justify-content:flex-end;display:flex;position:fixed;inset:0}.inspector{background:#fff;flex-direction:column;width:min(100%,480px);height:100%;display:flex;box-shadow:-20px 0 70px #131a1929}.inspector__header{border-bottom:1px solid #eceee9;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding:0 26px;display:flex}.inspector__eyebrow{letter-spacing:.16em;color:#899288;font-size:10px;font-weight:800}.icon-button{color:#627064;background:#fff;border:1px solid #eaeee8;border-radius:9px;width:35px;height:35px;font-size:22px}.icon-button:hover{background:#f3f6f1}.inspector__scroll{flex:1;min-height:0;overflow-y:auto}.inspector__preview{background:#eef0ed;height:230px;overflow:hidden}.inspector__preview>*{width:100%;height:100%}.inspector__preview .artwork__icon{width:82px;height:82px}.inspector__content{padding:28px 28px 24px}.field-label{color:#7c867c;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.name-input{color:#253025;letter-spacing:-.03em;background:#fff;border:1px solid #dfe5dc;border-radius:9px;width:100%;padding:12px;font-size:19px;font-weight:650}.inspector__section{letter-spacing:-.02em;margin:30px 0 14px;font-size:14px;font-weight:720}.meta-list{margin:0;font-size:12px}.meta-list>div{border-bottom:1px solid #eef0ed;justify-content:space-between;gap:16px;padding:12px 0;display:flex}.meta-list dt{color:#919a91}.meta-list dd{color:#465348;text-align:right;overflow-wrap:anywhere;min-width:0;margin:0}.meta-list dd.reference{color:#69886e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.workflow-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.workflow-head .inspector__section{margin:32px 0 18px}.step-list{justify-content:space-between;gap:7px;margin:0;padding:0;list-style:none;display:flex}.step-list__item{text-align:center;color:#a2a9a1;flex:1;justify-items:center;gap:9px;min-width:0;font-size:10px;display:grid}.step-list__dot{background:#f8faf7;border:1px solid #e4e8e1;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.step-list__item--complete{color:#46754c}.step-list__item--complete .step-list__dot{color:#3b7144;background:#dcebd7;border-color:#dcebd7}.inspector__note{color:#939990;margin:25px 0 0;font-size:11px;line-height:1.65}.inspector__footer{padding:18px 26px max(22px, env(safe-area-inset-bottom));background:#fff;border-top:1px solid #eceee9;flex-shrink:0}.back-button{color:#7c877c;background:0 0;border:0;width:100%;margin-top:12px;padding:8px;font-size:12px;display:block}.back-button:hover{color:#2e4d35}.published-note{color:#48714b;background:#eaf2e8;border-radius:9px;margin:0;padding:14px 15px;font-size:12px;line-height:1.5}@media (width<=720px){.topbar{height:65px;padding:0 20px}.brand__mark{width:34px;height:34px;font-size:24px}.brand__name{font-size:16px}.page{padding:0 17px 45px}.hero{padding:42px 3px 39px}.hero h1{margin-top:13px;font-size:clamp(36px,9vw,50px)}.hero p{max-width:280px;font-size:14px}.library{border-radius:16px;padding:20px 15px 24px}.library__heading h2{font-size:22px}.library__heading p{font-size:12px}.button{padding:11px 12px;font-size:12px}.project-switcher{gap:8px;margin-top:23px}.project-tab{gap:8px;padding:10px 9px}.project-tab__symbol{width:34px;height:34px;font-size:15px}.project-tab__text strong{font-size:12px}.project-tab__text small{font-size:10px}.asset-section-heading{margin-top:30px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding-top:15px}.asset-card__visual{height:clamp(115px,32vw,180px)}.asset-card__body{padding:12px 9px}.asset-card__name{font-size:12px}.asset-card__row{flex-direction:column;align-items:flex-start;gap:7px;margin-top:8px}.artwork__icon{width:56px;height:56px}.artwork__example,.artwork__format{font-size:8px;bottom:9px}.artwork__format{left:9px}.artwork__example{right:9px}.inspector__header{height:60px;padding:0 20px}.inspector__preview{height:210px}.inspector__content{padding:22px 20px}.inspector__footer{padding:14px 20px max(18px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.asset-card{transition:none}}.brand--button{text-align:left;background:0 0;border:0;padding:0}.topbar__actions{align-items:center;gap:19px;display:flex}.settings-trigger{color:#4d6150;background:#fff;border:1px solid #e6eae4;border-radius:10px;place-items:center;width:37px;height:37px;font-size:21px;display:grid}.settings-trigger:hover{background:#f2f6f0}.connection-banner{text-align:left;color:#3e503f;background:#faf9f4;border:1px solid #e6e8dd;border-radius:11px;align-items:center;gap:12px;width:100%;margin-top:25px;padding:14px 16px;display:flex}.connection-banner:hover{background:#f3f5ed;border-color:#c7d1be}.connection-banner__icon{background:#e9ede3;border-radius:9px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:21px;display:grid}.connection-banner>span:nth-child(2){flex:1;gap:5px;display:grid}.connection-banner strong{font-size:12px;font-weight:710}.connection-banner small{color:#788477;font-size:11px}.connection-banner__arrow{color:#869783;font-size:18px;font-weight:500}.connection-banner+.project-switcher{margin-top:20px}.asset-card__row{flex-wrap:wrap}.stage--prepared{color:#567a4c;background:#e9f2e5}.inspector__title{letter-spacing:-.035em;margin:0 0 20px;font-size:21px;font-weight:700}.lifecycle{display:block}.lifecycle__steps{gap:17px;margin:0;padding:0;list-style:none;display:grid}.lifecycle__steps>li{align-items:flex-start;gap:12px;display:flex;position:relative}.lifecycle__number{color:#527853;background:#e5eee0;border-radius:9px;flex:0 0 29px;place-items:center;width:29px;height:29px;font-size:12px;font-weight:750;display:grid}.lifecycle__steps strong{margin-top:2px;font-size:13px;line-height:1.35;display:block}.lifecycle__steps p{color:#69746a;margin:4px 0;font-size:11px;line-height:1.65}.lifecycle__state{color:#829083;font-size:10px;line-height:1.45;display:block}.demo-stage{background:#fafbf8;border:1px solid #e6eae2;border-radius:12px;margin-top:32px;padding:16px}.demo-stage .inspector__section{margin:0}.demo-stage .workflow-head{flex-wrap:wrap;align-items:center}.demo-stage__steps{gap:6px;margin:19px 0 14px;display:flex}.demo-stage__step{text-align:center;color:#8b958a;background:#fff;border:1px solid #e9ede7;border-radius:7px;flex:1;min-width:0;padding:8px 6px;font-size:10px;line-height:1.35}.demo-stage__step--done{color:#507753;background:#eaf2e7;border-color:#d6e6d1}.demo-stage>p{color:#68756a;margin:0;font-size:11px;line-height:1.7}.delivery-preview{background:#f2f4f0;border:1px dashed #ccd5c9;border-radius:12px;gap:10px;margin-top:20px;padding:17px;display:grid}.delivery-preview--active{background:#eff5ec;border:1px solid #b8d0b2}.delivery-preview__eyebrow{color:#68826b;letter-spacing:.13em;font-size:9px;font-weight:850}.delivery-preview strong{font-size:13px}.delivery-preview code{overflow-wrap:anywhere;color:#33573d;background:#fff;border-radius:8px;padding:10px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.delivery-preview p{color:#718074;margin:0;font-size:11px;line-height:1.65}.settings-page{width:min(100%,740px);margin:0 auto;padding:37px 24px 82px}.settings-back{color:#5b745f;background:0 0;border:0;margin:0 0 38px;padding:8px 0;font-size:13px;display:block}.settings-back:hover{color:#263a30}.settings-page h1{letter-spacing:-.06em;margin:12px 0 13px;font-size:clamp(39px,7vw,56px);font-weight:670;line-height:1.04}.settings-page__lead{color:#768176;max-width:560px;margin:0 0 28px;font-size:14px;line-height:1.7}.settings-card{background:#fff;border:1px solid #e5e9e2;border-radius:16px;margin-top:16px;padding:26px}.settings-card__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-card h2{letter-spacing:-.03em;margin:0 0 4px;font-size:18px;font-weight:720}.settings-card__top p{color:#8b958c;margin:0;font-size:12px}.connection-status{color:#8a6b39;background:#f4eede;border-radius:6px;flex-shrink:0;padding:7px 9px;font-size:10px;font-weight:680}.settings-facts{margin:24px 0 12px}.settings-facts>div{border-top:1px solid #eff1ec;justify-content:space-between;align-items:flex-start;gap:16px;padding:15px 0;font-size:12px;display:flex}.settings-facts dt{color:#7d897f}.settings-facts dd{text-align:right;overflow-wrap:anywhere;max-width:65%;margin:0;font-weight:690}.settings-facts dd small{color:#949d94;margin-top:6px;font-size:10px;font-weight:440;line-height:1.35;display:block}.settings-link{color:#fff;background:#263a30;border-radius:9px;justify-content:space-between;align-items:center;gap:32px;margin-top:13px;padding:12px 17px;font-size:12px;font-weight:720;text-decoration:none;display:inline-flex}.settings-link:hover{background:#355442}.settings-link--quiet{color:#4a7250;background:#edf3e9}.settings-link--quiet:hover{background:#e4eddf}.settings-card__copy{color:#707d71;margin:21px 0 4px;font-size:12px;line-height:1.7}.settings-card--muted{background:#fdfdfa}.settings-checklist{counter-reset:guide;gap:20px;margin:22px 0;padding:0;list-style:none;display:grid}.settings-checklist li{counter-increment:guide;grid-template-columns:24px 1fr;column-gap:11px;display:grid}.settings-checklist li:before{content:counter(guide);color:#587c59;background:#e7eee2;border-radius:7px;grid-row:span 2;place-items:center;width:24px;height:24px;font-size:11px;font-weight:800;display:grid}.settings-checklist strong{font-size:13px}.settings-checklist span{color:#788578;margin-top:4px;font-size:11px;line-height:1.65}.settings-card__fineprint{color:#929b91;margin:0;font-size:10px;line-height:1.6}@media (width<=720px){.topbar__actions{gap:10px}.demo-indicator{font-size:9px}.settings-trigger{width:33px;height:33px;font-size:20px}.connection-banner{margin-top:21px;padding:11px}.connection-banner strong{font-size:11px}.connection-banner small{font-size:10px;line-height:1.5}.connection-banner__icon{width:30px;height:30px}.inspector__title{font-size:19px}.settings-page{padding:30px 17px 55px}.settings-back{margin-bottom:27px}.settings-card{padding:19px 17px}.settings-card__top{flex-wrap:wrap}.settings-facts dd{max-width:60%}.settings-link{width:100%}}.drive-flow{color:#537559;background:#f5f8f2;border:1px solid #e5ede1;border-radius:10px;flex-wrap:wrap;align-items:center;gap:7px;margin:17px 0 0;padding:11px 14px;font-size:11px;font-weight:650;display:flex}.drive-flow span:nth-child(2n){color:#abb8a7;font-weight:400}.stage--source{color:#738174;background:#f0f1ed}.stage--optimized{color:#507952;background:#e7f0e4}.stage--exported{color:#536da0;background:#eaf0fa}.optimization-choice{background:#f7faf5;border:1px solid #e0eadd;border-radius:11px;margin-top:26px;padding:14px 15px}.optimization-choice select{color:#344a35;background:#fff;border:1px solid #cbddc8;border-radius:8px;width:100%;margin:8px 0 0;padding:11px 13px;font-size:13px;display:block}.optimization-choice p{color:#718273;margin:12px 0 0;font-size:11px;line-height:1.65}.delivery-preview p strong{font-size:inherit}.settings-card__fineprint{margin-top:14px}@media (width<=720px){.drive-flow{gap:5px;padding:10px;font-size:10px}}