@font-face{font-family:Archivo;src:url(./Archivo-DuIT1y7V.ttf)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{--bg:#e9ebdf;--ink:#1b3026;--muted:#687568;--line:#c4ccbb;--accent:#d6fb54;--surface:#f2f2e9;--mock:#202621;--mock-ink:#c6d1be;margin:0;background:var(--bg);color:var(--ink);font-family:Archivo,Microsoft YaHei,sans-serif}body.acid{--bg:#eeebf6;--ink:#292054;--muted:#706681;--line:#c7bbd8;--surface:#f8f6ff;--accent:#d3ff38;--mock:#eeebf6;--mock-ink:#292054}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #9176b4;outline-offset:5px}button:disabled{cursor:wait}img{max-width:100%}.skip{position:fixed;left:20px;top:-70px;z-index:20;padding:12px;background:var(--accent)}.skip:focus-visible{top:10px}.site-nav{margin:0 4.3%;padding:25px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px;font-weight:650;font-size:17px}.brand img{width:42px;height:42px;background:#23392e;padding:3px;border-radius:8px}.brand small{font-size:10px;color:var(--muted);display:block;margin-top:5px;letter-spacing:1.4px}.site-nav nav{display:flex;align-items:center;gap:32px;font-size:13px}.site-nav button{border:1px solid var(--ink);background:none;padding:12px 17px;border-radius:0}.site-nav button span{margin-left:14px;color:var(--muted);font-size:11px}main{max-width:1600px;margin:auto;padding:0 4.3%}.intro{padding:68px 0 50px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted)}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:#6d8a42}.intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-top:24px}h1{font-size:clamp(50px,6.9vw,105px);line-height:1.12;letter-spacing:-5px;margin:0;font-weight:760}h1 em{font-style:normal;color:#718464}body.acid h1 em{color:#8d6eaa}.intro-side{padding-bottom:8px;max-width:360px}.intro-side p{line-height:1.9;font-size:17px;margin:0 0 24px}.primary{display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--bg);padding:17px 20px;font-size:14px}.primary span{font-size:21px}.intro-side small{display:block;margin-top:12px;font-size:10px;color:var(--muted)}.workspace-section{scroll-margin-top:24px}.chapter-nav{display:flex;border-top:1px solid var(--ink);padding:15px 0;gap:8px;align-items:center}.chapter-nav button{border:0;background:none;padding:12px 20px;color:var(--muted);font-size:10px;display:flex;gap:12px;align-items:center}.chapter-nav button span{font-size:14px}.chapter-nav button[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chapter-nav #reset{margin-left:auto;font-size:24px;padding:8px 12px}.mock-desktop{background:var(--mock);color:var(--mock-ink);border:1px solid #414f41;border-radius:9px;overflow:hidden;box-shadow:0 26px 55px #23352915}.mock-title{height:42px;background:#303c31;display:flex;align-items:center;gap:22px;padding:0 18px;font-size:11px;color:#c2cdb7}.window-dots{font-size:8px;letter-spacing:4px;color:#798775}.mock-title i{font-style:normal;color:#819079;font-size:9px}.mock-label{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#9aab8b}.mock-main{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:570px}.composition{min-width:0;display:flex;flex-direction:column}.composition>header{height:36px;border-bottom:1px solid #465042;display:flex;justify-content:space-between;padding:12px 18px;font-size:10px;color:#8b9b83}.art-stage{position:relative;min-height:400px;flex:1;display:grid;place-items:center;background:#19251e;overflow:hidden}.art-type{position:absolute;left:9%;top:16%;font-size:clamp(40px,6vw,92px);line-height:.88;letter-spacing:-5px;font-weight:820;color:#a2b58a;opacity:.19}.art-type span{display:block;font-size:8px;letter-spacing:3px;margin-top:23px}.image-wrap{position:relative;width:280px;aspect-ratio:1;z-index:1;margin-left:80px}.image-wrap img{width:100%;height:100%;object-fit:contain;display:block}.selection{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid #b5d48d;pointer-events:none}.selection:before,.selection:after{content:"";position:absolute;width:6px;height:6px;background:#d7e5c8;border:1px solid #819a71}.selection:before{top:-4px;left:-4px;box-shadow:278px 0 #d7e5c8,0 278px #d7e5c8}.selection:after{bottom:-4px;right:-4px}.composition-note{position:absolute;bottom:44px;left:24px;font-size:9px;color:#84937b}.processing{position:absolute;bottom:17px;left:24px;right:14px;font-size:10px;color:#b9cba4}.sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-top:2px solid var(--accent);opacity:0;pointer-events:none}.image-wrap.busy .sweep{animation:sweep .65s ease-in-out infinite}.image-wrap.completed{animation:land .45s ease-out}.timeline{height:115px;border-top:1px solid #485440;background:#293127;padding:0 13px 12px}.timeline>header{display:flex;align-items:center;gap:18px;height:28px;border-bottom:1px solid #485440;font-size:9px;color:#afbc9d}.timeline>header span:last-child{margin-left:auto;color:#8a9f76}.layer-stack{position:relative;padding-top:6px}.layer{height:27px;display:grid;grid-template-columns:18px 18px 160px 1fr;align-items:center;gap:5px;border-bottom:1px solid #45523c;font-size:9px;transition:height .45s ease,opacity .35s,transform .45s;overflow:hidden}.layer>b{font-weight:400;white-space:nowrap}.layer i{height:14px;background:#728c48;margin-right:20px;border:1px solid #a3b77d}.source-layer i{background:#537e83;border-color:#8eabab}.result-layer{height:0;opacity:0}.layer-stack[data-mode=insert-above] .result-layer,.layer-stack[data-mode=precompose] .result-layer{height:27px;opacity:1}.layer-stack.folded .source-layer{height:0;opacity:0}.group-outline{position:absolute;top:3px;right:-4px;bottom:-4px;left:-4px;border:1px solid #d8ac5c;opacity:0;pointer-events:none;transition:opacity .3s}.layer-stack[data-mode=precompose] .group-outline{opacity:1}.panel-shell{border-left:3px solid #101b13;min-width:0;background:#202020}.panel-title{height:30px;display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:0 12px;background:#292d29;color:#a8b39f}.panel-shell iframe{display:block;width:100%;height:540px;border:0;background:#202020}.mock-footer{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:9px;padding:0 17px;border-top:1px solid #45503c}.mock-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#a6c575;margin-right:6px}.mock-footer button{background:none;border:0;color:inherit;font-size:10px}.demo-caption{padding:30px 0 48px;display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid var(--line);align-items:start}.demo-caption span{font-size:9px;letter-spacing:1.6px;color:var(--muted)}h2{margin:12px 0 0;font-size:30px;line-height:1.45;font-weight:600;letter-spacing:-1px}.demo-caption p{font-size:13px;line-height:1.95;color:var(--muted);margin:17px 0 0}.principles{padding:75px 0;display:grid;grid-template-columns:1fr 1fr;gap:10%}.principles>div>span{font-size:12px;color:var(--muted)}.principles h2{font-size:39px;line-height:1.5;margin-top:20px}.principle-list p{display:grid;grid-template-columns:95px 1fr;gap:15px;font-size:12px;line-height:1.8;margin:0;padding:18px 0;border-bottom:1px solid var(--line)}.principle-list b{font-weight:600}.principle-list span{color:var(--muted)}.closing{display:flex;align-items:center;gap:25px;background:var(--ink);color:var(--bg);padding:38px;margin-bottom:40px}.closing img{width:70px;height:70px}.closing span{font-size:10px;letter-spacing:2px;color:#9eaf8b}.closing h2{margin:7px 0;font-size:28px}.closing a{margin-left:auto;border-bottom:1px solid #879a76;padding:10px 0;font-size:12px}.site-footer{margin:0 4.3%;padding:20px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px}.site-footer .muted{color:var(--muted)}.site-footer small{width:100%;color:var(--muted);font-size:9px}dialog{width:min(1300px,96vw);height:94vh;padding:48px 0 0;border:1px solid #627454;background:#17251d;color:#e7ecdf}dialog::backdrop{background:#101c14dd}dialog iframe{width:100%;height:100%;border:0}.close-dialog{position:absolute;right:14px;top:10px;border:1px solid #768469;background:none;padding:7px 14px;font-size:12px}.acid .mock-title{background:#d3ff38;color:#292054}.acid .mock-title i,.acid .mock-label,.acid .window-dots{color:#625581}@keyframes sweep{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes land{0%{transform:scale(.96)}65%{transform:scale(1.025)}to{transform:scale(1)}}@media(min-width:1500px){.mock-main{grid-template-columns:1fr 420px}.image-wrap{width:330px}.selection:before{box-shadow:328px 0 #d7e5c8,0 328px #d7e5c8}.art-stage{min-height:440px}.panel-shell iframe{height:580px}}@media(max-width:1000px){.mock-main{grid-template-columns:minmax(0,1fr) 340px}.image-wrap{width:230px;margin-left:15px}.selection:before{box-shadow:228px 0 #d7e5c8,0 228px #d7e5c8}.art-type{left:5%;font-size:55px}.intro-grid{gap:25px}h1{letter-spacing:-3px}.intro-side p{font-size:14px}}@media(max-width:720px){.site-nav{padding:18px 0}.brand{font-size:13px;gap:8px}.brand img{width:33px;height:33px}.brand small{font-size:8px}.site-nav nav{gap:12px}.site-nav nav>a{display:none}.site-nav button{font-size:11px;padding:10px}.intro{padding:40px 0 25px}.intro-grid{grid-template-columns:1fr;gap:25px}h1{font-size:58px;letter-spacing:-3px}.intro-side{max-width:none}.intro-side p{font-size:14px;line-height:1.8;margin-bottom:15px}.intro-side p br:first-child{display:none}.primary{max-width:330px}.eyebrow{font-size:8px;letter-spacing:1.4px}.chapter-nav{gap:1px;justify-content:space-between}.chapter-nav button{padding:10px 8px;gap:5px;font-size:8px;flex-direction:column}.chapter-nav button span{font-size:10px}.chapter-nav #reset{margin-left:0;font-size:20px}.mock-main{grid-template-columns:1fr}.composition>header{font-size:9px}.art-stage{min-height:290px}.image-wrap{width:210px;margin-left:40px}.selection:before{box-shadow:208px 0 #d7e5c8,0 208px #d7e5c8}.art-type{font-size:68px;top:15%;left:9%}.timeline{height:110px}.panel-shell{border-left:0;border-top:3px solid #101b13}.panel-shell iframe{height:460px}.mock-title{padding:0 10px;gap:12px;font-size:9px}.mock-label{font-size:6px;letter-spacing:.5px}.mock-footer{height:auto;min-height:35px;padding:10px;font-size:8px;gap:8px}.demo-caption{grid-template-columns:1fr;gap:3px;padding-bottom:25px}.demo-caption h2{font-size:25px}.demo-caption p{font-size:12px}.principles{grid-template-columns:1fr;gap:25px;padding:40px 0}.principles h2{font-size:32px}.closing{padding:22px;gap:15px;flex-wrap:wrap}.closing img{width:45px;height:45px}.closing h2{font-size:23px}.closing a{margin:5px 0 0 60px}.site-footer{font-size:9px}.site-footer small{line-height:1.8}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body,body.acid{--bg:#15221c;--ink:#e3ead8;--muted:#93a18a;--line:#354437;--accent:#c7e69a;--surface:#203026;--mock:#202621;--mock-ink:#c6d1be;background:var(--bg);color:var(--ink)}.site-nav{border-color:#334235}.brand img{background:none}.site-nav nav>a{color:#bdccb0}.site-nav button{border-color:#607353}.intro{min-height:calc(100svh - 100px);display:flex;flex-direction:column;justify-content:center;padding-bottom:100px;position:relative}.intro:after{content:"";position:absolute;left:0;bottom:48px;width:1px;height:48px;background:#8fa47a;transform-origin:top;animation:scroll-line 2s ease-in-out infinite}.intro-grid{grid-template-columns:1.5fr 1fr}h1{font-size:clamp(60px,8vw,125px)}h1 em,body.acid h1 em{color:#9fba88}.primary{background:transparent;color:#dbe9ce;border-bottom:1px solid #718562;padding:18px 0;max-width:330px}.intro-side small{margin-top:22px;letter-spacing:1.5px;font-size:9px}.scroll-story{height:620svh;position:relative;margin:0 -4.7%}.sticky-scene{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:120px 4.3% 70px;perspective:1600px}.scene-guide{position:absolute;left:4.3%;right:4.3%;top:25px;display:flex;justify-content:space-between;align-items:center;z-index:4}.scene-guide>div{max-width:650px}.scene-guide span{font-size:10px;color:#8fa77e;letter-spacing:2px}.scene-guide h2{font-size:clamp(25px,3vw,38px);margin:8px 0 7px}.scene-guide p{font-size:12px;color:#9fae94;margin:0;line-height:1.8}.scene-guide button{border:1px solid #607353;padding:10px 15px;background:#1b2b21;color:#dce8ce;font-size:11px}.scene-guide button[aria-pressed=true]{background:#c7daa4;color:#18281c}.chapter-nav,.demo-caption{display:none}.mock-desktop{width:100%;max-width:1300px;margin:30px auto 0;flex:none;transform-origin:50% 70%;will-change:transform,opacity;box-shadow:0 25px 60px #0003;border-color:#4c5e45}.mock-main{min-height:0;grid-template-columns:minmax(0,1fr) 350px}.panel-shell iframe{height:460px}.art-stage{min-height:310px}.image-wrap{width:250px}.selection:before{box-shadow:248px 0 #d7e5c8,0 248px #d7e5c8}.mock-title{height:34px}.panel-title{height:27px}.composition>header{height:30px}.timeline{height:110px}.mock-footer{height:29px;font-size:8px}.guide-callout{position:absolute;right:33%;top:49%;z-index:5;width:220px;border:1px solid #a2bc80;background:#1c3027f2;padding:16px 18px;transform:translateY(-50%);pointer-events:none;box-shadow:0 10px 30px #0003;transition:left .45s,top .45s,opacity .25s}.guide-callout:after{content:"";position:absolute;width:40px;height:1px;background:#a2bc80;right:-40px;top:50%}.guide-callout span{display:block;font-size:9px;letter-spacing:2px;color:#91b179;margin-bottom:9px}.guide-callout b{font-size:13px;line-height:1.8;font-weight:500;color:#e2ecd8}.story-progress{position:absolute;bottom:28px;left:4.3%;right:4.3%;height:1px;background:#3a4c36}.story-progress i{display:block;height:2px;background:#b5d28e;width:var(--progress,0%)}.scroll-reminder{position:absolute;right:4.3%;bottom:40px;font-size:9px;color:#839576;letter-spacing:1px}.panel-shell iframe{pointer-events:none}.interactive .panel-shell iframe{pointer-events:auto}.interactive .guide-callout{opacity:0!important}.mock-desktop[data-focus=tools] .panel-title,.mock-desktop[data-focus=modes] .timeline>header,.mock-desktop[data-focus=gallery] .panel-title,.mock-desktop[data-focus=settings] .panel-title{color:#dfedca;background:#415039}.closing{background:none;border-top:1px solid #46593c;border-bottom:1px solid #46593c;min-height:50vh;padding-left:0;padding-right:0;color:#e3ead8;margin-top:50px}.closing h2{font-size:40px}.site-footer{border-color:#354437}.acid .mock-title{background:#303c31;color:#c2cdb7}.acid .mock-title i,.acid .mock-label,.acid .window-dots{color:#9aab8b}.processing{color:#b9cba4}.site-nav,.intro,.closing,.site-footer{position:relative}.intro .eyebrow{color:#8ea47a}@keyframes scroll-line{0%,to{transform:scaleY(.5);opacity:.35}50%{transform:scaleY(1);opacity:1}}@media(max-height:850px)and (min-width:721px){.sticky-scene{padding-top:140px;padding-bottom:45px;min-height:650px}.mock-desktop{max-width:1050px;margin-top:25px}.mock-main{grid-template-columns:1fr 330px}.panel-shell iframe{height:390px}.art-stage{min-height:260px}.timeline{height:90px}.image-wrap{width:210px}.selection:before{box-shadow:208px 0 #d7e5c8,0 208px #d7e5c8}.art-type{font-size:60px}}@media(max-width:720px){.intro{min-height:calc(100svh - 80px);padding:55px 0 90px}.intro-grid{grid-template-columns:1fr}.intro h1{font-size:61px}.intro-side{max-width:330px}.scroll-story{height:600svh}.sticky-scene{padding:150px 4.3% 55px;min-height:0}.scene-guide{top:20px;align-items:flex-start;gap:8px}.scene-guide h2{font-size:24px}.scene-guide p{font-size:11px;max-width:245px}.scene-guide button{font-size:9px;padding:8px;white-space:nowrap;margin-top:5px}.mock-desktop{margin-top:5px}.mock-main{grid-template-columns:minmax(0,1fr) 53%}.composition>header{height:25px;padding:7px;font-size:6px}.composition>header>span:last-child{display:none}.panel-shell{border-top:0;border-left:1px solid #40523a}.panel-title{height:25px;font-size:7px;padding:0 6px}.panel-shell iframe{width:340px;height:650px;transform:scale(var(--panel-scale,.47));transform-origin:top left;margin-right:-180px;margin-bottom:calc(-650px * (1 - var(--panel-scale,.47)))}.panel-shell{height:calc(25px + 650px * var(--panel-scale,.47));overflow:hidden}.art-stage{min-height:220px}.art-type{font-size:32px;letter-spacing:-2px;left:7%;top:15%}.art-type span{font-size:4px;letter-spacing:1px}.image-wrap{width:110px;margin:0 0 0 5px}.selection:before{box-shadow:108px 0 #d7e5c8,0 108px #d7e5c8}.selection:before,.selection:after{width:4px;height:4px}.composition-note{font-size:6px;bottom:30px;left:7px}.processing{left:7px;font-size:6px;bottom:10px;right:5px}.timeline{height:80px;padding:0 5px 6px}.timeline>header{font-size:6px;gap:6px}.timeline>header>span:last-child{display:none}.layer{font-size:5px;grid-template-columns:8px 8px 58px 1fr;gap:2px;height:20px}.layer-stack[data-mode=insert-above] .result-layer,.layer-stack[data-mode=precompose] .result-layer{height:20px}.layer i{height:10px;margin-right:2px}.layer-stack.folded .source-layer{height:0}.mock-title{height:26px;gap:7px;font-size:7px;padding:0 7px}.mock-label{font-size:4px;letter-spacing:0}.window-dots{font-size:5px;letter-spacing:1px}.mock-footer{font-size:6px;height:24px;padding:0 7px}.mock-footer>span:last-child{display:none}.guide-callout{left:8%!important;right:auto;top:auto!important;bottom:75px;width:70%;padding:12px 15px;transform:none;background:#203529}.guide-callout b{font-size:11px}.guide-callout span{font-size:8px;margin-bottom:4px}.guide-callout:after{display:none}.closing{min-height:40vh}.closing h2{font-size:29px}.story-progress{bottom:20px}.scroll-reminder{bottom:32px}}@media(prefers-reduced-motion:reduce){.mock-desktop{will-change:auto}.intro:after{animation:none}.scroll-story{height:420svh}}.principles[hidden]{display:none!important}.scroll-story .panel-shell{opacity:var(--panel-reveal,0);transform:translate(calc(28px * (1 - var(--panel-reveal,0))))}.scroll-story .timeline{opacity:var(--layers-reveal,0);transform:translateY(calc(12px * (1 - var(--layers-reveal,0))))}.hero-flow{height:220px;position:relative;margin-bottom:24px;isolation:isolate}.flow-orbit{position:absolute;top:0;right:0;bottom:0;left:0}.flow-window{position:absolute;width:75px;height:75px;border:1px solid #5f7354;background:#203127;display:grid;place-items:center;font-size:26px;color:#adc58f}.flow-window small{display:block;position:absolute;bottom:8px;font-size:8px;color:#829776;letter-spacing:0;margin:0}.flow-window.one{left:0;top:20px;transform:rotate(-8deg);animation:fade-route 4s both}.flow-window.two{right:0;top:5px;transform:rotate(7deg);animation:fade-route 4s .16s both}.flow-window.three{right:30px;bottom:0;transform:rotate(-3deg);animation:fade-route 4s .3s both}.flow-file{position:absolute;width:75px;aspect-ratio:1;left:0;top:20px;padding:3px;background:#bbccc1;border:1px solid #b1c6a4;animation:file-home 3.5s cubic-bezier(.4,0,.2,1) .3s both;z-index:2}.flow-file img{width:100%;height:100%;object-fit:contain}.flow-ae{position:absolute;top:18px;right:40px;bottom:20px;left:40px;display:flex;align-items:center;justify-content:center;gap:15px;animation:ae-arrive .85s cubic-bezier(.2,.8,.2,1) 2.7s both}.flow-ae>span{font-size:58px;color:#b4a6dc;font-weight:650;letter-spacing:-4px}.flow-ae>img{width:70px;height:70px;border-left:1px solid #516445;padding-left:16px}.flow-ae b{position:absolute;bottom:7px;font-size:15px;font-weight:400;letter-spacing:3px;color:#b9cbaa}.flow-line{position:absolute;bottom:-8px;height:1px;background:#647a54;left:0;right:0;transform-origin:left;animation:draw-line 1s ease 3.2s both}.intro h1{animation:hero-type .9s cubic-bezier(.2,.8,.2,1) .15s both}.intro .eyebrow{animation:hero-type .6s ease both}.intro-side p,.intro .primary{animation:hero-type .9s ease 3s both}.story-tabs{position:absolute;left:4.3%;top:150px;z-index:6;display:flex;gap:5px;border-bottom:1px solid #43553b;padding-bottom:9px;width:91.4%}.story-tabs button{border:1px solid transparent;background:none;color:#91a684;padding:10px 18px;font-size:11px}.story-tabs button[aria-selected=true]{border-color:#8da770;background:#293c2a;color:#e3efd5}.story-tabs button:hover{color:#e3efd5;background:#223324}.sticky-scene{padding-top:195px}.mock-desktop{margin-top:25px}@keyframes fade-route{0%,65%{opacity:1}to{opacity:0;transform:scale(.8)}}@keyframes file-home{0%{transform:translate(0) rotate(-8deg);opacity:0}10%{opacity:1}32%{transform:translate(215px,-15px) rotate(7deg)}60%{transform:translate(190px,115px) rotate(-3deg);opacity:1}to{transform:translate(110px,60px) scale(.3);opacity:0}}@keyframes ae-arrive{0%{opacity:0;transform:scale(.65) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes draw-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes hero-type{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-height:850px)and (min-width:721px){.story-tabs{top:130px}.sticky-scene{padding-top:180px}.mock-desktop{margin-top:10px}.scene-guide h2{font-size:30px}.hero-flow{height:170px}.intro h1{font-size:90px}}@media(max-width:720px){.hero-flow{height:130px;position:absolute;right:0;top:30px;width:150px;opacity:.6;pointer-events:none}.flow-window{width:42px;height:42px;font-size:15px}.flow-window small{font-size:5px;bottom:4px}.flow-file{width:40px}.flow-ae{top:20px;right:0;bottom:20px;left:0;gap:8px}.flow-ae>span{font-size:33px;letter-spacing:-2px}.flow-ae>img{width:44px;height:44px;padding-left:9px}.flow-ae b{font-size:9px;letter-spacing:1px}.intro .eyebrow{max-width:190px;line-height:2}.intro h1{margin-top:100px;font-size:58px}.intro-side p{animation-delay:.5s}.intro .primary{animation-delay:.7s}.flow-file{animation-name:file-home-mobile}.story-tabs{top:135px;gap:0;justify-content:space-between;padding-bottom:6px}.story-tabs button{font-size:9px;padding:9px 8px}.sticky-scene{padding-top:195px}.scene-guide h2{font-size:23px}.scene-guide p{max-width:235px}.mock-desktop{margin-top:10px}}@keyframes file-home-mobile{0%{transform:translate(0);opacity:0}10%{opacity:1}35%{transform:translate(100px)}65%{transform:translate(80px,60px);opacity:1}to{transform:translate(60px,30px) scale(.3);opacity:0}}@media(prefers-reduced-motion:reduce){.flow-window,.flow-file{display:none}.flow-ae,.intro h1,.intro-side p,.intro .primary{opacity:1;transform:none}.flow-line{transform:none}}.scroll-story .panel-shell,.scroll-story .timeline{transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.mock-desktop{max-width:1120px}.mock-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.image-wrap{margin-left:0}.art-type{left:7%;font-size:65px}.guide-callout{right:51%;width:205px;top:48%}.panel-shell iframe{width:100%;transform:none;margin:0;height:460px}.scene-guide{max-width:1120px;left:50%;right:auto;width:91.4%;transform:translate(-50%)}.story-tabs{max-width:1120px;left:50%;width:91.4%;transform:translate(-50%)}@media(max-height:850px)and (min-width:721px){.mock-desktop{max-width:1000px}.mock-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-shell iframe{height:390px}.art-type{font-size:53px}}@media(max-width:720px){.mock-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-shell iframe{width:340px;height:650px;transform:scale(var(--panel-scale,.47));margin-right:-180px;margin-bottom:calc(-650px * (1 - var(--panel-scale,.47)))}.art-type{font-size:29px}.image-wrap{margin-left:0;width:108px}.selection:before{box-shadow:106px 0 #d7e5c8,0 106px #d7e5c8}.guide-callout{width:75%}}@media(min-width:721px){.guide-callout{top:235px;right:max(4.3%,calc(50% - 560px));width:280px;padding:10px 15px}.guide-callout span{margin-bottom:4px}.guide-callout:after{display:none}}@media(max-height:850px)and (min-width:721px){.guide-callout{top:auto;bottom:45px;transform:none;width:auto;padding:5px 12px;background:#192c22}.guide-callout span{display:inline;margin-right:12px}.guide-callout b{font-size:10px}}.panel-shell iframe{pointer-events:auto!important}.guide-callout.dismissed{opacity:0!important;visibility:hidden}.guide-callout{pointer-events:none}body.acid{--bg:#eeebf6;--ink:#292054;--muted:#706681;--line:#c7bbd8;--mock:#eeebf6;--mock-ink:#292054;background:var(--bg);color:var(--ink)}body.acid .site-nav,body.acid .scene-guide h2,body.acid .scene-guide p,body.acid .story-tabs button,body.acid .site-footer{color:var(--ink)}body.acid .art-stage{background:#ded8eb}body.acid .mock-title,body.acid .panel-title{background:#d4ff38;color:#292054}.frame-export-card{position:absolute;z-index:6;right:20px;bottom:45px;width:190px;padding:12px;background:#263b2d;border:1px solid #c9dba7;color:#e5efd9;animation:export-card 2.3s both;pointer-events:none}.frame-export-card img{display:block;width:90px;height:90px;object-fit:contain;margin:auto}.frame-export-card b{font-size:10px;display:block;margin-top:8px}.frame-export-card span{font-size:9px;color:#b5c99e}@keyframes export-card{0%{opacity:0;transform:translateY(45px) rotate(-12deg) scale(.6)}25%{opacity:1;transform:translateY(-8px) rotate(3deg) scale(1.07)}40%,82%{opacity:1;transform:none}to{opacity:0;transform:translateY(-15px) scale(.95)}}body.acid .intro h1,body.acid .closing,body.acid .primary,body.acid .site-nav nav>a,body.acid .intro-side p{color:#292054}body.acid .intro h1 em{color:#80659c}body.acid .composition>header,body.acid .timeline,body.acid .mock-footer{background:#e8e2f0;color:#514363;border-color:#baacce}body.acid .processing,body.acid .composition-note,body.acid .timeline>header{color:#514363}body.acid .art-type{color:#80659c}body.acid .story-tabs button[aria-selected=true]{background:#d4ff38;color:#292054;border-color:#aa97c2}body.acid .closing>div>span{color:#75608d}@media(min-width:721px){.sticky-scene{--workspace-height:clamp(350px, calc(100svh - 300px) ,900px);padding:175px 2.5% 55px;justify-content:flex-end}.mock-desktop{max-width:1440px;width:100%;margin:0 auto;flex-shrink:0}.mock-main{height:var(--workspace-height);min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.panel-shell iframe{height:calc(var(--workspace-height) - 27px)}.art-stage{min-height:0}.image-wrap{width:clamp(230px,29svh,410px);margin-left:0}.selection:before{box-shadow:none}.scene-guide{top:17px;max-width:1440px;width:95%}.scene-guide h2{font-size:32px;margin-top:5px}.scene-guide p{font-size:11px}.story-tabs{top:123px;max-width:1440px;width:95%;padding-bottom:6px}.story-tabs button{padding:8px 18px}.guide-callout{top:auto;bottom:16px;right:7%;width:auto;max-width:500px;padding:6px 14px;transform:none;background:#1c3027}.guide-callout span{display:inline;margin-right:12px}.guide-callout b{font-size:10px}.story-progress{left:2.5%;right:2.5%;bottom:8px}.scroll-reminder{display:none}}body{--bg:#1f1f1f;--ink:#e7e7e7;--muted:#a3a3a3;--line:#414141;--accent:#cfcfcf;--surface:#262626;--mock:#242424;--mock-ink:#d1d1d1;background:var(--bg);color:var(--ink);transition:background-color .3s,color .3s}body:not(.acid) h1 em,body:not(.acid) .intro h1 em{color:#969696}body:not(.acid) .eyebrow,body:not(.acid) .intro .eyebrow,body:not(.acid) .intro-side small,body:not(.acid) .scene-guide span,body:not(.acid) .scene-guide p{color:#9c9c9c}body:not(.acid) .mock-title,body:not(.acid) .panel-title{background:#303030;color:#c9c9c9}body:not(.acid) .art-stage{background:#222}body:not(.acid) .composition>header,body:not(.acid) .timeline,body:not(.acid) .timeline>header,body:not(.acid) .mock-footer{background:#282828;border-color:#424242;color:#b3b3b3}body:not(.acid) .mock-desktop,body:not(.acid) .panel-shell{border-color:#484848}body:not(.acid) .art-type{color:#b0b0b0}body:not(.acid) .composition-note,body:not(.acid) .processing{color:#aaa}body:not(.acid) .selection{border-color:#b5b5b5}body:not(.acid) .selection:before,body:not(.acid) .selection:after{background:#ddd;border-color:#999}body:not(.acid) .story-tabs{border-color:#414141}body:not(.acid) .story-tabs button{color:#a0a0a0}body:not(.acid) .story-tabs button[aria-selected=true]{background:#383838;border-color:#8c8c8c;color:#eee}body:not(.acid) .story-tabs button:hover{background:#303030;color:#eee}body:not(.acid) .guide-callout{background:#292929;border-color:#626262}body:not(.acid) .guide-callout b,body:not(.acid) .guide-callout span{color:#d0d0d0}body:not(.acid) .story-progress{background:#414141}body:not(.acid) .story-progress i{background:#bdbdbd}body:not(.acid) .flow-window{background:#292929;border-color:#626262;color:#bbb}body:not(.acid) .flow-window small,body:not(.acid) .flow-ae b{color:#aaa}body:not(.acid) .flow-ae img,body:not(.acid) .flow-line{border-color:#626262}body:not(.acid) .flow-line{background:#626262}body:not(.acid) .scene-guide button{background:#292929;border-color:#626262;color:#ddd}body:not(.acid) .mock-desktop[data-focus] .panel-title{background:#383838;color:#e7e7e7}body:not(.acid) .closing{border-color:#414141;color:#eee}body:not(.acid) .closing span{color:#aaa}body:not(.acid) .primary{border-color:#858585;color:#eee}body:not(.acid) .site-nav nav>a{color:#b5b5b5}.site-nav{padding:22px 0;gap:30px;border-color:var(--line)}.site-nav nav{gap:28px;margin-left:auto;font-size:12px}.site-nav nav>a{position:relative;padding:8px 0}.site-nav nav>a:hover{color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:12px}.site-nav .nav-actions button{font-size:11px;padding:11px 14px;border-color:var(--line);background:transparent;color:var(--ink)}.site-nav #page-theme{display:flex;gap:8px;align-items:center;border-color:transparent}.theme-swatch{font-size:16px}.site-nav #watch{background:var(--ink);color:var(--bg);border-color:var(--ink)}.site-nav #watch span{color:inherit;margin-left:13px}.site-nav .brand{font-size:16px}.site-nav .brand small{color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:50px 0 90px}.section-kicker{font-size:9px;letter-spacing:2px;color:var(--muted)}.faq-section h2{font-size:36px;margin-top:15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;padding:23px 0;display:flex;justify-content:space-between;font-size:13px;cursor:pointer;color:var(--ink)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--muted)}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:1.9;color:var(--muted);margin:0 30px 23px 0}.site-footer{display:block;border-top:1px solid var(--line);padding:48px 0 25px;margin:0 4.3%;color:var(--ink)}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:45px}.footer-brand .brand img{width:43px;height:43px;background:none}.footer-brand .brand{font-size:18px}.footer-brand p{color:var(--muted);font-size:12px;line-height:1.9;margin:22px 0 0}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:11px}.footer-links>span{color:var(--ink);font-weight:600;font-size:12px;margin-bottom:9px}.footer-links a,.footer-links button{color:var(--muted)}.footer-links button{border:0;padding:0;background:none;font:inherit;cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:var(--ink)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:22px;font-size:9px;color:var(--muted)}.site-footer .footer-bottom small{width:auto;font-size:9px;line-height:1.8;color:var(--muted)}.footer-bottom>span:last-child{white-space:nowrap}body.acid .site-nav #watch{background:#d4ff38;color:#292054;border-color:#d4ff38}body.acid .site-nav{border-color:#c7bbd8}@media(max-width:1000px){.site-nav{gap:16px}.site-nav nav{gap:18px}.site-nav #theme-name{display:none}.footer-bottom{flex-wrap:wrap}.footer-bottom>small{order:3;flex-basis:100%}}@media(max-width:720px){.site-nav{flex-wrap:wrap;padding:16px 0;gap:15px}.site-nav .brand{font-size:12px}.site-nav .brand small{font-size:8px}.nav-actions{margin-left:auto;gap:4px}.site-nav .nav-actions button{padding:8px 10px;font-size:10px}.site-nav nav{order:3;width:100%;margin:0;justify-content:space-between;gap:15px}.site-nav nav>a{display:block!important;font-size:11px;padding:5px 0}.site-nav .brand img{width:30px;height:30px}.intro{min-height:calc(100svh - 140px)}.faq-section{grid-template-columns:1fr;gap:25px;padding:35px 0 55px}.faq-section h2{font-size:29px}.faq-list summary{font-size:12px;padding:20px 0}.footer-top{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-brand .brand{font-size:17px}.footer-brand p{font-size:11px}.site-footer{padding-top:32px}.footer-bottom{font-size:8px;gap:15px}.site-footer .footer-bottom small{font-size:8px}.footer-links{font-size:11px}}.scroll-story .timeline{opacity:1!important;transform:none!important;visibility:visible}.scroll-story{height:auto!important;margin-bottom:65px}.sticky-scene{position:relative!important;top:auto;height:auto;min-height:0;padding-top:190px;padding-bottom:70px;overflow:visible;display:block}.mock-desktop{margin:0 auto;opacity:1!important;transform:none!important}.scroll-story .panel-shell{opacity:1!important;transform:none!important}.story-progress,.scroll-reminder,#guide-callout{display:none!important}.tour-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;pointer-events:none}.tour-arrow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;color:var(--ink);pointer-events:none}.tour-arrow>path{stroke:currentColor;stroke-width:1.5;opacity:.8}.tour-card{position:absolute;width:290px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);box-shadow:0 15px 40px #0004;color:var(--ink);pointer-events:auto}.tour-card header{display:flex;justify-content:space-between;align-items:center}.tour-card header span{color:var(--muted);font-size:10px;letter-spacing:2px}.tour-card button{border:1px solid var(--line);background:none;color:var(--ink);padding:7px 10px;font-size:11px}.tour-card #tour-close{border:0;font-size:20px;padding:0 4px}.tour-card h3{font-size:18px;font-weight:550;margin:15px 0 10px}.tour-card p{font-size:12px;line-height:1.95;color:var(--muted);margin:0 0 22px}.tour-card footer{display:flex;justify-content:space-between}.tour-card button:disabled{opacity:.3;cursor:default}.tour-card #tour-next{background:var(--ink);color:var(--bg);border-color:var(--ink)}#tour-spotlight{position:absolute;border:2px solid var(--ink);border-radius:4px;pointer-events:none;box-shadow:0 0 0 4px #ffffff0a}.scene-guide{top:15px}.story-tabs{top:123px}body.acid{--surface:#f8f6ff}@media(max-width:720px){.sticky-scene{padding-top:195px;padding-bottom:290px}.scroll-story{height:auto!important}.tour-card{width:calc(100% - 24px);padding:14px 17px}.tour-card h3{font-size:16px;margin-top:10px}.tour-card p{font-size:11px;margin-bottom:15px}.tour-arrow>path{stroke-width:1.2}.scene-guide p{max-width:230px}}.tour-dim{position:absolute;background:#000000ad;pointer-events:none;z-index:0}.tour-arrow,#tour-spotlight{z-index:1}.tour-card{z-index:2;transition:left .18s ease,top .18s ease}.tour-layer[hidden]{display:none!important}.ae-source-controls{display:flex;align-items:center;gap:8px;min-width:0}.ae-source-controls button{background:none;border:1px solid #626262;padding:4px 8px;color:inherit;font-size:10px;white-space:nowrap}.ae-source-controls button[aria-pressed=true]{background:#515151;color:#fff}.ae-source-controls #source-detection{font-size:9px;color:#aaa}.composition>header{height:40px;flex-shrink:0}.how-to-use .panel-shell{display:none!important}.how-to-use .mock-main{grid-template-columns:minmax(0,1fr)!important}.how-to-use .image-wrap{width:clamp(240px,37svh,470px)}.how-to-use .art-type{font-size:clamp(70px,12vw,150px);opacity:.11}.how-to-use .composition>header{padding:8px 18px}.how-to-use #ae-source-layer{cursor:pointer}.mock-desktop[data-source=composition] .selection{top:-35px;right:-80px;bottom:-35px;left:-80px;border-style:dashed}.mock-desktop[data-source=composition] .source-layer{opacity:.45}.sticky-scene{padding-top:155px!important;padding-bottom:20px!important;min-height:0}.scene-guide h2{font-size:29px}.scene-guide p{font-size:11px}.story-tabs{top:108px}.story-tabs button{padding-top:8px;padding-bottom:8px}.story-progress{display:none}.scroll-story{margin-bottom:35px}@media(max-width:720px){.sticky-scene{padding-top:175px!important;padding-bottom:25px!important}.story-tabs{top:125px;gap:0}.story-tabs button{font-size:8px;padding:8px 4px}.scene-guide h2{font-size:22px}.how-to-use .image-wrap{width:190px}.ae-source-controls{gap:3px;flex-wrap:wrap}.ae-source-controls button{padding:3px;font-size:7px}.ae-source-controls #source-detection{font-size:6px}.composition>header{height:40px;padding:4px}.tour-card{width:min(290px,calc(100vw - 28px));padding:12px 14px}.tour-card h3{font-size:15px}.tour-card p{font-size:10px;line-height:1.8;margin-bottom:12px}.how-to-use .composition>header{padding:6px}.how-to-use .art-stage{min-height:210px}}.ae-composition-tab{border:0;border-bottom:2px solid transparent;background:none;color:inherit;font:inherit;padding:6px 10px;cursor:pointer}.ae-composition-tab[aria-pressed=true]{border-bottom-color:var(--ink);background:#ffffff0b}.source-inspector{display:none;position:absolute;right:25px;top:25px;width:225px;padding:17px 18px;background:#292929;border:1px solid #505050;z-index:3;color:#ddd}.how-to-use .source-inspector{display:block}.source-inspector>span{font-size:10px;color:#999}.source-inspector h3{font-size:16px;font-weight:500;margin:14px 0 8px;overflow-wrap:anywhere}.source-inspector b{font-size:10px;font-weight:400;border:1px solid #626262;padding:3px 6px;display:inline-block}.source-inspector p{font-size:11px;line-height:1.8;color:#aaa;margin:13px 0 0}.how-to-use #ae-source-layer[aria-pressed=true]{background:#474747;outline:1px solid #aaa}.how-to-use .image-wrap{cursor:pointer}.how-to-use .art-stage{cursor:default}body.acid .source-inspector{background:#f8f6ff;border-color:#c7bbd8;color:#292054}body.acid .source-inspector p{color:#706681}@media(max-width:720px){.source-inspector{right:10px;top:10px;width:145px;padding:10px}.source-inspector h3{font-size:11px;margin:8px 0 6px}.source-inspector p{font-size:8px}.source-inspector>span{font-size:8px}.how-to-use .image-wrap{margin-right:80px;width:145px}.ae-composition-tab{font-size:8px}}.tour-dim{display:none!important}.release-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.release-actions .download-link{border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:14px 20px;font:inherit;font-size:14px}.release-actions .download-link span{font-size:11px;color:var(--muted);margin-left:12px}.watch-trigger:disabled,.download-link:disabled{cursor:default;opacity:.6}.mock-desktop{position:relative;isolation:isolate;overflow:hidden}.mock-desktop>.tour-layer{top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit}.mock-desktop .tour-arrow{overflow:hidden}.mock-desktop .tour-card{max-width:calc(100% - 24px);max-height:calc(100% - 24px);overflow:auto;box-sizing:border-box}