@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-vietnamese-wght-normal-XAtsl5Q_.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-ext-wght-normal-C4zznr8T.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./archivo-latin-wght-normal-E0tuGl4L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAn4ABMAAAAAEwQAAAmOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGjQbgnQcLj9IVkFSgQEGYD9TVEFUgQIAgQovahEICok0h0ULIAAwhzoBNgIkAzwEIAWHJgeBDgwHG6QQUdRKTmoBFD8K42bniObKrG3LZFcMWZzFmrjTFhQ6TVTqPJcInrfrvzq3b2PGn1wwMiNYGTy9ViREYARlL1zAGcPdPqBt3gNWrfKthv4xnM+b9caw+wmjgEUVRjHXhS6jgCK6zf5HiWQacJpGdAgdrbV6g/Rf1BfxRqZVQnrxRVWSJb6RLFnyu0elilmjeoSQCKnxsmwLaddUMjnksriSYuuPl06EAl7KfAiWQjCUETz0zNZ3EII94CDQtzkMfZ/9IkkY8tZRZTDky5ZVwBAM+GYpdd4ZVAWYImnLkiTg48l79gGx3D+VBtLeyg8u7bJAd4uo0pFuQBFysE9C95l0W4Fkiao6GfrDbu77lVU7wk9cV3uqOsXmQiMkhVKl1ugjzUAJBSIkkVWHijkpkVSyUFsgVBuJMA0N+ZnXtyUv5yMigGdfQRmwL1AAjQ3YXG6iIFNSUdPQo8+AISPGAltBMDQRAtyf4ZspLlZkpyOVoMZPvFGWzvk8p5SUC/NWPMj6T2/Yas2EdlON5GkfdkeFwVGjta825H89NIenlLWAPAp5h1KDtRhCaAQWMsFKtEvOKpIhgLHlXPARokkgEGEOAkqxJRQpKYq4ezahIiLHP6hZpqMbV0pUF2vdvEimLEQ/iIUYLgYWs0VXGVlLTOPdaPmFfCC/XrtzqVo1ez7vz6+Kd2+7o11ZJ+4MreLbB5BKVGxobAq4jZYalZ5aX2CKJiwUuc9GNJyi4M8bGyKcdjSRrG4JohdF8buJfmQefbYYREnMFsOoiNliFDVxmRgL0XUmUMLqzW0A4gCQAhWGYCQpFNukwXhIkPMsbRI19ewtw8Cp2Wj/Ro5cM2OTAbJAvZ/L4opBXb9+UHscYuOKM/W8isgwN26Exexjizmfnlp9dE3hOSqdZ/F5QqbckIlPb+oKfXxd6hftJ7Sm/uyPYpONza84CRlMNk/uhOrLpyf53982++zRkXNu3g3VF8qFbx1+7fbHZ9DrB3VXWNSmhnT2vrwS1+1Z+kHGBaZIhnnvuLBTNDeA340D1DWu5/jEa9pVfl6+Jij+yo3EELNixXCLjr173Q5eDP7Y7/L4iQFHbjpaJLFoP4cCsYP6sAPL7gMHNg53yYjqxqTDrYqLDl5DzW/eTLjYxCvucprjI3yl2ykKowKUC2Ox2FJLFo6Fa1HBWLC2jMCIIBEmklkYhmkpmBhTm/LCvJAH5oGcMKcgFEP1xUdho8ANPa6RFD99/PN60fjj9eXy2Eex4B5MpmRapXidzFk1p4uLk3+hn6jAP9ovJcXPPwk8o/0ltizbdbnTprvx4PSxT0VZ3Xc772aN7RflgbXRYwc3hLNO+k878nxGwfuVM8m8Gs7WEoVGWLHwSpx4vNSHBCMNqJ4m15Kp/TfHHVkQd++eY7PGN4W5byTs+6Ft8Ozvb/D60btv37de8ER0mS3P/0sLW84qGjEVkwztPzz06eGUWwKLwPb0D/WFd3vltl2aP276KpM0JNz6AfnAnZ5ADlF2zVyZ2OkxHSMxWPMnSZLbbDR3F1UjPVqp4d68da13F1YZujdWw7271iecO2l9+/4p47Oztjck355/75wFOI+VdGDqbNGs+ISgxg3iB2jb2r+b0CWsNLHIM4sdv8SDSFBP/Oromz6FNCWw2iMTxV0R8QLyBTkpe0j5+pSSJOOTB5Mck/gh3IopuNQnhKj02t3FL80gGbEh89SZcwTxcYt5cZT/nMnB3uXfPy8BSpVMBuRx+ZhACGzDBmwHsJRAjhotOnzuj2wDz3ug2wOUAY2NgZln9/TK/enG/oE4rO1wxvGUFMAxsZ0qNjRC7hl9d17e7imbgDt6uJXhUobDg7v3RX/yRCKxgMhfyiKcZfbpk0wmCcdQlIAOHeakXLvCNt++WfKiozNqSZxxJotn+c0a7DdPsx7DPYgKIDxwwYUZDg9aJbxocTjcwovr9WAsVV32mQoiiIOCHc60Oltst9qCQYuCqN1yHo0Kj60OgI2OqmiuBUWrNA0NDhYCDcdpmMrs1fZZ0xdTzMr1HdPtIHstYhqaPDDA5YxUDx7J4fJiisBSDI/L6G/bn34GNy8Q2g044ZTulAdFLb0tI6NNxfj3DzLjWiNGxje1pz7aXOcNV68lDPEd2SXl6VfBuwmHzdf1gxFy1HvA7pD8I2BnnmyGw852Cg5XbgIdEEGE5UCzen5jTlG6JCU5iajlxVcsXvbcS0SAcg1dcesWJLVK8+hYHOYQ+Pjy+EyVGXP0aPTFagrV9E03hCQvYx+g47KGq+1GsLj8uBIyihNw33YUe8PNC4BOJ3Lm1AglLV3nCuvUdIP+v15tVGbWIwgxLVpPkfpthCGpTKG+oA/DQfsKKvxhScqaN6FuElAUtTKv2UYgOmQegsN/n7njHUju8wM4VTcm+Q8xfX9SFwjTzdVqu95UOWSIGOabH8OGBEba//8Yxl3GcPdP/dMBOoSX/0z5SZmBoLbaPs+9asaMpb36yknKaw6FqWZa6A5vDa02mhkOba1q6KtLV208xrkwmW5C4VD6n2fvRjADy2qDYYnNy+H10Fq0LMbNzS863gkO7iQ8eC48/Ny5m59tOcEso3u7Qg3yrqDL6eKXwJAuWnhylfbWrRObe66rzX59+XDtzusnL66dI/86ArmtLlzED860Ef3bFPV78OX/zFTA11fcBn2Vntb7qiGBSgLBHyuv/uEaqqoTgSpOyjlzh86me1Vriv7i9rLPLvtghWmSnblRbAsBJL/4dScSQTBxOivHMO5QvBBY0iheJvfwWLxLOGzYKZyM4zVc2Cll46zEpeUV4MqGEWZj22SdOxhGAjgs9AEnfT+RoiMfcDb0GS5NncKVxju4Nt/mRk13O9Gz3FLct5oCD6wkwUNrCfHIUg6SMf8LwQGyVaBUqpLPW5BaMpRshEpl8nS1qw5dgnzlik8QBXmdy5UrIH74heTKZKMSilQso4hsRiGraQZRzxpNGqlEJMsXuAU7GlcR8mWSykUpVkWGyIf0a8v4qEQp5CtGsMiZa+4ESYQy+WilCiguHzxMXO54ogShooTV2bj2z1zL6DYSoImoQ8lFUWxMLBNQQgLkV2tHYgUoIbkuREz+fJHKxxWBcnvu3KQppFCxLkguB1NyVSp/TknRvNwYlCdbblWu3ze6owHdWluhE5tgQ6ej2SV65CijijoaRfSiH4Nqz1OpfEW+WeI/oU0ly60zkV9YzOQSYtZVEGYmrysTZAJkY4qZtIBD9/LYTIK7Nww3vMiYBwA=)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#f3f0e8;--white:#faf9f5;--ink:#232521;--muted:#73766e;--line:#d8d8cf;--yellow:#f1d745;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Manrope Variable,PingFang SC,Microsoft YaHei,sans-serif;font-weight:450}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid #918317}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.04em;font-weight:600}h1{font-size:clamp(40px,4.9vw,74px);line-height:1.22}h2{font-size:clamp(31px,3.5vw,52px);line-height:1.35}h3{font-size:19px;line-height:1.45}p{line-height:1.8}img{max-width:100%;display:block}svg{vertical-align:middle;flex-shrink:0}label{flex-direction:column;gap:10px;font-size:13px;font-weight:550;display:flex}input,textarea,select{background:var(--white);border:1px solid var(--line);border-radius:0;width:100%;padding:13px 15px;font-size:14px}textarea{resize:vertical;line-height:1.7}input:disabled{color:var(--muted);background:#e7e7df}small,.fine-print{color:var(--muted);font-size:12px;line-height:1.8}.muted{color:var(--muted);font-size:14px;line-height:1.85}.small-label{letter-spacing:.06em;color:var(--muted);margin-bottom:25px;font-size:12px;font-weight:600}.plain{align-items:center;gap:8px;padding:0;display:inline-flex}.text-button{border-bottom:1px solid;align-items:center;gap:14px;width:fit-content;padding:12px 0;font-size:14px;display:inline-flex}.text-button:hover{gap:22px}.button{border:1px solid #0000;justify-content:center;align-items:center;gap:26px;min-height:52px;padding:16px 23px;font-size:14px;font-weight:550;transition:background .18s,color .18s;display:inline-flex}.button svg{transition:transform .18s}.button:hover svg{transform:translate(3px)}.button.primary{background:var(--ink);color:var(--white)}.button.primary:hover{background:#42463d}.button.secondary{border-color:#bbbeb1}.button.secondary:hover{background:#e5e5da}.button.compact{gap:12px;min-height:38px;padding:10px 15px;font-size:12px}.button.active{background:var(--yellow);border-color:var(--yellow)}.icon-button{border-radius:3px;justify-content:center;align-items:center;min-width:34px;min-height:34px;display:inline-flex}.icon-button:hover{background:#e2e3d9}.demo-badge{white-space:nowrap;color:#54594d;background:#e5e5db;border:1px solid #d9dbcc;padding:7px 10px;font-size:10px;line-height:1.3;display:inline-flex}.status-dot{background:#a1ac6c;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{border:1px solid #c7cbbf;padding:4px 7px;font-size:10px}.swatches{gap:5px;display:flex}.swatches i{border:1px solid #0001;border-radius:50%;width:22px;height:22px;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--yellow);padding:15px;position:fixed;top:-70px;left:20px}.skip-link:focus{top:15px}.site-header{border-bottom:1px solid var(--line);z-index:20;background:var(--paper);justify-content:space-between;align-items:center;gap:30px;height:84px;padding:0 4.5%;display:flex;position:relative}.brand{white-space:nowrap;align-items:center;gap:11px;display:flex}.brand b{letter-spacing:-.05em;font-family:Archivo Variable,sans-serif;font-size:25px;font-weight:850}.brand-cn{border-left:1px solid #979b8e;margin-left:6px;padding-left:15px;font-size:13px}.logo-mark{width:25px;height:25px;display:inline-block;position:relative}.logo-mark i{background:var(--ink);position:absolute}.logo-mark i:first-child{width:5px;height:25px;top:0;left:0}.logo-mark i:nth-child(2){width:19px;height:5px;top:0;left:5px}.logo-mark i:nth-child(3){width:12px;height:5px;top:10px;left:5px}.site-header nav{gap:38px;margin-left:auto;margin-right:50px;font-size:13px;display:flex}.site-header nav a{color:#6c7166;padding:8px 0;position:relative}.site-header nav a.active,.site-header nav a:hover{color:var(--ink)}.site-header nav a.active:after{content:"";background:var(--ink);border-radius:50%;width:5px;height:5px;position:absolute;bottom:-6px;left:calc(50% - 2px)}.header-end{align-items:center;gap:10px;display:flex}.header-end .primary{background:var(--yellow);color:var(--ink);padding:12px 18px}.mobile-menu{display:none}.workspace-header{height:65px}.workspace-header .brand b{font-size:22px}.workspace-header nav{margin-right:10px}.workspace-header .header-end .button{display:none}.home-hero{background:radial-gradient(ellipse at 78% 35%, #fffdf4 0, transparent 60%), var(--paper);height:calc(100svh - 84px);min-height:830px;max-height:1000px;position:relative;overflow:hidden}.hero-copy{z-index:5;pointer-events:none;width:37%;margin-left:4.5%;padding-top:70px;position:relative}.hero-copy a{pointer-events:auto}.hero-kicker{color:#626858;align-items:center;gap:9px;margin-bottom:34px;font-size:12px;display:flex}.hero-copy h1{letter-spacing:-.045em;font-size:clamp(44px,4.2vw,66px);line-height:1.3}.hero-description{color:#686d61;margin-top:27px;font-size:15px;line-height:2}.hero-actions{gap:12px;margin-top:32px;display:flex}.hero-actions .primary{background:var(--yellow);color:var(--ink)}.hero-actions .button{gap:30px;min-height:50px;padding:15px 21px;font-size:13px}.hero-note{color:#7c8073;margin-top:19px;font-size:11px}.hero-scene{z-index:3;width:72%;height:75%;min-height:600px;max-height:790px;position:absolute;top:-30px;right:-3%}.studio-visual{isolation:isolate;width:100%;height:100%;position:relative}.studio-still{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;inset:0}.studio-still.is-hidden{opacity:0}.studio-canvas{opacity:0;transition:opacity .4s;position:absolute;inset:0}.studio-canvas.is-ready{opacity:1}.studio-canvas canvas{display:block}.studio-hotspots{pointer-events:none;position:absolute;inset:0}.hotspot{pointer-events:auto;white-space:nowrap;align-items:center;gap:6px;padding:6px;font-size:10px;transition:transform .16s;display:flex;position:absolute}.hotspot:hover,.hotspot.is-active{transform:translateY(-3px)}.hotspot-dot{background:#faf9ec;border:1px solid #bcbfaf;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:0 1px 4px #0001}.hotspot-dot:before{content:"+";font-size:16px;line-height:1}.hotspot-label{color:#484d43;background:#faf9eb;border:1px solid #d9dccd;gap:16px;padding:6px 9px;display:flex}.hotspot:hover .hotspot-dot,.hotspot.is-active .hotspot-dot{background:var(--yellow);border-color:var(--yellow)}.hotspot-inspiration{top:37%;left:31%}.hotspot-projects{top:65%;left:12%}.hotspot-create{top:64%;left:43%}.hotspot-tool{top:52%;left:74%}.studio-status{color:#84887e;pointer-events:none;align-items:center;gap:7px;font-size:9px;display:flex;position:absolute;bottom:6%;right:11%}.material-note{background:var(--white);border:1px solid var(--line);width:250px;padding:22px;font-size:13px;position:absolute;top:24%;right:12%;box-shadow:0 10px 60px #0001}.material-note>.plain{position:absolute;top:8px;right:10px}.material-note p{color:var(--muted);margin:10px 0 15px;font-size:12px}.hero-bottom{z-index:2;width:100%;padding:0 4.5%;position:absolute;bottom:0}.hero-brand-word{letter-spacing:-.065em;color:#2c2f27;justify-content:center;margin-left:-.028em;padding-bottom:21px;font-family:Archivo Variable,sans-serif;font-size:22vw;font-weight:900;line-height:.8;display:flex}.hero-brand-word>span{margin:5px 0 0 10px;font-size:2.8vw;line-height:1}.hero-footnote{color:#747a67;border-top:1px solid #adb39e;justify-content:space-between;align-items:center;padding:19px 0 24px;font-size:10px;display:flex}.hero-footnote a{gap:40px;display:flex}.intro-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;padding:35px 4.5%;display:grid}.intro-strip>span:first-child{font-size:12px}.intro-strip p{font-size:20px;line-height:1.65}.intro-strip .demo-badge{justify-self:end}.section-space{padding:110px 4.5%}.section-intro{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:44px;display:flex}.section-intro>div:last-child p{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.9}.product-showcase,.examples-section{background:#faf9f5}.demo-ui{background:#f1f1ea;border:1px solid #cccfc2;border-radius:8px;overflow:hidden;box-shadow:0 28px 55px -30px #303d3433}.demo-ui-top{border-bottom:1px solid var(--line);background:#fcfcf7;align-items:center;gap:25px;height:55px;padding:0 20px;font-size:10px;display:flex}.demo-ui-top b{font-size:12px}.preview-dots{align-items:center;gap:5px;display:flex}.preview-dots i{background:#cecfc5;border-radius:50%;width:6px;height:6px;display:block}.demo-ui-top .save-state{margin-left:auto}.demo-export{border:1px solid var(--line);background:#e8eade;align-items:center;gap:15px;padding:8px 12px;font-size:10px;display:flex}.demo-ui-body{grid-template-columns:165px 1fr 230px;height:460px;display:grid}.demo-ui-body>aside{border-right:1px solid var(--line);background:#f5f5ed;padding:24px 14px}.demo-ui-body>aside>p{color:var(--muted);margin-bottom:14px;padding-left:10px;font-size:10px}.demo-ui-body>aside>button:not(.button){text-align:left;align-items:center;gap:9px;width:100%;padding:10px;font-size:11px;display:flex}.demo-ui-body>aside>button span{color:#7f8770;margin-left:auto}.demo-ui-body>aside>button.active{background:#e4e6d8}.demo-layers-title{margin-top:28px}.demo-ui-body>aside .swatches{margin-bottom:13px;padding-left:10px}.demo-ui-body>aside small{color:var(--muted);padding-left:10px;font-size:9px;line-height:2;display:block}.demo-canvas{padding:23px 25px;overflow:hidden}.demo-canvas .preview-address{height:26px;padding:0 10px;font-size:8px}.demo-ui-body>aside.demo-chat{border-right:0;border-left:1px solid var(--line);flex-direction:column;gap:18px;padding:36px 23px;display:flex}.frame-symbol{background:var(--ink);color:var(--white);justify-content:center;align-items:center;width:32px;height:32px;font-family:Archivo Variable;font-size:24px;font-weight:900;display:flex}.demo-chat h3{font-size:20px}.demo-chat p{line-height:1.9;padding:0!important;font-size:11px!important}.demo-chat .demo-badge{white-space:normal;margin-top:auto;font-size:8px}.showcase-footnote{color:var(--muted);justify-content:space-between;margin-top:22px;font-size:11px;display:flex}.process-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr;gap:10%;display:grid}.process-title p{color:var(--muted);margin-top:30px;font-size:14px}.process-list>div{border-bottom:1px solid #c9cebc;gap:27px;padding:29px 0;display:flex}.process-list>div:first-child{border-top:1px solid #c9cebc}.process-list>div>span{color:#7b826d;font-family:Archivo Variable;font-size:13px}.process-list article{flex:1}.process-list h3{font-size:21px}.process-list p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.9}.process-list svg{color:#959b87;margin-top:7px}.home-examples{grid-template-columns:1fr 1fr;gap:25px;display:grid}.home-example{text-align:left;background:#e8e8dd;padding:28px 32px;transition:transform .2s;position:relative}.home-example:hover{transform:translateY(-5px)}.home-example.precision{color:#f7f4df;background:#262824}.example-top{justify-content:space-between;font-size:17px;font-weight:700;display:flex}.example-top span{color:#818774;border:1px solid #acb09d;padding:4px 7px;font-size:9px;font-weight:400}.example-main{grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:40px 0;display:grid}.example-main b{white-space:pre-line;font-family:Georgia,Songti SC;font-size:36px;font-weight:400;line-height:1.3}.precision .example-main b{font-family:Archivo Variable;font-size:50px;font-weight:900;line-height:1}.example-main img{object-fit:cover;width:100%;height:240px}.precision .example-main img{filter:grayscale()}.example-bottom{color:#7a826b;border-top:1px solid #969f8733;justify-content:space-between;padding-top:18px;font-size:9px;display:flex}.precision .example-bottom{color:#b3bca8}.final-cta{background:var(--yellow);padding:85px 4.5%;position:relative;overflow:hidden}.final-cta h2{font-size:clamp(45px,5.4vw,82px);line-height:1.25}.final-cta .small-label{color:#6b632d;display:block}.final-cta>.button{margin-top:35px}.cta-corner{color:#282b2214;font-family:Archivo Variable;font-size:520px;font-weight:900;line-height:1;position:absolute;bottom:-130px;right:-15px}.site-footer{background:#eeeee5;padding:55px 4.5% 20px}.footer-top{align-items:flex-start;gap:60px;padding-bottom:55px;display:flex}.footer-top>p{color:var(--muted);margin-left:auto;font-size:12px;line-height:2}.footer-top nav{gap:30px;font-size:12px;display:flex}.footer-bottom{color:#8c9282;border-top:1px solid #cdd1c3;justify-content:space-between;padding-top:20px;font-size:9px;display:flex}.page-shell{max-width:1700px;margin:auto;padding:70px 4.5% 95px}.page-heading{justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:60px;display:flex}.page-heading .muted{margin-top:22px}.page-heading>.button{margin-bottom:7px}.product-heading{padding-bottom:70px}.product-heading>div{justify-content:space-between;align-items:flex-end;margin-top:40px;display:flex}.product-heading p:not(.small-label){color:var(--muted);font-size:15px}.product-page>.page-shell:nth-child(2){padding-top:0;padding-bottom:15px}.product-feature{grid-template-columns:1fr 1fr;align-items:center;gap:12%;display:grid}.feature-index{color:#858b79;margin-bottom:28px;font-size:12px;display:block}.product-feature h2{margin-bottom:30px}.product-feature p{color:var(--muted);max-width:440px;margin-bottom:20px;font-size:14px}.structure-demo{background:#e9e9df;padding:30px 35px}.content-note{background:#f8f7ef;border:1px solid #b6bbaa;max-width:370px;padding:25px 28px;box-shadow:4px 4px #d8dccb}.content-note small{font-size:10px}.content-note p{color:#454c3e;margin:12px 0 0}.structure-arrow{text-align:center;color:#9ba384;padding:14px 0}.structure-demo-row{border-top:1px solid #c5cbbb;align-items:center;gap:15px;padding:16px 15px;font-size:12px;display:flex}.structure-demo-row>span:last-child{color:#8b9679;margin-left:auto}.structure-demo>.fine-print{margin-top:25px;font-size:10px;display:block}.feature-reference{background:#e9ece0}.feature-reference .section-intro{align-items:center}.feature-reference .section-intro>p{color:var(--muted);font-size:14px}.direction-summary{grid-template-columns:repeat(3,1fr);margin:55px 0 25px;display:grid}.direction-summary article{border-left:1px solid #c8cebd;padding:25px 30px}.direction-summary article:first-child{border:0;padding-left:0}.direction-number{color:var(--muted);font-size:11px}.direction-summary h3{margin:10px 0 20px;font-size:25px}.direction-summary p{color:var(--muted);margin-top:22px;font-size:12px}.export-demo{border:1px solid #c1c9b5;max-width:500px}.export-demo>div{background:#e7e9dc;grid-template-columns:35px 1fr;align-items:center;column-gap:15px;padding:30px;display:grid}.export-demo h3{font-size:24px}.export-demo>div>span{color:var(--muted);grid-column:2;margin-top:8px;font-size:11px}.export-demo ul{background:#f8f9f1;margin:0;padding:15px 30px;list-style:none}.export-demo li{border-bottom:1px solid #dfe3d4;align-items:center;gap:12px;padding:12px 0;font-size:13px;display:flex}.export-demo li:last-child{border:0}.export-demo li svg:last-child{color:#8a9c6d;margin-left:auto}.export-demo>.button{margin:20px 30px}.product-limits{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:15%;padding-top:40px;display:grid}.product-limits p{color:var(--muted);font-size:13px}.about-heading{padding-bottom:65px}.about-heading h1{font-size:clamp(45px,6vw,90px)}.about-sub{justify-content:space-between;align-items:center;gap:40px;margin-top:50px;display:flex}.about-sub b{letter-spacing:-.04em;font-family:Archivo Variable;font-size:30px;font-weight:550}.about-sub p{color:var(--muted);font-size:14px}.about-scene{background:#e4e5db;grid-template-columns:1.1fr 1fr;align-items:center;height:560px;padding:10px 4.5%;display:grid;overflow:hidden}.about-scene img{object-fit:contain;height:630px;margin-top:-40px}.about-scene>div{padding:20px 0 40px 60px}.about-scene span{color:#8b907c;font-size:11px}.about-scene b{letter-spacing:-.045em;margin-top:50px;font-family:Archivo Variable;font-size:7vw;font-weight:800;line-height:.95;display:block}.about-content{grid-template-columns:1fr 1.4fr;gap:13%;display:grid}.about-content p{color:#656b5d;max-width:660px;margin-bottom:28px;font-size:16px;line-height:2}.about-facts{border-top:1px solid #c3c9b7;margin:40px 0}.about-facts>div{border-bottom:1px solid #c3c9b7;align-items:center;gap:60px;padding:20px 0;font-size:13px;display:flex}.about-facts span{color:var(--muted)}.reference-count{align-items:center;gap:20px;margin-bottom:8px;display:flex}.reference-count b{letter-spacing:-.05em;color:#b1b6a5;font-family:Archivo Variable;font-size:77px;font-weight:500;line-height:1}.reference-count span{color:#8e9582;font-size:10px;line-height:1.9}.library-controls{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:26px;display:flex}.search-box{border-bottom:1px solid #a4ae92;flex-direction:row;flex:1;align-items:center;gap:12px;max-width:380px;padding:8px 0;display:flex}.search-box input{background:0 0;border:0;padding:0;font-size:13px;font-weight:400}.search-box>svg{color:#929b84}.search-box .plain{font-size:22px}.library-filters{align-items:center;gap:14px;display:flex}.library-filters select{background:0 0;border:0;width:auto;min-width:110px;padding:8px 20px 8px 5px;font-size:11px}.library-filters .button{white-space:nowrap;font-size:11px}.results-caption{color:#939b86;justify-content:space-between;margin:19px 0 28px;font-size:10px;display:flex}.reference-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.reference-card{min-width:0}.reference-study{background:#ddd9cd;height:300px;position:relative;overflow:hidden}.reference-study>span{color:#f3f1e5cc;font-size:9px;position:absolute;bottom:13px;right:15px}.reference-open{width:100%;height:100%;padding:0;display:block}.reference-art{width:100%;height:100%;transition:transform .4s;position:relative;overflow:hidden}.reference-open:hover .reference-art{transform:scale(1.035)}.favorite-button{color:#6c7660;background:#f6f6ec;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:13px;right:13px}.favorite-button.active{background:var(--yellow);color:var(--ink)}.favorite-button.active svg{fill:#232521}.ref-felix .reference-art{background:linear-gradient(90deg,#625c48,#968b6c 60%,#6b624f)}.ref-desk{background:#b9a77a;width:100%;height:30px;position:absolute;bottom:40px;box-shadow:0 5px 30px #2223}.ref-monitor{background:#ccd5ad;border:12px solid #35392e;border-bottom-width:25px;border-radius:6px;width:135px;height:130px;position:absolute;bottom:70px;left:calc(50% - 55px);box-shadow:4px 4px #252b21}.ref-monitor:after{content:"";background:#3d4431;border-radius:5px;width:90px;height:18px;position:absolute;bottom:-42px;left:10px}.ref-monitor span{color:#405330;text-align:left;padding:20px 8px;font-family:Georgia;font-size:18px;line-height:1.3;display:block}.ref-books{flex-direction:column;gap:2px;display:flex;position:absolute;bottom:71px;left:20px}.ref-books i{background:#d7caad;border:2px solid #817758;width:65px;height:11px;display:block;transform:rotate(-5deg)}.ref-books i:nth-child(2){background:#607b77;transform:rotate(3deg)}.ref-lamp{background:#ccb882;width:7px;height:115px;position:absolute;bottom:70px;right:33px;transform:rotate(-12deg)}.ref-lamp:before{content:"";background:#d8c486;border-radius:50% 50% 5px 5px;width:50px;height:28px;position:absolute;top:-15px;left:-20px;box-shadow:0 20px 40px #fcf0ad44}.ref-name{color:#fff9de;text-align:left;font-size:14px;position:absolute;top:20px;left:22px}.ref-leo .reference-art{background:linear-gradient(120deg,#dbd1bb,#bdb298)}.ref-arch{background:#d8decc;border:12px solid #ad9b7b;border-radius:150px 150px 0 0;position:absolute;inset:25px 30px 40px;box-shadow:inset -10px 1px 28px #b7bfb0,7px 5px 14px #8c7e6c55}.ref-flower{z-index:2;width:65px;height:65px;position:absolute;top:calc(50% - 32px);left:calc(50% - 32px)}.ref-flower i{transform-origin:17px 35px;background:linear-gradient(90deg,#ded4be,#f4efdf);border-radius:100%;width:35px;height:72px;position:absolute;top:-3px;left:15px;box-shadow:3px 6px 12px #99876a44}.ref-flower>span{background:radial-gradient(circle at 30% 20%,#f6f1df,#c8bfa8);border-radius:50%;width:65px;height:65px;position:absolute;box-shadow:2px 8px 18px #7d6e5133}.ref-leo .ref-name{color:#64684f;font-size:12px;top:auto;bottom:22px}.ref-nick .reference-art{color:#f2f0e4;background:#272b27}.ref-grid-lines{background:repeating-linear-gradient(90deg,#0000,#0000 calc(20% - 1px),#eee2 calc(20% - 1px) 20%);position:absolute;inset:0}.ref-nick b{letter-spacing:-.09em;z-index:2;font-family:Archivo Variable;font-size:148px;font-weight:900;line-height:1;position:absolute;top:55px;left:calc(50% - 73px)}.ref-small{font-size:8px;position:absolute;top:20px;left:20px}.ref-nick .ref-name{font-family:Archivo Variable;font-size:25px;font-weight:850;top:auto;bottom:45px}.ref-track{border:35px solid #818979;border-radius:50%;width:460px;height:260px;position:absolute;bottom:-140px;right:-90px;transform:rotate(-28deg);box-shadow:inset 0 5px 30px #121812,0 -15px 40px #141812}.reference-info{padding:23px 0 0}.reference-info>div:first-child{justify-content:space-between;align-items:center;display:flex}.reference-info h3{letter-spacing:-.035em;font-size:18px}.reference-info p{color:var(--muted);min-height:68px;margin:15px 0 19px;font-size:12px;line-height:1.9}.reference-info .tag-row{margin-bottom:18px}.reference-add{text-align:left;border-top:1px solid #c9cfbd;align-items:center;gap:10px;width:100%;padding:14px 0;font-size:11px;display:flex}.reference-add:hover{color:#7c721a}.library-bottom{border-top:1px solid #c7cfb9;align-items:center;gap:22px;margin-top:65px;padding-top:35px;display:flex}.library-bottom p{flex:1;font-size:14px}.library-bottom p span{color:var(--muted);font-size:11px}.empty-results{text-align:center;padding:75px}.empty-results>svg{color:#9aab86;margin-bottom:25px}.empty-results h2{font-size:28px}.empty-results p{color:var(--muted);margin:15px;font-size:13px}.empty-results>.button{margin-top:15px}.projects-page{min-height:calc(100svh - 300px)}.projects-page .page-heading{margin-bottom:45px}.project-grid{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.project-card{min-width:0}.project-cover{text-align:left;background:#e4e4d8;width:100%;height:300px;padding:25px;display:block;position:relative}.project-cover.precision{color:#f5f2e4;background:#252923}.project-cover.studio{color:#2a5246;background:#dde4d2}.project-cover-nav{justify-content:space-between;font-size:11px;font-weight:600;display:flex}.project-cover-nav span{font-size:7px;font-weight:400}.project-cover-body{grid-template-columns:1fr 1fr;align-items:center;gap:16px;height:180px;margin-top:10px;display:grid}.project-cover-body b{max-height:140px;font-family:Georgia,Songti SC;font-size:27px;font-weight:400;line-height:1.35;overflow:hidden}.precision .project-cover-body b{font-family:Archivo Variable,PingFang SC;font-weight:800}.project-cover-body .mini-still{width:100%;height:170px}.cover-page-count{color:#7f8971;font-size:9px;position:absolute;bottom:20px;left:25px}.project-info{justify-content:space-between;align-items:center;gap:10px;padding:17px 0;display:flex}.project-info h3{font-size:15px}.project-info p{color:#8b947e;margin-top:7px;font-size:10px}.project-actions{display:flex}.empty-projects{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:520px;padding:65px 15px;display:flex}.empty-projects h2{margin-top:35px;font-size:28px}.empty-projects p{color:var(--muted);margin-top:17px;font-size:13px}.empty-projects .button{margin-top:28px}.empty-projects .text-button{border:0;margin-top:15px;font-size:11px}.archive-illustration{background:#e2e8d6;border:1px solid #bec8aa;width:130px;height:100px;position:relative;transform:rotate(-6deg)}.archive-illustration i{border-bottom:1px solid #bec8aa;height:31px;display:block;position:relative}.archive-illustration i:after{content:"";background:#a6b78d;width:25px;height:3px;position:absolute;top:12px;left:52px}.archive-illustration>span{background:var(--yellow);border:1px solid #d0c55e;width:90px;padding:10px 13px;font-size:7px;position:absolute;top:-12px;left:8px;transform:rotate(9deg)}.wizard{padding-top:50px}.wizard-heading{justify-content:space-between;align-items:flex-start;display:flex}.wizard-heading h1{font-size:48px}.wizard-heading .small-label{margin-bottom:15px}.wizard-heading .muted{margin-top:15px}.steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0 40px;padding:0;list-style:none;display:flex}.steps li{color:#9da28f;border-bottom:2px solid #0000;flex:1;align-items:center;gap:12px;padding:20px 0;font-size:12px;display:flex}.steps li.active{color:var(--ink);border-bottom-color:var(--ink)}.steps li>span{border:1px solid #c8cdbb;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;display:flex}.steps li.active>span{background:var(--ink);color:var(--white)}.steps li.done{color:#7c9064}.brief-grid{grid-template-columns:1.65fr 1fr;gap:9%;display:grid}.brief-form{flex-direction:column;gap:24px;display:flex}.form-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:5px;display:flex}.form-top h2{font-size:25px}.form-top .text-button{border:0;padding:0;font-size:11px}.brief-aside{border-left:1px solid var(--line);padding-left:35px}.brief-aside h3{margin-bottom:11px;font-size:16px}.brief-aside>.muted{margin-bottom:23px;font-size:12px}.upload-box{color:#566744;cursor:pointer;background:#e7e8dc;border:1px dashed #acb79b;align-items:center;gap:14px;padding:30px 10px;position:relative}.upload-box b{font-size:12px}.upload-box span{color:#839674;font-size:9px;font-weight:400}.upload-box input{opacity:0;cursor:pointer;position:absolute;inset:0}.asset-list{margin:15px 0 25px}.asset-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:8px 0;font-size:10px;display:flex}.asset-list img{object-fit:cover;width:40px;height:40px}.asset-list span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.reference-check{border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:12px;padding:12px 0;font-size:12px}.reference-check input{width:14px;accent-color:var(--ink)}.reference-check small{font-size:10px;font-weight:400;display:block}.brief-aside>.fine-print{margin-bottom:15px;font-size:10px}.wizard-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;margin-top:50px;padding-top:25px;display:flex}.wizard-actions>.muted{margin-left:auto;margin-right:20px;font-size:11px}.structure-panel h2{font-size:28px}.page-drafts{margin:30px 0 18px}.page-draft{border-top:1px solid var(--line);align-items:center;gap:20px;padding:18px 0;display:flex}.draft-number{color:#a1ac8e;width:22px;font-size:12px}.page-draft>label{flex:1;gap:8px;font-size:10px}.page-draft label:nth-of-type(2){max-width:280px}.page-draft input{padding:10px;font-size:13px}.shared-note{background:#e8ebdf;align-items:center;gap:16px;margin-top:30px;padding:25px;display:flex}.shared-note b{font-size:13px}.shared-note p{color:var(--muted);margin-top:5px;font-size:11px}.shared-note>svg{color:#8b9a76}.directions-heading h2{font-size:29px}.directions-heading .muted{margin-top:13px}.direction-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px;display:grid}.direction-option{text-align:left;background:#f8f8f1;border:1px solid #ccd2c0;padding:0}.direction-option.selected{border-color:#5c6f48;box-shadow:0 0 0 2px #5c6f48}.direction-art{background:#e7e5d9;height:220px;padding:22px;overflow:hidden}.direction-mini-nav{justify-content:space-between;font-size:9px;font-weight:700;display:flex}.direction-mini-nav>span{font-size:6px;font-weight:400}.direction-mini-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:10px;margin-top:24px;display:grid}.direction-mini-layout small{margin-bottom:10px;font-size:7px;display:block}.direction-mini-layout b{white-space:pre-line;font-family:Georgia,Songti SC;font-size:23px;font-weight:400;line-height:1.25;display:block}.mini-still{background:#c0c6b2;justify-content:center;align-items:flex-end;height:116px;display:flex;position:relative;overflow:hidden}.mini-still:after{content:"";filter:blur(3px);background:#6a765726;border-radius:100%;width:80%;height:12px;position:absolute;bottom:3px}.mini-vase{z-index:1;background:linear-gradient(90deg,#c6c5b5,#eeebda 45%,#c8c5b3);border-radius:35% 35% 44% 44%;width:60%;height:67%;margin-bottom:8px;position:relative}.mini-vase:before{content:"";background:linear-gradient(90deg,#c6c5b5,#eeebda 45%,#c8c5b3);border-radius:5px 5px 0 0;width:40%;height:30%;position:absolute;top:-21%;left:30%}.mini-vase:after{content:"";background:#aaa995;border-radius:50%;width:40%;height:10%;position:absolute;top:-25%;left:30%}.mini-lines{gap:10px;margin-top:17px;display:flex}.mini-lines i{background:#babca8;flex:1;height:3px;display:block}.direction-art.precision{color:#f2f0e0;background:#232923}.precision .direction-mini-layout b{font-family:Archivo Variable;font-size:33px;font-weight:900;line-height:.9}.precision .mini-still{filter:grayscale()}.direction-art.studio{color:#355747;background:#dfe7d4}.studio .direction-mini-layout{text-align:center;flex-direction:column;gap:5px;margin-top:12px;display:flex}.studio .direction-mini-layout b{font-family:inherit;font-size:17px;font-weight:550}.studio .direction-mini-layout small{display:none}.studio .mini-still{width:100%;height:77px;margin-top:8px}.studio .mini-vase{width:38px;height:60px}.studio .mini-lines{display:none}.direction-info{padding:23px 22px}.direction-info h3{justify-content:space-between;font-size:20px;display:flex}.direction-info h3 svg{background:#d6e2c4;border-radius:50%;width:23px;height:23px;padding:2px}.direction-info>p{color:var(--muted);min-height:62px;margin-top:14px;font-size:11px;line-height:1.9}.direction-info dl{grid-template-columns:30px 1fr;gap:12px 5px;margin:20px 0 25px;font-size:9px;display:grid}.direction-info dt{color:#8a9479}.direction-info dd{margin:0;line-height:1.7}.generation-mode{color:var(--muted);align-items:center;gap:17px;padding-top:30px;font-size:11px;display:flex}.generation-mode>label{flex-direction:row;align-items:center;margin-left:auto;font-size:11px}.generation-mode input{width:auto}.error-box,.storage-error{color:#825834;background:#f4e8d9;border:1px solid #bd9a7b;margin-bottom:25px;padding:16px 20px;font-size:12px;line-height:1.7}.storage-error{margin:0;padding:10px 4.5%}.editor{background:#eef0e6;min-height:calc(100svh - 65px)}.editor-toolbar{background:#f7f8f1;border-bottom:1px solid #d2d9c5;justify-content:space-between;align-items:center;gap:25px;height:63px;padding:0 24px;display:flex}.editor-project{align-items:center;gap:12px;font-size:12px;display:flex}.editor-project>svg{color:#8c9a75}.save-state{color:#8c9880;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:flex}.editor-project .save-state{margin-left:12px}.toolbar-actions{align-items:center;gap:10px;display:flex}.toolbar-actions .button{padding:9px 12px;font-size:10px}.toolbar-actions .primary{background:var(--yellow);color:var(--ink)}.toolbar-actions .demo-badge{margin-right:5px;padding:5px 8px;font-size:8px}.editor-grid{grid-template-columns:225px minmax(0,1fr) 310px;min-height:calc(100svh - 128px);display:grid}.editor-left{background:#f6f7ef;border-right:1px solid #d0d9c2}.panel-tabs{background:#f7f8f2;border-bottom:1px solid #d3dbc6;align-items:stretch;gap:22px;height:48px;padding:0 18px;display:flex}.panel-tabs button{color:#909d7f;border-bottom:2px solid #0000;padding:14px 0;font-size:11px}.panel-tabs button.active{color:var(--ink);border-color:var(--ink);font-weight:600}.panel-label{color:#99a987;justify-content:space-between;padding:22px 19px 14px;font-size:9px;display:flex}.panel-label>span{font-size:8px}.page-tree{padding:0 10px}.page-tree>button{border-radius:3px;align-items:center;gap:9px;width:100%;padding:12px 10px;font-size:11px;display:flex}.page-tree>button.active{background:#e1e6d5}.page-tree>button svg{color:#8c9b75}.page-tree>button small{color:#9ba88b;text-overflow:ellipsis;max-width:75px;margin-left:auto;font-size:8px;overflow:hidden}.panel-divider{border-top:1px solid #d3dcc5;margin:23px 18px 0}.section-tree{padding:0 12px}.section-tree>button{text-align:left;align-items:center;gap:9px;width:100%;padding:10px 8px;font-size:10px;line-height:1.6;display:flex}.section-tree>button.active{color:#566b3d;background:#e8eddd}.section-tree>button svg{color:#9eae87;width:14px}.add-section{color:#899a71;border:0;gap:7px;margin:12px 20px 0;font-size:9px}.editor-shared{border-top:1px solid #d4dec4;margin:35px 18px 20px;padding:18px 0}.editor-shared>b{margin-left:7px;font-size:10px}.editor-shared>svg{color:#9daa8d;width:14px}.editor-shared p{color:#9aa989;margin:12px 0 15px;font-size:9px}.editor-shared .swatches i{width:18px;height:18px}.editor-shared .text-button{color:#8d9b76;border:0;padding-bottom:0;font-size:9px}.editor-center{flex-direction:column;min-width:0;display:flex;position:relative}.preview-toolbar{background:#f2f4e9;border-bottom:1px solid #d5ddc8;justify-content:space-between;align-items:center;gap:10px;height:48px;padding:0 20px;font-size:10px;display:flex}.preview-toolbar .muted{color:#9ead87;font-size:9px}.device-switch{background:#e6eadd;border-radius:3px;gap:3px;margin-left:auto;margin-right:auto;padding:3px;display:flex}.device-switch button{color:#99a986;border-radius:3px;justify-content:center;align-items:center;padding:5px 10px;display:flex}.device-switch button svg{width:15px;height:15px}.device-switch button.active{color:#445a30;background:#f9faf4;box-shadow:0 1px 3px #0001}.preview-size{color:#9fad8c;text-align:right;width:45px;font-size:8px}.canvas-area{background-image:radial-gradient(#a4b28e22 .8px,#0000 .8px);background-size:10px 10px;flex:1;min-height:600px;padding:30px;overflow:hidden}.preview-wrap{background:#eeebe3;border:1px solid #c5ceb4;max-width:100%;position:relative;overflow:hidden;box-shadow:0 8px 30px -18px #475d3766}.preview-address{color:#9ba991;background:#f9faf4;border-bottom:1px solid #d6ddc9;justify-content:space-between;align-items:center;gap:10px;height:32px;padding:0 13px;font-size:8px;display:flex}.preview-address>span:nth-child(2){white-space:nowrap;max-width:70%;overflow:hidden}.preview-address .plain{color:#9fae8a;font-size:17px}.preview-inner{transition:height .2s;position:relative;overflow:hidden}.preview-inner iframe{background:#eeebe3;border:0;display:block}.preview-error{color:#987956;background:#f7f0dd;border-bottom:1px solid #b2aa8233;padding:8px 12px;font-size:9px}.preview-loading{z-index:3;background:#fbfcf1;border:1px solid #d4ddc1;padding:10px;font-size:10px;position:absolute;top:45px;left:20px;right:20px}.device-phone .preview-wrap{max-width:390px;margin:auto}.device-tablet .preview-wrap{max-width:768px;margin:auto}.preview-footer{color:#96a680;background:#eef1e6;border-top:1px solid #d6dfc6;justify-content:space-between;align-items:center;gap:12px;padding:15px 25px;font-size:8px;display:flex}.preview-footer>span:first-child{align-items:center;gap:6px;display:flex}.editor-right{background:#f9faf4;border-left:1px solid #d0d9c2;min-width:0}.scope-picker{border-bottom:1px solid #dce3d1;flex-direction:column;gap:9px;padding:17px 18px;display:flex}.scope-picker>span{color:#a2b08c;font-size:9px}.scope-picker select{background:#f2f5e8;border-color:#d8e2c9;padding:8px 9px;font-size:10px}.chat-panel{flex-direction:column;min-height:calc(100svh - 269px);display:flex}.chat-messages{flex:1;max-height:510px;padding:23px 18px 15px;overflow:auto}.chat-welcome{padding:4px 0 22px}.chat-welcome .frame-symbol{color:#f4f6e9;background:#596f42;width:27px;height:27px;font-size:21px}.chat-welcome h3{margin-top:16px;font-size:15px;font-weight:500}.chat-welcome p{color:#8d9d78;margin-top:9px;font-size:10px}.message{background:#eff4e6;border:1px solid #e4ebd9;margin-bottom:15px;padding:13px;font-size:10px;line-height:1.8}.message b{letter-spacing:.02em;font-family:Archivo Variable;font-size:9px}.message b span{color:#81996b;background:#dfe8cc;margin-left:7px;padding:2px 4px;font-size:7px}.message p{overflow-wrap:anywhere;margin-top:6px;line-height:1.9}.message.user{background:#e7eadc;border:0;margin-left:25px}.chat-suggestions{flex-wrap:wrap;gap:6px;margin-top:10px;padding:0 18px;display:flex}.chat-suggestions button{background:#f4f7eb;border:1px solid #d4dfc3;padding:7px 8px;font-size:8px}.chat-input{background:#f8fbef;border:1px solid #bac9a3;margin:12px 18px 20px}.chat-input textarea{resize:none;background:0 0;border:0;min-height:75px;padding:12px;font-size:10px}.chat-input>div{justify-content:space-between;align-items:center;gap:5px;padding:0 10px 10px;display:flex}.chat-input>div>span{color:#9fb189;font-size:8px}.send-button{background:var(--yellow);justify-content:center;align-items:center;width:30px;height:27px;display:flex}.send-button svg{width:16px}.content-editor{flex-direction:column;gap:20px;padding:23px 18px;display:flex}.content-editor h3{font-size:14px}.content-editor>.muted{margin-top:-10px;font-size:10px}.content-editor label{gap:8px;font-size:10px}.content-editor input,.content-editor textarea,.content-editor select{background:#fcfdf7;border-color:#d3ddc4;padding:10px;font-size:11px}.content-editor .fine-print{font-size:9px}.color-field{background:#f3f6e9;border:1px solid #d4dfc4;align-items:center;gap:15px;padding:9px;display:flex}.color-field input{border:0;width:35px;height:26px;padding:0}.color-field span{color:#93a57b;font-family:monospace;font-size:10px}.shared-note.small{gap:10px;margin:0;padding:13px}.shared-note.small p{margin:0;font-size:9px}.danger{color:#a96e4b}.content-editor .danger{font-size:9px}.editor-assets{padding:20px 18px;font-size:11px}.editor-assets h3{margin-bottom:15px;font-size:12px}.editor-assets h3:not(:first-child){margin-top:30px}.editor-assets .muted{margin-bottom:20px;font-size:10px}.editor-assets figure{margin:0 0 15px}.editor-assets figure img{object-fit:cover;width:100%;height:120px}.editor-assets figcaption{margin-top:8px;font-size:9px;overflow:hidden}.editor-assets>a{border-top:1px solid var(--line);justify-content:space-between;gap:15px;padding:14px 0;font-size:9px;display:flex}.editor-assets .button{font-size:9px}.compare-grid{flex:1;grid-template-columns:1fr 1fr;gap:15px;padding:25px;display:grid}.compare-grid>div>p{margin-bottom:15px;font-size:10px}.mobile-editor-tabs{display:none}.toast{color:#f2f6e8;z-index:90;background:#252b21;align-items:center;gap:13px;max-width:90vw;padding:17px 20px;font-size:12px;animation:.22s toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #0002}.toast>svg{color:var(--yellow);width:16px}.toast .plain{color:#a7b49b;margin-left:12px;font-size:20px}.dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#282f2266;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.dialog{background:var(--paper);border:1px solid #e2e8d7;width:680px;max-width:100%;max-height:90svh;padding:30px;animation:.25s dialog-in;overflow:auto;box-shadow:0 20px 100px #121b2355}.dialog-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px;display:flex}.dialog-header h2{font-size:26px}.dialog>p{color:var(--muted);margin:25px 0;font-size:13px}.dialog .reference-study{height:270px}.modal-reference-text{padding-top:25px}.modal-reference-text h3{margin:25px 0 10px;font-size:15px}.modal-reference-text>p{color:var(--muted);font-size:13px;line-height:1.9}.modal-reference-text>.fine-print{border-top:1px solid #cdd8c0;margin-top:25px;padding-top:18px;font-size:10px}.modal-actions{justify-content:flex-end;gap:12px;margin-top:30px;display:flex}.modal-actions .button{min-height:45px;padding:13px 18px;font-size:12px}.danger-button{color:#fff9ef;background:#925b43}.dialog form{flex-direction:column;gap:15px;display:flex}.dialog form .modal-actions{margin-top:10px}@keyframes toast-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes dialog-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (width<=1200px){.site-header nav{gap:25px;margin-right:20px}.home-hero{min-height:770px}.hero-copy h1{font-size:46px}.hero-scene{width:74%;height:72%;min-height:560px;top:0;right:-5%}.hero-actions .button{gap:20px;padding:14px 17px}.hero-brand-word{font-size:21.5vw}.demo-ui-body{grid-template-columns:145px 1fr 180px;height:400px}.demo-canvas{padding:20px}.demo-ui-body>aside.demo-chat{padding:25px 15px}.demo-chat h3{font-size:18px}.demo-chat .button{padding:10px;font-size:10px}.reference-grid{gap:20px}.reference-study{height:265px}.reference-info p{min-height:85px}.editor-grid{grid-template-columns:180px minmax(0,1fr) 275px}.canvas-area{padding:20px}.editor-project>b{white-space:nowrap;text-overflow:ellipsis;max-width:190px;overflow:hidden}.toolbar-actions{gap:6px}.toolbar-actions .demo-badge,.page-tree>button small{display:none}.direction-art{height:200px;padding:17px}.direction-mini-layout b{font-size:20px}.precision .direction-mini-layout b{font-size:27px}.direction-info{padding:20px 16px}.project-grid{grid-template-columns:repeat(2,1fr)}.product-feature{gap:8%}.about-scene{height:480px}.about-scene img{height:530px}}@media (width<=900px){.site-header{gap:15px;height:72px;padding:0 5%}.brand b{font-size:23px}.brand-cn{margin:0;padding-left:10px;font-size:11px}.site-header nav{gap:18px;margin-right:0;font-size:11px}.header-end .button{padding:10px 13px;font-size:11px}.home-hero{min-height:710px}.hero-copy{width:43%;padding-top:40px}.hero-copy h1{font-size:40px}.hero-kicker{margin-bottom:25px;font-size:10px}.hero-description{font-size:12px}.hero-note{font-size:9px}.hero-scene{width:72%;height:70%;min-height:440px;top:35px;right:-8%}.hero-actions{gap:10px}.hero-actions .button{gap:16px;min-height:40px;padding:12px 14px;font-size:11px}.hero-footnote>span:last-child{display:none}.studio-status{font-size:8px}.hotspot-label{gap:6px;padding:5px;font-size:8px}.hotspot-dot{width:17px;height:17px}.hotspot-dot:before{font-size:13px}.hotspot{gap:3px}.intro-strip{grid-template-columns:1fr 2fr}.intro-strip .demo-badge{grid-column:2;justify-self:start}.section-space{padding:75px 5%}.section-intro{align-items:flex-start;gap:35px}.section-intro h2{font-size:34px}.section-intro>div:last-child{max-width:320px}.section-intro>div:last-child p{font-size:12px}.demo-ui-body{grid-template-columns:110px 1fr;height:340px}.demo-ui-body>aside.demo-chat,.demo-ui-top .save-state{display:none}.demo-export{margin-left:auto}.demo-ui-body>aside{padding:20px 7px}.demo-ui-body>aside>button:not(.button){gap:6px;font-size:10px}.demo-canvas{padding:20px}.process-section{gap:7%}.process-title h2{font-size:34px}.process-title p{font-size:12px}.process-list>div{gap:17px;padding:23px 0}.process-list h3{font-size:18px}.process-list p{font-size:11px}.example-main b{font-size:25px}.precision .example-main b{font-size:38px}.example-main img{height:200px}.home-example{padding:23px}.example-bottom{flex-direction:column;gap:6px}.footer-top{gap:35px}.footer-top>p{display:none}.footer-top nav{gap:20px;margin-left:auto}.page-shell{padding:55px 5% 75px}.library-controls{flex-direction:column;align-items:stretch}.search-box{width:100%;max-width:none}.library-filters{justify-content:space-between}.reference-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.reference-study{height:300px}.reference-info p{min-height:68px}.library-bottom p{font-size:12px}.product-feature h2{font-size:34px}.product-feature p{font-size:12px}.structure-demo{padding:25px}.wizard-heading h1{font-size:40px}.brief-grid{grid-template-columns:1.5fr 1fr;gap:6%}.brief-aside{padding-left:25px}.form-top{flex-direction:column;align-items:flex-start}.form-top h2{font-size:21px}.direction-grid{gap:13px}.direction-art{height:180px;padding:12px}.direction-mini-layout b{font-size:17px}.precision .direction-mini-layout b{font-size:23px}.mini-still{height:95px}.direction-mini-nav>span{display:none}.direction-info{padding:18px 12px}.direction-info h3{font-size:17px}.direction-info p{min-height:80px;font-size:10px}.direction-info dl{grid-template-columns:25px 1fr;font-size:8px}.editor-grid{grid-template-columns:155px minmax(0,1fr) 240px}.panel-tabs{gap:18px;padding:0 12px}.panel-tabs button{font-size:10px}.editor-project .save-state{display:none}.toolbar-actions .button{gap:7px;padding:8px;font-size:9px}.canvas-area{padding:15px}.preview-size{display:none}.preview-toolbar{padding:0 12px}.device-switch button{padding:5px 6px}.chat-messages,.content-editor{padding:18px 12px}.chat-input{margin:10px 12px 15px}.chat-suggestions{padding:0 12px}.editor-shared{margin:20px 12px}.section-tree>button{font-size:9px}.compare-grid{grid-template-columns:1fr;padding:15px}}@media (width<=700px){h1{font-size:38px}h2{font-size:31px}.site-header{height:66px}.brand b{font-size:21px}.brand-cn{padding-left:9px;font-size:11px}.logo-mark{transform-origin:0;width:22px;transform:scale(.85)}.brand{gap:5px}.site-header nav{background:var(--paper);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:30px;padding:20px 5%;font-size:13px;display:none;position:absolute;top:66px;left:0;right:0}.site-header nav.is-open,.mobile-menu{display:flex}.header-end .button{gap:13px;min-height:34px;padding:9px 11px;font-size:10px}.header-end{gap:4px}.home-hero{height:auto;min-height:0;max-height:none}.hero-copy{width:90%;margin:0 5%;padding-top:38px}.hero-kicker{margin-bottom:23px;font-size:10px}.hero-copy h1{font-size:clamp(38px,8.3vw,58px);line-height:1.23}.hero-description{margin-top:23px;font-size:13px;line-height:1.9}.hero-actions{gap:10px;margin-top:24px}.hero-actions .button{gap:24px;min-height:43px;padding:13px 18px;font-size:12px}.hero-note{margin-top:15px;font-size:9px}.hero-scene{width:116%;height:420px;min-height:0;margin-top:-4px;margin-bottom:2px;position:relative;top:auto;left:-8%;right:auto}.studio-status{font-size:8px;bottom:2%;right:15%}.hotspot-inspiration{top:33%;left:28%}.hotspot-projects{top:64%;left:10%}.hotspot-create{top:62%;left:40%}.hotspot-tool{top:48%;left:72%}.hero-bottom{padding:0 5%;position:relative}.hero-brand-word{padding-bottom:16px;font-size:22vw}.hero-brand-word>span{margin-top:0;margin-left:5px;font-size:3vw}.hero-footnote{padding:15px 0 18px;font-size:8px}.hero-footnote a{gap:20px}.material-note{width:230px;padding:20px;top:20%;right:14%}.intro-strip{grid-template-columns:1fr;gap:20px;padding:28px 5%}.intro-strip>span:first-child{font-size:10px}.intro-strip p{font-size:21px}.intro-strip .demo-badge{grid-column:1;justify-self:start;font-size:9px}.section-space{padding:60px 5%}.section-intro{flex-direction:column;gap:25px;margin-bottom:30px}.section-intro h2{font-size:32px}.section-intro .small-label{margin-bottom:18px;font-size:10px}.section-intro>div:last-child p{margin-bottom:10px}.text-button{font-size:12px}.demo-ui{border-radius:4px}.demo-ui-top{gap:15px;height:42px;padding:0 12px}.demo-ui-top b{font-size:9px}.demo-ui-top .preview-dots{display:none}.demo-export{gap:6px;padding:6px 8px;font-size:8px}.demo-ui-body{grid-template-columns:78px minmax(0,1fr);height:255px}.demo-ui-body>aside{padding:16px 3px}.demo-ui-body>aside>p{margin-bottom:7px;padding-left:6px;font-size:8px}.demo-ui-body>aside>button:not(.button){gap:4px;padding:8px 6px;font-size:8px}.demo-ui-body>aside>button>svg{width:11px}.demo-ui-body>aside>button>span{display:none}.demo-ui-body>aside small{padding-left:6px;font-size:7px}.demo-ui-body>aside .swatches{gap:3px;margin-top:7px;margin-bottom:7px;padding-left:5px}.demo-ui-body>aside .swatches i{width:14px;height:14px}.demo-layers-title{margin-top:25px}.demo-canvas{padding:12px 8px}.demo-canvas .preview-address{height:21px;padding:0 6px;font-size:6px}.demo-canvas .preview-address .preview-dots{display:none}.showcase-footnote{flex-direction:column;gap:8px;margin-top:15px;font-size:9px}.process-section{grid-template-columns:1fr;gap:35px}.process-title p{margin-top:20px}.process-list>div{padding:24px 0}.process-list h3{font-size:20px}.process-list p{font-size:12px}.home-examples{grid-template-columns:1fr;gap:20px}.home-example{padding:25px}.example-main{gap:20px;padding:27px 0}.example-main b{font-size:31px}.example-main img{height:210px}.example-bottom{flex-direction:row;font-size:8px}.final-cta{padding:60px 5%}.final-cta h2{font-size:44px}.final-cta .small-label{margin-bottom:20px;font-size:10px}.cta-corner{font-size:330px;bottom:-70px;right:-30px}.final-cta .button{margin-top:25px}.site-footer{padding:40px 5% 20px}.footer-top{flex-direction:column;gap:30px;padding-bottom:35px}.footer-top nav{flex-wrap:wrap;gap:30px;margin:0;font-size:11px}.footer-bottom{flex-direction:column;gap:10px;font-size:8px}.page-shell{padding:40px 5% 60px}.page-heading{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:35px}.page-heading .small-label{margin-bottom:18px;font-size:10px}.page-heading .muted{margin-top:19px;font-size:12px}.reference-count{display:none}.library-controls{gap:17px;padding-bottom:20px}.library-filters{flex-wrap:wrap;justify-content:flex-start;gap:8px}.library-filters select{flex:1;min-width:95px;padding:7px 8px;font-size:10px}.library-filters>.button{min-height:30px;margin-left:auto;padding:8px;font-size:9px}.search-box input{font-size:12px}.results-caption{gap:20px;margin:17px 0 22px;font-size:8px}.results-caption>span:last-child{text-align:right;max-width:200px}.reference-grid{grid-template-columns:1fr;gap:35px}.reference-study{height:320px}.reference-info{padding-top:19px}.reference-info h3{font-size:20px}.reference-info p{min-height:0;margin:15px 0}.reference-info .tag-row{margin-bottom:14px}.library-bottom{flex-wrap:wrap;gap:13px;margin-top:35px;padding-top:25px}.library-bottom>svg{align-self:flex-start;width:17px;margin-top:7px}.library-bottom>p{font-size:12px}.library-bottom>p span{font-size:9px}.library-bottom>.button{min-height:42px;margin-left:30px;padding:12px 15px;font-size:11px}.empty-results{padding:45px 10px}.empty-results h2{font-size:24px}.product-heading>div{flex-direction:column;align-items:flex-start;gap:30px;margin-top:25px}.product-heading p:not(.small-label),.product-heading .button{font-size:12px}.product-feature{grid-template-columns:1fr;gap:30px}.feature-index{margin-bottom:20px;font-size:10px}.product-feature h2{margin-bottom:20px;font-size:32px}.product-feature p{max-width:none}.feature-reference .section-intro{align-items:flex-start}.feature-reference .section-intro>p{font-size:12px}.direction-summary{grid-template-columns:1fr;margin:30px 0}.direction-summary article{border-top:1px solid #c8cebd;border-left:0;padding:23px 0;position:relative}.direction-summary article:first-child{border-top:1px solid #c8cebd;padding-top:23px}.direction-summary .swatches{position:absolute;top:40px;right:0}.direction-summary h3{margin:8px 0;font-size:23px}.direction-summary p{margin-top:15px;font-size:11px}.direction-number{font-size:9px}.export-demo{width:100%;max-width:none}.product-limits{grid-template-columns:1fr;gap:20px;padding-top:30px}.product-limits h3{font-size:18px}.product-limits p{font-size:11px}.about-heading h1{font-size:43px}.about-heading .small-label{font-size:10px}.about-sub{flex-direction:column;align-items:flex-start;gap:22px;margin-top:25px}.about-sub b{font-size:23px}.about-sub p{font-size:12px}.about-scene{flex-direction:column;height:auto;padding:20px 5% 40px;display:flex}.about-scene img{width:110%;max-width:none;height:auto;margin:0}.about-scene>div{width:100%;margin-top:-15px;padding:0}.about-scene>div span{font-size:8px}.about-scene b{margin-top:25px;font-size:54px;line-height:.9}.about-content{grid-template-columns:1fr;gap:30px}.about-content p{margin-bottom:23px;font-size:13px;line-height:2}.about-facts{margin:30px 0}.about-facts>div{gap:35px;padding:17px 0;font-size:11px}.project-grid{grid-template-columns:1fr;gap:23px}.project-cover{height:310px}.project-info h3{font-size:14px}.projects-page .page-heading>.button{min-height:42px;padding:12px 16px;font-size:11px}.empty-projects{padding:30px 0}.empty-projects h2{font-size:24px}.empty-projects p{font-size:12px}.wizard-heading h1{font-size:35px}.wizard-heading .muted{font-size:11px}.wizard-heading .small-label{font-size:10px}.wizard-heading>.demo-badge{margin-top:8px;padding:5px 7px;font-size:8px}.steps{gap:10px;margin:28px 0}.steps li{white-space:nowrap;gap:6px;padding:15px 0;font-size:10px}.steps li>span{width:18px;height:18px;font-size:8px}.brief-grid{grid-template-columns:1fr;gap:35px}.form-top{flex-direction:row;align-items:center;gap:10px;margin-bottom:0}.form-top h2{font-size:19px}.form-top .text-button{white-space:nowrap;font-size:9px}.brief-form{gap:21px}.brief-form label{font-size:12px}.brief-form input,.brief-form textarea{padding:12px;font-size:12px}.brief-aside{border-left:0;border-top:1px solid var(--line);padding:28px 0 0}.brief-aside h3{font-size:15px}.upload-box{padding:26px 15px}.wizard-actions{flex-wrap:wrap;gap:12px;margin-top:30px;padding-top:20px}.wizard-actions>.muted{text-align:center;order:3;width:100%;margin:0;font-size:9px}.wizard-actions>.button{gap:15px;min-height:42px;padding:12px 18px;font-size:11px}.wizard-actions>.button:last-child{margin-left:auto}.structure-panel h2{font-size:23px}.page-draft{grid-template-columns:17px 20px minmax(0,1fr) 28px 28px 28px;gap:12px 7px;padding:18px 0;display:grid}.page-draft>.draft-number{grid-row:1/3;align-self:start;margin-top:8px;font-size:10px}.page-draft>svg{grid-row:1/3;align-self:start;width:16px;margin-top:5px}.page-draft>label{grid-column:3;gap:5px;font-size:9px}.page-draft>label:nth-of-type(2){grid-row:2;max-width:none}.page-draft>.icon-button{grid-row:1;min-width:25px;min-height:30px}.page-draft>.icon-button>svg{width:15px}.page-draft input{padding:8px;font-size:11px}.shared-note{gap:13px;margin-top:25px;padding:18px}.shared-note p{font-size:10px}.shared-note b{font-size:12px}.directions-heading h2{font-size:25px}.directions-heading .muted{font-size:11px}.direction-grid{grid-template-columns:1fr;gap:20px}.direction-option{grid-template-columns:1fr 1.15fr;align-items:stretch;display:grid}.direction-art{height:auto;min-height:260px;padding:13px}.direction-mini-nav{margin-top:8px;font-size:8px}.direction-mini-layout{flex-direction:column;align-items:flex-start;gap:18px;margin-top:25px;display:flex}.direction-mini-layout b{font-size:23px}.direction-mini-layout small{margin-bottom:9px;font-size:6px}.direction-mini-layout .mini-still{width:100%;height:90px}.precision .direction-mini-layout b{font-size:26px}.direction-mini-layout .mini-vase{width:48px;height:64px}.direction-info{padding:18px 13px}.direction-info h3{font-size:17px}.direction-info h3 svg{width:18px;height:18px}.direction-info p{min-height:0;margin-top:12px;font-size:9px;line-height:1.8}.direction-info dl{gap:10px 4px;margin:15px 0;font-size:8px}.direction-info .swatches i{width:17px;height:17px}.direction-art.studio .direction-mini-layout{gap:20px;margin-top:35px}.generation-mode{flex-wrap:wrap;gap:12px;padding-top:25px;font-size:10px}.generation-mode .demo-badge{font-size:8px}.generation-mode>p{flex:1;min-width:180px}.generation-mode label{width:100%;margin:0}.editor-toolbar{flex-wrap:wrap;gap:14px;height:auto;min-height:75px;padding:14px 5%}.editor-project{gap:7px;width:100%;font-size:11px}.editor-project>b{max-width:75vw}.editor-project .save-state{margin-left:auto;font-size:7px;display:flex}.toolbar-actions{justify-content:space-between;gap:7px;width:100%}.toolbar-actions .button{gap:9px;min-height:33px;padding:8px 11px;font-size:9px}.mobile-editor-tabs{background:#f8faf1;border-bottom:1px solid #d6e0c7;justify-content:space-between;align-items:center;padding:0 5%;display:flex}.mobile-editor-tabs>button{color:#9bac88;border-bottom:2px solid #0000;flex:1;padding:16px 7px;font-size:11px}.mobile-editor-tabs>button.active{color:#435b30;border-color:#4b6337}.editor-grid{min-height:calc(100svh - 230px);display:flex}.editor-left,.editor-right,.editor-center{border:0;width:100%;display:none}.show-preview .editor-center{display:flex}.show-pages .editor-left,.show-edit .editor-right{display:block}.preview-toolbar{height:45px;padding:0 5%;font-size:10px}.preview-toolbar .muted{font-size:8px;display:inline}.device-switch{margin-left:auto;margin-right:0}.device-switch button{padding:5px 8px}.canvas-area{min-height:430px;padding:22px 5%}.preview-footer{padding:15px 5%;font-size:7px}.panel-tabs{gap:30px;padding:0 5%}.panel-tabs button{font-size:12px}.panel-label{padding:25px 5% 15px!important;font-size:11px!important}.page-tree{padding:0 5%}.page-tree>button{gap:15px;padding:15px 12px;font-size:13px}.page-tree>button small{max-width:130px;font-size:10px;display:block}.panel-divider{margin:25px 5% 0}.section-tree{padding:0 5%}.section-tree>button{gap:14px;padding:13px 10px;font-size:12px}.add-section{margin:15px 7% 0;font-size:11px}.editor-shared{margin:35px 5%;padding-top:25px}.editor-shared b{font-size:12px}.editor-shared p,.editor-shared .text-button{font-size:11px}.scope-picker{gap:10px;padding:18px 5%}.scope-picker>span{font-size:10px}.scope-picker select{padding:12px;font-size:12px}.chat-panel{min-height:500px}.chat-messages{max-height:450px;padding:22px 5% 15px}.chat-welcome h3{font-size:18px}.chat-welcome p{font-size:12px}.message{margin-bottom:20px;padding:16px;font-size:12px}.message b{font-size:11px}.chat-suggestions{gap:8px;padding:0 5%}.chat-suggestions button{padding:9px 10px;font-size:10px}.chat-input{margin:15px 5% 25px}.chat-input textarea{padding:14px;font-size:12px}.chat-input>div>span{font-size:9px}.send-button{width:36px;height:32px}.content-editor{gap:23px;padding:25px 5%}.content-editor h3{font-size:18px}.content-editor>.muted,.content-editor label{font-size:12px}.content-editor input,.content-editor textarea,.content-editor select{padding:12px;font-size:13px}.content-editor .fine-print{font-size:10px}.content-editor .danger{font-size:11px}.color-field span{font-size:12px}.color-field input{width:45px;height:30px;padding:0}.editor-assets{padding:25px 5%}.editor-assets h3{font-size:16px}.editor-assets .muted{font-size:12px}.editor-assets .button{font-size:11px}.editor-assets>a{padding:15px 0;font-size:12px}.editor-assets figure img{height:180px}.compare-grid{gap:25px;padding:20px 5%}.toast{gap:8px;width:max-content;max-width:94%;padding:14px 16px;font-size:10px;bottom:15px}.dialog-backdrop{padding:15px}.dialog{max-height:92svh;padding:22px}.dialog-header h2{font-size:22px}.dialog .reference-study{height:260px}.modal-reference-text>p{font-size:12px}.modal-reference-text h3{font-size:14px}.modal-actions{flex-wrap:wrap;gap:10px}.modal-actions .button{gap:10px;min-height:40px;padding:11px 12px;font-size:10px}.error-box{padding:14px;font-size:11px}.storage-error{font-size:10px}}@media (width<=380px){.brand-cn{display:none}.hero-copy h1{font-size:36px}.hero-actions .button{gap:18px;padding:12px 15px}.hero-scene{height:350px}.editor-project .save-state{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.hero-demo{color:#6d6742;background:#eee8cb;border:1px solid #d8cf99;margin-left:4px;padding:3px 6px;font-size:9px;line-height:1.3}.reference-target{justify-content:space-between;align-items:center;gap:20px;margin-top:24px;display:flex}.reference-target label{color:#68705e;flex-direction:row;align-items:center;gap:14px;font-size:11px;display:flex}.reference-target select{background:#eeeee4;width:240px;padding:9px 12px;font-size:11px}.reference-target .text-button{padding:5px 0;font-size:11px}.optional-url{margin:25px 0;font-size:11px}.optional-url input{padding:11px;font-size:11px}.optional-url .fine-print{font-size:9px;font-weight:400}.editor .panel-tabs button{color:#6c755e;font-size:12px}.editor .panel-label{color:#737f63;font-size:11px}.editor .page-tree>button{font-size:12px}.editor .section-tree>button,.editor .editor-shared>b{font-size:11px}.editor .editor-shared p{color:#737e63;font-size:10px}.editor .scope-picker select{padding:9px;font-size:12px}.editor .chat-welcome p{color:#747f65;font-size:12px}.editor .message{font-size:12px}.editor .message b{font-size:10px}.editor .chat-input textarea{font-size:12px}.editor .chat-suggestions button{font-size:9px}.editor .content-editor label,.editor .content-editor input,.editor .content-editor textarea,.editor .content-editor select{font-size:12px}.editor .content-editor>.muted{color:#7a856c;font-size:11px}.editor .save-state{color:#73835c;font-size:10px}.editor .preview-toolbar{font-size:11px}.editor .preview-address{color:#748565}.editor .preview-footer{color:#71825c;font-size:9px}.editor .content-editor h3{font-size:16px}.editor .fine-print{color:#788568}@media (width<=900px) and (width>=701px){.editor .section-tree>button{font-size:10px}.editor .page-tree>button,.editor .panel-tabs button{font-size:11px}.editor .editor-shared p{font-size:9px}.editor .message,.editor .content-editor label{font-size:11px}}@media (width<=700px){.reference-target{flex-wrap:wrap;gap:15px;margin-top:20px}.reference-target label{gap:12px;width:100%;font-size:10px}.reference-target select{flex:1;width:auto;font-size:11px}.hero-demo{font-size:8px}.editor .panel-label{font-size:11px}.editor .save-state{font-size:8px}.editor .section-tree>button{font-size:12px}.editor .page-tree>button{font-size:13px}.editor .preview-footer{font-size:8px}}:root{--paper:#f0f1ec;--yellow:#b7edcf;--mint:#baf2d3;--glass-line:#ffffff36}.glass-surface{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(20px)saturate(1.4);backdrop-filter:blur(20px)saturate(1.4);background:linear-gradient(125deg,#fff3,#ffffff0b 65%);box-shadow:inset 0 1px #ffffff85,inset 0 -1px #ffffff15,0 12px 40px #00000015}body[data-page=home]{background:#0a1010}.site-header:not(.workspace-header){-webkit-backdrop-filter:blur(24px)saturate(1.5);backdrop-filter:blur(24px)saturate(1.5);background:linear-gradient(130deg,#fffb,#ecefe87a);border:1px solid #ffffffbd;border-radius:40px;width:calc(100% - 64px);max-width:1600px;height:68px;margin:16px auto;padding:0 24px;position:sticky;top:16px;box-shadow:inset 0 1px 1px #fff,0 8px 30px #18221c0b}.site-header nav a{border-radius:24px;padding:10px 13px;transition:background .2s,transform .2s,color .2s}.site-header nav a:hover,.site-header nav a:focus-visible{background:#ffffff75;transform:translateY(-1px)}.site-header nav a.active:after{bottom:2px}.header-end .primary{color:#edf7ef;background:#202a24;border-radius:30px}.header-login{white-space:nowrap;background:#ffffff40;border-radius:30px;padding:10px 14px;font-size:12px}.workspace-header .header-login{display:none}body[data-page=home] .site-header{color:#e6eee6;background:linear-gradient(125deg,#a1bcb32b,#dbe6ed0c);border-color:#d7e6dc30;width:auto;margin:0;position:fixed;top:18px;left:32px;right:32px;box-shadow:inset 0 1px #ffffff42,0 12px 45px #0003}body[data-page=home] .site-header .logo-mark i{background:#e0efdf}body[data-page=home] .site-header nav a{color:#c0ccc6}body[data-page=home] .site-header nav a:hover{color:#fff;background:#ffffff1a}body[data-page=home] .site-header .primary{background:var(--mint);color:#10271c}body[data-page=home] .site-header nav a.active:after{background:var(--mint)}.experience-scroll{--progress:0;--intro:1;--middle:0;--ending:0;--wash:0;color:#d6eadc;background:#0a1010;height:310svh;position:relative}.experience-stage{isolation:isolate;background:radial-gradient(at 70%,#192b24 0,#0000 62%),#0a1010;height:100svh;min-height:720px;position:sticky;top:0;overflow:hidden}.experience-stage:after{content:"";pointer-events:none;opacity:var(--wash);z-index:-1;background:radial-gradient(at 68% 60%,#633e9b88,#0000 70%);position:absolute;inset:0}.experience-grain{opacity:.15;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.4' d='M0 0h220v220H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.kinetic-scene,.kinetic-canvas{position:absolute;inset:0}.kinetic-scene{z-index:0}.kinetic-canvas canvas{width:100%;height:100%;transition:opacity .5s;display:block}.kinetic-status{color:#aec7b5;letter-spacing:.04em;font-size:10px;position:absolute;bottom:125px;right:4.5%}.kinetic-status i{background:var(--mint);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.kinetic-fallback{width:42vw;height:42vw;transform:rotate(calc(var(--progress) * 90deg));border:1px solid #b4e4c94f;border-radius:50%;transition:opacity .3s;position:absolute;top:18%;right:10%;box-shadow:inset 0 0 100px #87b49a11,0 0 80px #7aac8c10}.kinetic-fallback i{border:1px solid #e0d6f43d;border-radius:50%;position:absolute;inset:8%;transform:rotateY(60deg)rotateX(30deg)}.kinetic-fallback i:nth-child(2){transform:rotateY(-60deg)rotateX(-30deg)}.kinetic-fallback i:nth-child(3){transform:rotateX(65deg)}.kinetic-fallback i:nth-child(4){border-style:dotted;inset:22%}.kinetic-fallback span{color:#bfe4cf99;place-items:center;font:italic 13vw Georgia;display:grid;position:absolute;inset:20%}.kinetic-scene.ready .kinetic-fallback{opacity:0}.scene-loading{color:#d4e8d7;font-size:13px;position:absolute;top:45%;right:20%}.experience-topline{color:#a8c1b1;z-index:3;justify-content:space-between;font-size:11px;display:flex;position:absolute;top:125px;left:4.5%;right:4.5%}.exp-demo{border:1px solid #b8cfbd45;border-radius:30px;padding:5px 12px;font-size:10px}.experience-chapter{z-index:2;pointer-events:none;position:absolute;top:24%;left:7%}.experience-chapter>*{pointer-events:auto}.chapter-intro{opacity:var(--intro);transform:translate3d(0, calc(var(--progress) * -100px), 0);visibility:visible}.experience-scroll[data-phase="1"] .chapter-intro,.experience-scroll[data-phase="2"] .chapter-intro{visibility:hidden}.exp-eyebrow{letter-spacing:.09em;color:#b7cebc;margin-bottom:24px;font-size:12px;display:block}.experience-chapter h1,.experience-chapter h2{letter-spacing:-.065em;color:#c6ecd3;font-family:Georgia,Times New Roman,serif;font-size:clamp(70px,7.8vw,126px);font-weight:400;line-height:.98}.experience-chapter em{font-weight:400}.experience-chapter p{color:#afc6b7;letter-spacing:.02em;margin:30px 0 26px;font-size:14px;line-height:1.85}.experience-actions{gap:12px;display:flex}.button.glass-primary{color:#10251a;background:#b9f1d3;border:1px solid #d5fce6b0;border-radius:40px;padding:16px 23px;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 1px 1px #fff8,0 5px 25px #8bddae15}.button.glass-primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px 2px #fff,0 10px 30px #8bddae30}.button.glass-secondary{color:#d0e7d7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(130deg,#f5fff322,#ffffff06);border:1px solid #d6eee648;border-radius:40px;box-shadow:inset 0 1px #ffffff38}.chapter-fold{opacity:var(--middle);transform:translate3d(calc((.47 - var(--progress)) * 70px), 0, 0);visibility:hidden;top:28%;left:8%}.experience-scroll[data-phase="1"] .chapter-fold{visibility:visible}.chapter-pages{opacity:var(--ending);visibility:hidden;top:19%;left:7%}.experience-scroll[data-phase="2"] .chapter-pages{visibility:visible}.chapter-pages h2{color:#e0d8ed;font-size:clamp(65px,6.7vw,108px)}.chapter-pages .exp-eyebrow{color:#c8c1d7}.chapter-pages p{margin:24px 0 20px}.chapter-pages .glass-primary{color:#251b36;background:#ded0fb;border-color:#efe6ff}.experience-bottom{z-index:4;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:34px;left:4.5%;right:4.5%}.experience-bottom>span:first-child{letter-spacing:.17em;color:#8caa98;font-size:9px;line-height:2}.experience-bottom b{letter-spacing:0;color:#c8dcce;font-size:11px;font-weight:400}.chapter-dock{color:#b9c9bf;border-radius:40px;gap:5px;padding:7px;display:flex}.chapter-dock button{border-radius:30px;align-items:center;gap:9px;padding:12px 22px;font-size:12px;transition:background .25s,color .25s,transform .2s;display:flex}.chapter-dock button i{background:currentColor;border-radius:50%;width:5px;height:5px}.chapter-dock button.active{color:#193724;background:#c8e6d2;box-shadow:inset 0 1px 1px #fff}.chapter-dock button:hover{background:#fff2;transform:translateY(-2px)}.exp-scroll-line{background:#a6b9a13b;width:60px;height:1px;position:relative}.exp-scroll-line i{height:1px;width:calc(var(--progress) * 100%);background:#dcf5dd;transition:none;display:block}.experience-intro{color:#20352b;background:#dce9df;grid-template-columns:1fr 2.3fr;align-items:start;gap:28px;padding:100px 7% 95px;display:grid}.experience-intro>span{padding-top:12px;font-size:12px}.experience-intro>p{letter-spacing:-.05em;font-size:clamp(28px,3vw,46px);font-weight:500;line-height:1.5}.experience-intro em{color:#718777;font-style:normal}.experience-intro>a{grid-column:2;justify-self:start}.experience-workbench{color:#243329;perspective:1600px;background:#eef0e9;padding:110px 5% 80px;overflow:hidden}.experience-section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px;display:flex}.experience-section-head>div>span{color:#718073;margin-bottom:24px;font-size:11px;display:block}.experience-section-head h2{letter-spacing:-.055em;font-size:clamp(33px,3.5vw,54px);line-height:1.3}.folding-interface{transform-origin:50% 100%;animation:linear both frame-unfold;animation-timeline:view();animation-range:entry entry 90%}.experience-workbench .demo-ui{border-color:#c1cdbe;border-radius:22px;overflow:hidden;box-shadow:0 25px 80px #1f3b2720}.experience-smallprint{color:#748371;justify-content:space-between;padding-top:20px;font-size:10px;display:flex}.experience-studio{color:#26392d;background:#e4e8df;grid-template-columns:.8fr 1.7fr;align-items:center;min-height:640px;padding:90px 5% 60px;display:grid;overflow:hidden}.experience-studio h2{margin:22px 0;font-size:clamp(36px,4.8vw,68px)}.experience-studio p{color:#687b69;margin-bottom:28px;font-size:14px}.experience-room{height:560px;position:relative}.experience-room .studio-visual{position:absolute;inset:0}.experience-room .studio-status{font-size:9px}.experience-room .material-note{bottom:0;right:0}.experience-case{background:#f0f1ec;padding:110px 5%}.featured-motion-case{grid-template-columns:1.2fr 1fr;align-items:center;gap:7%;display:grid}.case-morph-art{background:#0e1715;border-radius:4px;place-items:center;height:400px;display:grid;position:relative;overflow:hidden}.case-morph-art i{border:1px dotted #b6eac6;border-radius:50%;width:250px;height:250px;position:absolute;transform:rotateX(35deg)rotateY(40deg)}.case-morph-art i:nth-child(2){border:1px solid #b6eac640;width:320px;height:320px;transform:rotateX(-30deg)rotateY(35deg)}.case-morph-art i:nth-child(3){border-color:#dae6dd75;width:260px;height:170px;transform:rotate(25deg)}.case-morph-art b{color:#b9eecb;letter-spacing:-.04em;font:60px Georgia}.featured-motion-case>div>span{color:#6c786e;font-size:11px}.featured-motion-case h3{margin:24px 0;font:54px Georgia}.featured-motion-case p{color:#718072;font-size:14px}.case-link{align-items:center;gap:20px;margin-top:35px;display:flex}.featured-motion-case:hover .case-morph-art i{transition:transform .8s;transform:rotate(40deg)rotateY(50deg)}.experience-cta{text-align:center;color:#c7e4d0;background:radial-gradient(at 50% 90%,#35453d,#111a17 70%);min-height:680px;padding:100px 7%;position:relative;overflow:hidden}.experience-cta>span{color:#91ad99;font-size:12px}.experience-cta h2{letter-spacing:-.055em;margin:35px 0;font:clamp(66px,8.4vw,128px)/.98 Georgia}.experience-cta>.text-button{color:#b5cbbd;justify-content:center;width:max-content;margin:26px auto 0;font-size:11px;display:flex}.experience-cta em{font-weight:400}.site-footer{color:#c6d6c8;background:#101a15;padding-top:70px;overflow:hidden}.site-footer .logo-mark i{background:#c3d7c4}.site-footer .footer-top>p{color:#839e8a}.site-footer .footer-top{flex-wrap:wrap;gap:35px}.site-footer nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(130deg,#d8e8dd19,#ffffff04);border:1px solid #c9dfd229;border-radius:38px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex;box-shadow:inset 0 1px #ffffff2a}.site-footer nav a{border-radius:30px;min-width:66px;padding:15px 17px;font-size:12px;transition:transform .2s,background .2s,color .2s,opacity .2s;position:relative}.site-footer nav a:hover,.site-footer nav a:focus-visible{color:#1a3823;background:#d5f5dd;transform:translateY(-7px)scale(1.06);box-shadow:0 8px 20px #0003,inset 0 1px 1px #fff}.site-footer nav:has(a:hover) a:not(:hover){opacity:.55;transform:scale(.95)}.site-footer nav a:active{background:#abd4ee;transform:translateY(-2px)scale(.94)}.footer-wordmark{letter-spacing:-.08em;color:#d4dfcf;justify-content:space-between;align-items:center;margin-top:40px;font-family:Archivo Variable,sans-serif;font-size:20.4vw;font-weight:850;line-height:1.04;display:flex}.footer-wordmark span{transition:transform .4s cubic-bezier(.2,.8,.2,1),color .4s;display:inline-block}.footer-wordmark span:hover{color:#bcf2d3;transform:translateY(-12%)rotate(-4deg)}.footer-bottom{color:#6f8a77;border-color:#d7e4d32e;padding-top:25px}.footer-top .brand-cn{border-color:#9ab09b50}@keyframes frame-unfold{0%{clip-path:inset(0 2% round 28px);transform:perspective(1600px)rotateX(13deg)scale(.9)}to{clip-path:inset(0 round 22px);transform:perspective(1600px)rotateX(0)scale(1)}}.chapter-dock button.active:hover,.chapter-dock button.active:focus-visible{color:#183827;background:#d3ecdd}.experience-scroll[data-phase="2"] .chapter-dock button.active{color:#2d213e;background:#ded3f0}.account-page{grid-template-columns:1fr 1fr;align-items:center;gap:8%;max-width:1440px;min-height:780px;margin:55px auto 100px;padding:0 7%;display:grid}.account-art{background:radial-gradient(at 70%,#576d62,#1e3429 65%);border-radius:200px 200px 40px 40px;height:690px;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0a221a55}.account-art>span{letter-spacing:-.055em;color:#dcf1dd;font:italic clamp(45px,4.8vw,75px)/1.06 Georgia;position:absolute;bottom:17%;left:12%}.account-art>small{letter-spacing:.15em;color:#a1b8a9;font-size:9px;position:absolute;bottom:10%;left:12%}.glass-orbit{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(130deg,#e1e9e140,#b1c9b00a 50%,#e8eeeb22);border:1px solid #e2f7eb60;border-radius:50%;width:330px;height:330px;position:absolute;top:12%;left:10%;transform:rotate(-30deg)scaleX(.75);box-shadow:inset 2px 2px 8px #edfff641,inset -5px -5px 20px #0b201c40,6px 6px 30px #12241a44}.orbit-two{width:240px;height:240px;top:22%;left:38%;transform:rotate(25deg)scaleX(.65)}.account-form{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:40px 0}.account-form>h1{margin:28px 0 22px;font-size:clamp(32px,3.4vw,48px);line-height:1.35}.account-form>p{color:#788575;margin-bottom:25px;font-size:13px}.account-form form{flex-direction:column;gap:20px;margin-top:25px;display:flex}.account-form input{background:#fff9;border-color:#c6d3c5;border-radius:14px;padding:17px 18px}.account-form .button{border-radius:30px;justify-content:center}.account-fine{color:#8a9886;font-size:10px}.account-form>.text-button{margin-top:28px;font-size:12px}.account-form .account-notice{color:#53634e;background:#e0e9dc;border-radius:14px;padding:16px;font-size:12px}.account-error{background:#f0e0db;border-radius:12px;margin-top:20px;padding:16px;font-size:12px;color:#8b3e31!important}.account-status{background:#dbe9d9;border-radius:12px;margin-top:20px;padding:16px;font-size:12px;color:#31503a!important}.account-success{flex-direction:column;gap:22px;font-size:13px;display:flex}.account-success .muted{font-size:11px}.pricing-page{padding-top:75px}.pricing-heading{grid-template-columns:1fr 1fr;align-items:end;gap:25px;padding-bottom:70px;display:grid}.pricing-heading>.small-label{grid-column:1/-1}.pricing-heading h1{font-size:clamp(42px,5vw,76px);line-height:1.18}.pricing-heading>div{text-align:right;flex-direction:column;justify-self:end;align-items:end;gap:25px;display:flex}.pricing-heading p{color:#6d7f6e;font-size:13px}.pricing-period{background:#fff5;border-color:#fff;border-radius:30px;padding:11px 20px;font-size:11px;display:inline-block}.pricing-disclosure{color:#7b8877;border-top:1px solid var(--line);margin-bottom:30px;padding:17px 0;font-size:11px}.pricing-grid{-webkit-backdrop-filter:blur(18px)saturate(1.2);backdrop-filter:blur(18px)saturate(1.2);background:#ffffff20;border:1px solid #cfd8ca;border-radius:25px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.price-plan{background:#f6fbf722;border-right:1px solid #d1d9cd;flex-direction:column;padding:30px 25px 34px;display:flex;position:relative}.price-plan.go,.price-plan.max{background:#f7fcf72e}.price-plan.max{border-left:1px solid #d1d9cd55}.price-plan:last-child{border-right:0}.price-plan.plus{background:#deeadc}.price-plan.ultra{color:#dfecdf;background:#23372c}.plan-top{justify-content:space-between;align-items:center;gap:5px;display:flex}.plan-top h2{letter-spacing:-.06em;font:600 27px Manrope Variable,sans-serif}.plan-top>span{white-space:nowrap;border:1px solid #a5bca2;border-radius:20px;padding:4px 7px;font-size:9px}.plan-price{align-items:center;gap:7px;height:100px;margin-top:15px;display:flex}.plan-price b{color:#3f5144;letter-spacing:-.045em;font-size:42px;font-weight:550}.plan-price span{color:#7b8978;font-size:11px}.plan-price .quote-price{letter-spacing:-.04em;font-size:29px}.price-plan h3{letter-spacing:-.03em;margin:10px 0 16px;font-size:15px}.price-plan>p{color:#74816e;min-height:95px;font-size:12px;line-height:1.9}.price-plan.ultra>p{color:#9fb9a6}.price-plan .button{color:#eef7e9;background:#263c2e;border-radius:30px;justify-content:space-between;margin:24px 0;padding:13px 16px;font-size:12px}.price-plan.ultra .button{color:#213c2a;background:#bfecd1}.price-plan ul{border-top:1px solid #a6b59e55;flex-direction:column;gap:16px;margin:0;padding:24px 0 0;list-style:none;display:flex}.price-plan li{align-items:start;gap:8px;font-size:11px;display:flex}.price-plan li svg{color:#7fa080;margin-top:2px}.consultation-band{border-block:1px solid #c5d1bf;grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;margin:90px 0;padding:50px 0;display:grid}.consultation-band h2{margin:20px 0}.consultation-band p{color:#7a8a74;font-size:13px}.consultation-band>div:last-child{flex-direction:column;align-items:start;gap:20px;display:flex}.consultation-band .button{border-radius:30px}.price-faq{grid-template-columns:1fr 2fr;column-gap:70px;margin-bottom:70px;display:grid}.price-faq h2{grid-row:1/4;font-size:35px}.price-faq details{border-top:1px solid var(--line);padding:22px 0}.price-faq summary{cursor:pointer;font-size:14px}.price-faq details p{color:#74816f;padding-top:20px;font-size:12px}.plan-info{z-index:100;-webkit-backdrop-filter:blur(30px)saturate(1.45);backdrop-filter:blur(30px)saturate(1.45);background:linear-gradient(145deg,#f5fbf7f7,#eaf3edf5 72%,#f6faf7f7);border:1px solid #ffffffed;border-radius:32px;width:min(740px,100vw - 40px);max-height:calc(100dvh - 48px);padding:46px 52px;position:relative;top:auto;left:auto;overflow-y:auto;transform:none;box-shadow:inset 0 1px 1px #fff,inset 1px 0 1px #ffffff9c,0 30px 90px #07180f45}.plan-info>.icon-button{color:#294635;background:#ffffffa8;border-color:#a8c0ad80;width:38px;height:38px;position:absolute;top:15px;right:15px}.plan-info h2{color:#1c3426;margin:14px 0 16px;font-size:38px;font-weight:620;line-height:1.2}.plan-info>p{color:#485e4d;font-size:15px;line-height:1.75}.plan-info>.small-label{color:#4d7558;margin:0;font-size:13px;font-weight:650}.plan-info .plan-info-tag{color:#294b35;margin:0 0 10px;font-size:18px;font-weight:650}.plan-info .plan-info-copy{color:#3b5142;margin:0;font-size:16px;line-height:1.8}.plan-info-features{background:#ffffff78;border:1px solid #b9d1bf8c;border-radius:17px;gap:12px;margin:20px 0 14px;padding:18px 20px;list-style:none;display:grid}.plan-info-features li{color:#263d2e;align-items:start;gap:9px;font-size:14px;line-height:1.65;display:flex}.plan-info-features svg{color:#498063;flex:none;margin-top:2px}.plan-info-price{align-items:baseline;gap:8px;margin:12px 0 2px;display:flex}.plan-info-price b{color:#1d3928;letter-spacing:-.04em;font-size:42px;font-weight:680}.plan-info-price span,.plan-info-price .plan-info-quote{color:#4b6251;letter-spacing:0;font-size:14px}.payment-disclosure,.plan-info .payment-status{color:#36513d;background:#e3efe6;border:1px solid #bad1c1;border-radius:13px;margin:12px 0 0;padding:12px 14px;font-size:13px;line-height:1.7}.payment-methods{gap:11px;margin:20px 0 8px;display:grid}.payment-methods button{text-align:left;color:#203a2a;background:#ffffffc7;border:1px solid #8eae9791;border-radius:16px;align-items:center;gap:13px;min-height:60px;padding:10px 16px;font-size:15px;font-weight:600;transition:background .18s,border-color .18s,transform .18s;display:flex}.payment-methods button:hover{border-color:#4b805b;transform:translateY(-1px)}.payment-methods button:focus-visible{outline-offset:2px;outline:3px solid #6a9a75}.payment-methods button.selected{background:#d9eee0;border-color:#36744a;box-shadow:inset 0 0 0 1px #36744a5c}.payment-method-mark{color:#204d37;background:#b9ddc6;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:14px;font-weight:750;display:grid}.plan-info .button{border-radius:30px;min-height:52px;margin:20px 0 8px;font-size:14px}.plan-info>.button{justify-content:space-between;width:100%}.plan-info .text-button{color:#355842;font-size:13px;font-weight:600}.creator-page{padding-top:70px}.creator-heading{padding-bottom:85px}.creator-heading h1{letter-spacing:-.06em;margin-top:30px;font-size:clamp(42px,5.6vw,82px);line-height:1.2}.creator-profile{grid-template-columns:1fr 1.1fr;align-items:center;gap:11%;margin-bottom:100px;display:grid}.creator-profile figure{margin:0}.creator-profile img{object-fit:cover;object-position:center 32%;filter:grayscale();border-radius:6px 6px 150px;width:100%;height:610px}.creator-profile figcaption{color:#7b8a75;margin-top:15px;font-size:9px}.creator-profile figcaption a{text-underline-offset:3px;text-decoration:underline}.creator-name{letter-spacing:-.05em;margin-bottom:20px;font:58px Georgia}.creator-profile h2{letter-spacing:-.04em;margin:0 0 35px;font-size:clamp(25px,3vw,44px);font-weight:500;line-height:1.1}.creator-profile .creator-bio{color:#6e806a;max-width:520px;font-size:15px;line-height:2.05}.creator-tags{gap:10px;margin-top:30px;display:flex}.creator-tags span{border:1px solid #becdb8;border-radius:20px;padding:8px 13px;font-size:10px}.creator-belief{border-top:1px solid var(--line);grid-template-columns:1fr 2fr;gap:30px;padding:70px 0 90px;display:grid}.creator-belief>span{font-size:12px}.creator-belief h2{grid-column:2;font-size:43px;line-height:1.3}.creator-belief p{color:#7a8974;grid-column:2;max-width:600px;font-size:13px}.creator-belief a{border-radius:30px;grid-column:2;justify-self:start}.portrait-fallback{background:#d3decf;min-height:400px;position:relative}.portrait-fallback:before{content:"Aleks";text-align:center;color:#53634e;padding:100px 0;font:60px Georgia;display:block}.website-collections{border-top:1px solid var(--line);margin-top:70px;padding:100px 0 20px}.collection-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px;display:flex}.collection-heading h2{margin-top:20px;font-size:40px}.collection-heading p{color:#7d8d76;font-size:12px}.collection-item{border-top:1px solid #c9d5c3;grid-template-columns:140px 1fr 1.2fr 25px;align-items:center;gap:30px;padding:35px 0;transition:background .25s,padding .25s;display:grid}.collection-item:hover{background:#e3eadc;padding-inline:18px}.collection-mark{letter-spacing:-.08em;font:45px Georgia}.collection-item.landing .collection-mark{color:#b62276}.collection-item h3{font-size:21px}.collection-item div span{color:#819075;margin-top:8px;font-size:10px;display:block}.collection-item>p{color:#71846b;font-size:12px}.curated-feature{grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;margin-top:65px;display:grid}.curated-art{background:#151d18;place-items:center;height:330px;display:grid;position:relative;overflow:hidden}.curated-art b{color:#b7e4c7;z-index:1;font:50px Georgia}.curated-art i{border:1px dotted #a4d6b5a6;border-radius:50%;position:absolute;inset:10% 20%;transform:rotate(30deg)}.curated-art i:nth-child(2){inset:20% 10%;transform:rotate(-30deg)}.curated-feature h3{margin:20px 0;font-size:35px}.curated-feature p{color:#7c8c74;font-size:13px}.curated-feature .text-button{margin-top:25px;font-size:12px}.study-page>header{padding:60px 0}.study-page h1{letter-spacing:-.055em;margin:25px 0;font:clamp(60px,7vw,104px)/1.05 Georgia}.study-page h1 em{font:400 clamp(30px,4vw,60px)/1.3 Manrope Variable,PingFang SC,sans-serif}.study-page>header p{color:#788a70;font-size:14px}.study-art{background:#111a16;place-items:center;height:550px;display:grid;position:relative;overflow:hidden}.study-art i{border:1px dotted #b8e7c5;border-radius:50%;width:440px;height:440px;position:absolute;transform:rotateX(30deg)}.study-art i:nth-child(2){border-color:#d8efd15f;height:350px;transform:rotate(-30deg)}.study-art i:nth-child(3){width:550px;transform:rotateY(60deg)rotate(30deg)}.study-art span{color:#b7e3c4;letter-spacing:-.05em;text-align:center;font:clamp(60px,8vw,115px)/.9 Georgia}.study-body{grid-template-columns:1fr 2fr;gap:8%;padding:70px 0;display:grid}.study-body aside{flex-direction:column;align-items:start;gap:23px;font-size:11px;display:flex}.study-body aside>span{font-size:11px;line-height:1.9}.study-body aside a{align-items:center;gap:15px;display:flex}.study-body .button{border-radius:30px}.study-body h2{margin:0 0 25px;font-size:32px}.study-body h2:not(:first-child){margin-top:55px}.study-body h3{margin-top:35px;font-size:19px}.study-body article p{color:#75856f;margin-top:15px;font-size:14px;line-height:2}@media (width<=1100px){.site-header nav{gap:3px;margin-right:5px}.site-header .brand-cn{display:none}.site-header:not(.workspace-header){padding-inline:20px}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-plan:nth-child(2){border-right:0}.price-plan:nth-child(-n+2){border-bottom:1px solid #cbd6c4}.experience-room{height:450px}.experience-studio{min-height:540px}.creator-profile{gap:7%}.creator-profile img{height:520px}.site-footer .footer-top nav{margin-left:0}.collection-item{grid-template-columns:90px 1fr 1fr 25px;gap:20px}}@media (width<=760px){.site-header:not(.workspace-header){gap:8px;width:calc(100% - 24px);height:59px;margin:12px auto;padding:0 17px;top:12px}body[data-page=home] .site-header{width:auto;margin:0;top:12px;left:12px;right:12px}.site-header .brand b{font-size:22px}.site-header .header-end .primary{display:none}.site-header .header-end .header-login{padding:9px 12px;font-size:11px;display:block}.site-header .mobile-menu{width:35px;height:35px;display:block}.site-header nav{display:none}.site-header nav.is-open{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);color:#243e2e;background:#e2eae0f5;border-radius:24px;flex-direction:column;gap:4px;margin:0;padding:20px;display:flex;position:absolute;top:70px;left:0;right:0;box-shadow:inset 0 1px 1px #fff,0 20px 60px #0003}.site-header nav.is-open a{padding:14px 18px;color:#304b36!important}.site-header .brand-cn{display:none}.experience-scroll{height:280svh}.experience-stage{min-height:650px}.experience-topline{font-size:9px;top:100px;left:6%;right:6%}.experience-topline .exp-demo{padding:4px 7px;font-size:8px}.experience-chapter{top:24%;left:7%;right:5%}.exp-eyebrow{margin-bottom:20px;font-size:10px}.experience-chapter h1,.experience-chapter h2{font-size:clamp(66px,15.5vw,100px);line-height:1}.experience-chapter p{margin:25px 0;font-size:12px}.experience-actions{gap:9px}.experience-actions .button{padding:13px 18px;font-size:11px}.experience-bottom{align-items:end;gap:20px;bottom:27px;left:6%;right:6%}.experience-bottom>span:first-child{letter-spacing:.06em;font-size:8px}.experience-bottom b{font-size:9px}.chapter-dock{gap:0;padding:5px}.chapter-dock button{gap:5px;padding:11px 12px;font-size:10px}.exp-scroll-line{display:none}.kinetic-status{font-size:8px;bottom:100px;right:7%}.kinetic-fallback{width:90vw;height:90vw;top:25%;right:-10%}.kinetic-fallback span{font-size:30vw}.chapter-fold{top:29%}.chapter-pages{top:21%}.chapter-pages h2{font-size:15vw}.experience-intro{grid-template-columns:1fr;gap:30px;padding:65px 7%}.experience-intro>a{grid-column:1}.experience-intro>p{font-size:30px}.experience-workbench{padding:70px 5% 50px}.experience-section-head{margin-bottom:32px;display:block}.experience-section-head>div>span{margin-bottom:20px}.experience-section-head h2{font-size:32px}.experience-section-head>.text-button{margin-top:25px;font-size:12px}.experience-smallprint{gap:20px;font-size:8px;line-height:1.8}.experience-studio{flex-direction:column;align-items:stretch;min-height:0;padding:65px 7% 20px;display:flex}.experience-studio h2{font-size:43px}.experience-studio p{font-size:13px}.experience-room{height:390px;margin:-20px -30px 0}.experience-room .studio-status{font-size:7px;bottom:15px;right:8%}.experience-case{padding:65px 7%}.featured-motion-case{grid-template-columns:1fr;gap:35px}.case-morph-art{height:300px}.featured-motion-case h3{margin:15px 0;font-size:44px}.featured-motion-case p{font-size:12px}.experience-cta{min-height:550px;padding:75px 6%}.experience-cta h2{margin:35px 0;font-size:20vw}.experience-cta .glass-primary{font-size:12px}.site-footer{padding:55px 6% 25px}.site-footer .footer-top{align-items:start}.site-footer .footer-top>p{font-size:11px}.site-footer nav{justify-content:center;gap:2px;max-width:100%;padding:6px}.site-footer nav a{min-width:0;padding:12px;font-size:10px}.footer-wordmark{margin-top:40px;font-size:22vw}.site-footer .footer-bottom{font-size:8px;line-height:2}.account-page{grid-template-columns:1fr;gap:30px;min-height:0;margin:40px auto 70px;padding:0 7%}.account-art{border-radius:150px 150px 28px 28px;height:300px}.account-art>span{font-size:46px;bottom:20%}.account-art>small{font-size:7px;bottom:10%}.glass-orbit{width:220px;height:220px;top:0;left:35%}.orbit-two{width:140px;height:140px;top:12%;left:55%}.account-form{padding:15px 0}.account-form h1{font-size:34px}.pricing-page{padding-top:45px}.pricing-heading{padding-bottom:40px;display:block}.pricing-heading h1{margin:25px 0;font-size:49px}.pricing-heading>div{text-align:left;align-items:start;gap:20px}.pricing-grid{border-radius:22px;grid-template-columns:1fr}.price-plan{border-bottom:1px solid #c6d3bf;padding:30px;border-right:0!important}.price-plan>p{min-height:0;font-size:13px}.price-plan h3{font-size:17px}.plan-price{height:90px}.price-plan li{font-size:12px}.price-plan .button{margin:24px 0}.consultation-band{grid-template-columns:1fr;gap:35px;margin:60px 0;padding:40px 0}.consultation-band h2{font-size:32px}.price-faq{grid-template-columns:1fr;margin-bottom:40px}.price-faq h2{grid-row:auto;margin-bottom:30px;font-size:30px}.plan-info{border-radius:25px;width:calc(100vw - 40px);max-height:calc(100dvh - 32px);padding:34px 24px 26px}.plan-info h2{font-size:33px}.plan-info .plan-info-tag{font-size:16px}.plan-info .plan-info-copy{font-size:15px}.plan-info-features{gap:10px;padding:15px}.plan-info-features li{font-size:13px}.plan-info-price b{font-size:39px}.payment-methods button{min-height:58px;font-size:14px}.creator-page{padding-top:45px}.creator-heading{padding-bottom:45px}.creator-heading h1{font-size:clamp(26px,8vw,43px);line-height:1.2}.creator-profile{grid-template-columns:1fr;gap:45px;margin-bottom:60px}.creator-profile img{border-bottom-right-radius:100px;height:460px}.creator-profile figcaption{font-size:8px}.creator-name{font-size:55px}.creator-profile h2{margin-bottom:25px;font-size:33px}.creator-profile .creator-bio{font-size:14px}.creator-belief{grid-template-columns:1fr;gap:25px;padding:45px 0}.creator-belief h2,.creator-belief p,.creator-belief a{grid-column:1}.creator-belief h2{font-size:34px}.website-collections{margin-top:50px;padding-top:60px}.collection-heading{display:block}.collection-heading h2{font-size:33px}.collection-heading p{margin-top:25px;font-size:12px}.collection-item{grid-template-columns:70px 1fr 20px;gap:20px;padding:28px 0}.collection-mark{font-size:34px}.collection-item h3{font-size:20px}.collection-item>p{grid-area:2/2;font-size:11px}.collection-item>svg{grid-area:1/3}.curated-feature{grid-template-columns:1fr;gap:35px}.curated-art{height:280px}.curated-feature h3{font-size:30px}.study-page{padding-top:35px}.study-page>header{padding:40px 0}.study-page h1{font-size:65px}.study-page h1 em{font-size:31px}.study-page>header p{font-size:12px}.study-art{height:350px}.study-art i{width:250px;height:250px}.study-art i:nth-child(2){height:230px}.study-art i:nth-child(3){width:330px}.study-art span{font-size:70px}.study-body{grid-template-columns:1fr;gap:45px;padding:45px 0}.study-body aside{gap:20px}.study-body h2{font-size:28px}.study-body article p{font-size:13px}}@media (prefers-reduced-motion:reduce){.folding-interface{animation:none;transform:none}.experience-grain{display:none}.chapter-dock button,.glass-primary,.glass-secondary,.site-header nav a,.site-footer nav a,.footer-wordmark span,.case-morph-art i,.collection-item{transition:none!important}.site-footer nav a:hover,.site-footer nav a:focus-visible,.footer-wordmark span:hover,.chapter-intro,.chapter-fold{transform:none}.experience-scroll{scroll-behavior:auto}}.plan-backdrop{z-index:99;-webkit-backdrop-filter:blur(13px)saturate(.82);backdrop-filter:blur(13px)saturate(.82);background:#10211842;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.plan-info{box-shadow:inset 0 1px 1px #fff,0 25px 80px #0002}:root{--glass-intensity:.86;--glass-blur:calc(5px + 5px * var(--glass-intensity));--glass-saturation:calc(1 + 1.25 * var(--glass-intensity));--glass-contrast:calc(1 + .18 * var(--glass-intensity));--ease-comfort:cubic-bezier(.22, .68, .24, 1)}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease-comfort), background .25s, box-shadow .25s, color .25s, border-color .25s, opacity .25s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:2px solid #7fcfa7}button:not(:disabled):active,a.button:active{transform:scale(.965)}.button{border-radius:30px}.button:hover{transform:translateY(-2px)}.glass-surface,.liquid-glass,.site-header,.site-header:not(.workspace-header),.site-footer nav,.sound-control,.device-switch,.editor-toolbar,.mobile-editor-tabs,.preview-toolbar,.structure-demo,.export-demo,.direction-summary article,.account-form,.dialog,.plan-info{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));background:radial-gradient(ellipse at var(--glass-x,22%) var(--glass-y,0%), rgb(255 255 255/calc(.44 * var(--glass-intensity))), transparent 58%), linear-gradient(125deg, #ffffff4d, #ffffff12 46%, #effffb38);border:1px solid #ffffffa8;box-shadow:inset 0 2px 1px #ffffffe8,inset 1px 0 1px #ffffff8a,inset 0 -2px 3px #2c54484a,inset -1px 0 1px #ffffff78,0 14px 34px #102d1e24,0 1px 2px #163e2838}.glass-surface,.liquid-glass,.sound-control,.account-form{position:relative}.glass-surface:before,.site-header:before,.site-footer nav:before,.sound-control:before,.sound-panel:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;opacity:var(--glass-intensity);background:linear-gradient(135deg,#fff,#ffffff12 28%,#ffffff08 62%,#ffffffbd 88%,#fff);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.site-header:not(.workspace-header),body[data-page=home] .site-header{gap:18px;height:76px;padding-inline:25px}.site-header nav{gap:7px;margin-right:3px}.site-header nav a{padding:12px 13px;font-size:13px}body[data-page=home] .site-header,.chapter-dock,.site-footer nav,.sound-panel{background:radial-gradient(ellipse at var(--glass-x,24%) var(--glass-y,0%), #effff336, transparent 58%), linear-gradient(125deg, #cce6df33, #ffffff0c 57%, #c1ddd72b);border-color:#e7fff2b8;box-shadow:inset 0 2px 1px #ffffffe8,inset 1px 0 2px #f0fff380,inset 0 -3px 4px #a1f7d845,inset -1px 0 1px #ffffff72,0 14px 42px #0004,0 1px 2px #0006}body[data-page=home] .brand-cn{color:#c0d3c8}.header-end{gap:9px}.header-login{border:1px solid #ffffff42}.button.glass-primary,.button.glass-secondary{-webkit-backdrop-filter:blur(14px)saturate(1.8);backdrop-filter:blur(14px)saturate(1.8);min-height:54px;padding:17px 25px;box-shadow:inset 0 2px 1px #ffffffe0,inset 0 -2px 2px #215e3d26,0 8px 28px #071d191f}.button.glass-primary{background:linear-gradient(130deg,#c9f7dfb3,#a9eaca99);border-color:#e0fff2cc}.button.glass-secondary{background:linear-gradient(130deg,#f0fff138,#ffffff0c);border-color:#e1fff082}.chapter-dock{gap:6px;padding:9px}.chapter-dock button{min-width:88px;padding:15px 24px}.chapter-dock button.active{background:linear-gradient(130deg,#d0f6e4d9,#a5d8bf9c);border:1px solid #edfff7c9;padding:14px 23px}.experience-scroll[data-phase="2"] .chapter-dock button.active{background:linear-gradient(130deg,#e9defbe0,#cdb6f1b3)}.site-footer nav{position:relative}.site-footer nav a:hover{box-shadow:inset 0 2px 1px #fff,0 8px 25px #0004}.experience-bottom{justify-content:center}.experience-bottom .exp-scroll-line{position:absolute;right:0}.static-scroll-hint{position:absolute;left:0}.device-switch{border-radius:25px}.device-switch button{border-radius:50%}.dialog,.plan-info,.account-form{border-radius:26px}.structure-demo,.export-demo,.direction-summary article{border-radius:22px}.editor-toolbar{border-width:0 0 1px}@media (pointer:fine) and (prefers-reduced-motion:no-preference){@supports ((-webkit-backdrop-filter:url("#frame-liquid")) or (backdrop-filter:url("#frame-liquid"))){.chapter-dock,.site-footer nav,.sound-panel{-webkit-backdrop-filter:url(#frame-liquid) blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:url(#frame-liquid) blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast))}body[data-page] .site-header{-webkit-backdrop-filter:blur(3px) url(#frame-header-lens) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:blur(3px) url(#frame-header-lens) saturate(var(--glass-saturation)) contrast(var(--glass-contrast))}}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body[data-page] .site-header{color:#203b2c;background:#e6efe8}body[data-page=home] .site-header,body[data-page=workspace] .site-header{color:#e6f2eb;background:#284337}}.sound-control{border-radius:30px;flex-shrink:0;align-items:center;gap:0;padding:2px 5px 2px 2px;display:flex}.sound-toggle{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;padding:0;display:grid;position:relative}.sound-toggle:hover,.sound-settings-trigger:hover{background:#ffffff29}.sound-toggle.playing{color:#267a50;background:#c2efd250}body[data-page=home] .sound-toggle.playing{color:#c2f6da;background:#d6ffe51a}.sound-bars{justify-content:space-between;align-items:center;width:18px;height:18px;display:flex}.sound-bars i{background:currentColor;border-radius:2px;width:2px;height:4px;transition:height .3s}.sound-toggle.playing .sound-bars i{height:12px;animation:1.7s ease-in-out infinite alternate sound-breathe}.sound-toggle.playing .sound-bars i:nth-child(2){height:17px;animation-delay:-.9s}.sound-toggle.playing .sound-bars i:nth-child(3){height:8px;animation-delay:-.4s}.sound-toggle.playing .sound-bars i:nth-child(4){animation-delay:-.7s}@keyframes sound-breathe{to{transform:scaleY(.4)}}.sound-hold-ring{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.sound-hold-ring circle{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}.sound-toggle.is-holding .sound-hold-ring{opacity:1}.sound-toggle.is-holding .sound-hold-ring circle{animation:.7s linear both sound-hold}@keyframes sound-hold{to{stroke-dashoffset:0}}.sound-settings-trigger{border-radius:15px;place-items:center;width:28px;height:44px;padding:0;display:grid}.sound-error{color:#23412e;background:#e3f4ebf0;border:1px solid #ffffff6b;border-radius:18px;width:230px;padding:15px;font-size:12px;position:absolute;top:60px;right:0;box-shadow:0 8px 30px #0002}.sound-backdrop{z-index:160;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06100d38;animation:.24s both sound-backdrop-in;position:fixed;inset:0}@keyframes sound-backdrop-in{0%{opacity:0}to{opacity:1}}.sound-panel{color:#e5f3e9;width:382px;animation:sound-panel-in .32s var(--ease-comfort) both;transform-origin:85% 0;background:radial-gradient(at 14% 0,#ebfff32e,#0000 65%),linear-gradient(145deg,#314d43ed,#102820ed);border-radius:32px;max-height:calc(100svh - 138px);padding:27px;position:absolute;top:112px;right:max(32px,50vw - 800px);overflow:auto}@keyframes sound-panel-in{0%{opacity:0;transform:translateY(-8px)scale(.965)}to{opacity:1;transform:none}}.sound-panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.sound-eyebrow{color:#b5cfc0;letter-spacing:.06em;margin-bottom:10px;font-size:10px;display:block}.sound-panel h2{letter-spacing:-.04em;font-size:26px;font-weight:500;line-height:1.3}.sound-panel h2 span{color:#b7f0cf;margin-left:3px}.sound-close{color:#c4d5cc;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;width:30px;height:30px;padding:0;font-size:21px;line-height:1}.sound-close:hover{background:#ffffff24;transform:rotate(90deg)}.sound-presets{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.sound-preset{cursor:pointer;background:#ffffff05;border:1px solid #dcf7ea1c;border-radius:18px;flex-direction:row;align-items:center;gap:14px;padding:14px;transition:background .25s,border-color .25s,box-shadow .25s;display:flex;position:relative}.sound-preset:hover{background:#e1fff10c;border-color:#e1fff140}.sound-preset.selected{background:linear-gradient(130deg,#d4ffdf24,#cbffe90d);border-color:#d4fce17a;box-shadow:inset 0 1px 1px #e7fff340,0 3px 15px #00000010}.sound-preset:focus-within{outline-offset:3px;outline:2px solid #a6e6c3}.sound-preset input{opacity:0;width:1px;height:1px;padding:0;position:absolute}.sound-preset-mark{color:#c2f1d7;background:#d7ffe610;border:1px solid #d7ffe61a;border-radius:12px;flex-shrink:0;place-items:center;width:35px;height:35px;font-family:Georgia,serif;font-size:25px;font-weight:400;display:grid}.sound-preset b{font-size:14px;font-weight:550;line-height:1.4;display:block}.sound-preset small{color:#a8c0b1;margin-top:4px;font-size:10px;font-weight:400;display:block}.sound-selected{color:#b1e9ca;margin-left:auto;font-size:13px}.sound-volume{margin-top:25px}.sound-volume label{color:#c5dace;flex-direction:row;justify-content:space-between;font-size:12px;display:flex}.sound-volume output{color:#a4bdad;font-variant-numeric:tabular-nums;font-size:11px}.sound-volume input[type=range]{appearance:none;cursor:pointer;background-color:#ffffff18;background-image:linear-gradient(#bdebd3,#bdebd3);background-repeat:no-repeat;border:0;border-radius:8px;width:100%;height:5px;margin:17px 0 13px;padding:0;display:block}.sound-volume input::-webkit-slider-thumb{appearance:none;background:linear-gradient(140deg,#f1fff9,#bddbca);border:1px solid #ffffffdb;border-radius:50%;width:17px;height:17px;box-shadow:0 2px 6px #0004}.sound-volume input::-moz-range-thumb{background:#d8f5e5;border:1px solid #fff;border-radius:50%;width:17px;height:17px;box-shadow:0 2px 6px #0004}.sound-volume>span{color:#9eb7a9;font-size:10px}.sound-panel-bottom{border-top:1px solid #e4fff11a;justify-content:space-between;align-items:center;gap:12px;margin-top:25px;padding-top:22px;display:flex}.sound-panel-bottom>div{grid-template-columns:5px 1fr;align-items:center;gap:4px 8px;display:grid}.sound-current{font-size:12px}.sound-panel-bottom small{color:#99b6a4;grid-column:2;font-size:9px}.sound-live-dot{background:#8a9c90;border-radius:50%;width:5px;height:5px}.sound-live-dot.on{background:#b5f2d0;box-shadow:0 0 8px #c7ffe345}.sound-play{color:#143c28;background:linear-gradient(135deg,#c9f5dec9,#b5dfc7b3);border:1px solid #d9ffecd9;border-radius:25px;align-items:center;gap:15px;padding:12px 16px;font-size:12px;display:flex;box-shadow:inset 0 1px 1px #ffffffbd,0 4px 12px #0002}.sound-play:hover{background:#d0f9e3;transform:translateY(-1px)}.sound-origin{color:#8eaa99;text-align:center;letter-spacing:0;margin-top:18px;font-size:9px;line-height:1.6}.sound-panel-error{color:#f5cfb6;margin-top:12px;font-size:11px}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.static-scroll-hint{visibility:hidden}}.pointer-water{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;inset:0}.pointer-hint{z-index:99;pointer-events:none;opacity:0;color:#d4eadd;will-change:transform;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#c4e4dc18;border:1px solid #ffffff50;border-radius:20px;padding:11px 15px;transition:opacity .18s;position:fixed;top:0;left:0}.pointer-hint span{letter-spacing:.07em;font-size:8px;display:block}.pointer-hint b{margin-top:4px;font-size:10px;font-weight:450;display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.title-playground{position:relative}.title-playground>:is(h1,h2){transition:transform .55s var(--ease-comfort)}.title-playground.is-dragging>:is(h1,h2){transition:none}.draggable-title{font:inherit;letter-spacing:inherit;text-align:left;line-height:inherit;color:inherit;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;padding:0;display:block}@media (pointer:fine){.draggable-title{touch-action:none}}.draggable-title:active{cursor:grabbing;transform:none!important}.title-playground.is-dragging{z-index:8}.title-line{white-space:nowrap;display:block}.title-letter{transition:transform .7s var(--ease-comfort), opacity .7s, filter .7s;display:inline-block}.title-letter.word-space{letter-spacing:0;width:.28em}.is-burst .title-letter{transform:translate3d(var(--scatter-x), var(--scatter-y), 0) rotate(var(--scatter-turn)) scale(.3);opacity:0;filter:blur(5px);transition-delay:var(--scatter-delay)}.title-reset{color:#e0f3e6;z-index:10;background:#d2f4e23b;border:1px solid #dcfff19c;border-radius:20px;padding:8px 13px;font-size:11px;position:absolute;top:calc(100% + 10px);left:0}#main-content>main{animation:page-settle .35s var(--ease-comfort) both}@keyframes page-settle{0%{opacity:.5;filter:blur(2px)}to{opacity:1;filter:blur()}}[data-read-motion]{transition:color 1s var(--ease-comfort), filter .9s var(--ease-comfort), opacity .9s}[data-read-motion=ink]:not(.is-read){color:#b6b6a3}[data-read-motion=focus]:not(.is-read){filter:blur(3px);opacity:.65}.dialog,.plan-info{animation:glass-open .28s var(--ease-comfort) both}@keyframes glass-open{0%{opacity:0;translate:0 10px;scale:.985}to{opacity:1;translate:0;scale:1}}.mobile-menu{background:#fffffa65;border-radius:50%}.site-header nav.is-open{animation:glass-open .25s var(--ease-comfort) both}details{interpolate-size:allow-keywords}details::details-content{block-size:0;transition:block-size .32s var(--ease-comfort), content-visibility .32s allow-discrete;overflow:hidden}details[open]::details-content{block-size:auto}.price-faq summary{cursor:pointer;border-radius:12px;padding-right:15px}.price-faq summary:hover{color:#6b8056;background:#f0f1e3}.page-tree,.content-editor,.chat-panel,.editor-assets,.structure-panel,.directions-panel{animation:panel-settle .25s var(--ease-comfort)}@keyframes panel-settle{0%{opacity:.45}to{opacity:1}}.sponsorship-page{padding-top:75px;padding-bottom:100px}.sponsor-heading h1{letter-spacing:-.065em;margin:25px 0;font-size:clamp(44px,7vw,104px);font-weight:500}.sponsor-heading>p:last-child{color:#92947e;font-size:17px}.sponsor-intro{grid-template-columns:1fr 1fr;align-items:center;gap:12%;margin:90px 0;display:grid}.sponsor-intro h2{margin-bottom:26px;font-size:clamp(32px,3.6vw,50px);font-weight:500}.sponsor-intro p{color:#8b937c;max-width:420px;font-size:14px}.sponsor-intro .sponsor-disclosure{margin-top:24px;font-size:11px}.sponsor-orbit{background:radial-gradient(#e7ebdc,#f2f0e500);border-radius:50%;place-items:center;height:310px;display:grid;position:relative}.sponsor-orbit b{color:#b4bfa3;letter-spacing:-.08em;transition:transform .8s var(--ease-comfort);font-size:140px;font-weight:550}.sponsor-orbit i{border:1px solid #b7c0a680;border-radius:50%;position:absolute;inset:8% 22%;transform:rotate(45deg)}.sponsor-orbit i:nth-child(2){transform:rotate(-45deg)}.sponsor-orbit:hover b{transform:rotateY(25deg)rotate(-5deg)}.sponsor-links{border-top:1px solid #dcded1}.sponsor-links>a{border-bottom:1px solid #dcded1;border-radius:24px;grid-template-columns:110px 1fr 30px;align-items:center;gap:30px;padding:36px 25px;display:grid}.sponsor-links>a:hover{background:#fffdf8a8;transform:translate(4px);box-shadow:inset 0 1px 1px #fff,0 12px 30px #8e906314}.sponsor-symbol{letter-spacing:-.08em;color:#9ca78d;font-size:60px}.sponsor-links h2{margin-bottom:9px;font-size:29px;font-weight:500}.sponsor-links p{color:#939984;font-size:12px}.sponsor-links>a>span:last-child{color:#9da68c;font-size:24px}.sponsor-invitation{padding-top:100px}.sponsor-invitation h2{font-weight:500}.sponsor-invitation>p:not(.small-label){color:#8d957f;margin:25px 0;font-size:14px}@media (width<=1100px){.site-header nav{display:none}.site-header .mobile-menu{width:40px;height:40px;display:block}.site-header nav.is-open{color:#263e31;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#edf2edcc;border:1px solid #fff;border-radius:28px;flex-direction:column;padding:20px;display:flex;position:absolute;top:88px;left:0;right:0;box-shadow:0 15px 45px #7c805b12}.site-header nav.is-open a{width:100%}.site-header{overflow:visible}.site-header.workspace-header .primary{display:none}}@media (width<=760px){.site-header:not(.workspace-header),body[data-page=home] .site-header{gap:8px;width:calc(100% - 24px);height:67px;margin:12px auto;padding:0 15px;top:12px}body[data-page=home] .site-header{width:auto;margin:0;left:12px;right:12px}.site-header .header-end{gap:6px}.site-header .brand b{font-size:21px}.site-header .header-end .header-login{padding:10px 11px;font-size:10px}.site-header .brand{gap:7px}.site-header .mobile-menu{width:30px;height:36px}.site-header nav.is-open{top:78px}.site-header.workspace-header{height:65px;padding-inline:16px}.workspace-header .header-login{display:none!important}.experience-topline{top:112px}.experience-chapter{top:25%}.experience-chapter h1,.experience-chapter h2{letter-spacing:-.065em;font-size:clamp(47px,12.1vw,82px);line-height:1.03}.chapter-fold{top:28%}.chapter-pages{top:23%}.experience-chapter p{margin-top:24px;font-size:12px}.experience-actions .button{min-height:48px;padding:14px 18px;font-size:11px}.chapter-dock{gap:1px;padding:6px}.chapter-dock button{min-width:67px;padding:13px 14px;font-size:10px}.experience-bottom{justify-content:end}.experience-bottom .static-scroll-hint{max-width:95px;font-size:8px;left:0}.experience-bottom .static-scroll-hint b{color:#b9d4c2;font-size:9px}.experience-section-head h2{font-size:30px}.experience-cta{min-height:530px}.experience-cta h2{font-size:57px}.experience-intro p{font-size:27px}.account-form{padding:28px 22px}.account-page{gap:35px}.creator-name{font-size:47px}.creator-profile h2{font-size:31px}.site-footer nav{border-radius:30px;justify-content:center;gap:1px;padding:10px}.site-footer nav a{min-width:60px;padding:13px 12px;font-size:10px}.site-footer .footer-top nav{width:100%}.device-switch{padding:3px}.editor .button{min-height:34px}.sponsorship-page{padding-top:45px;padding-bottom:65px}.sponsor-heading h1{font-size:clamp(35px,10.5vw,60px)}.sponsor-heading>p:last-child{font-size:14px}.sponsor-intro{grid-template-columns:1fr;gap:30px;margin:50px 0}.sponsor-orbit{height:240px}.sponsor-orbit b{font-size:115px}.sponsor-intro p{font-size:13px}.sponsor-links>a{grid-template-columns:56px 1fr 15px;gap:15px;padding:25px 10px}.sponsor-symbol{font-size:38px}.sponsor-links h2{font-size:22px}.sponsor-links p{font-size:11px}.sponsor-invitation{padding-top:60px}}@media (pointer:coarse),(prefers-reduced-motion:reduce){.pointer-water,.pointer-hint{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-read-motion]{filter:none!important;opacity:1!important}.is-burst .title-letter{filter:none;transform:none}.sound-toggle.playing .sound-bars i{transform:none}}@media (width<=1100px){body[data-page=home] .site-header nav.is-open{background:linear-gradient(130deg,#30473df0,#13271ef0);border-color:#d5f5e45c}body[data-page=home] .site-header nav.is-open a{color:#d3e9db}}@media (width<=760px){.site-header:not(.workspace-header),body[data-page=home] .site-header{padding-inline:14px}.site-header .header-end{gap:5px}.sound-control{padding:0 3px 0 0}.sound-toggle{width:38px;min-width:38px;height:38px}.sound-settings-trigger{width:24px;height:38px}.sound-panel{transform-origin:80% 100%;width:calc(100% - 24px);max-width:382px;max-height:calc(100svh - 24px);padding:24px;top:auto;bottom:12px;right:12px}.sound-preset{padding:12px}.sound-panel-heading{margin-bottom:20px}.sound-volume{margin-top:20px}.sound-panel-bottom{margin-top:20px;padding-top:18px}}@media (prefers-reduced-motion:reduce){.sound-toggle.is-holding .sound-hold-ring circle{animation-duration:.7s!important}.sound-panel,.sound-backdrop{animation:none}}body[data-page=workspace]{color:#e6f2eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#10251f}body[data-page=workspace] #root{min-height:100svh;display:flow-root}body[data-page=workspace] .site-header{color:#e8f4ed;background:linear-gradient(125deg,#c8f1de3d,#ffffff0e 60%,#c8f1de29);border-color:#d8f9e69c;border-radius:23px;width:calc(100% - 28px);max-width:none;height:62px;margin:12px 14px 0;padding:0 22px;position:relative;top:auto;left:auto;transform:none;box-shadow:inset 0 2px 1px #fffc,inset 1px 0 2px #f0fff366,inset 0 -2px 3px #a1f7d840,0 10px 28px #0003}body[data-page=workspace] .brand-cn,body[data-page=workspace] .site-header nav a{color:#bfd2c7}body[data-page=workspace] .brand,body[data-page=workspace] .header-login{color:#ecf6ef}body[data-page=workspace] .site-header nav a:hover,body[data-page=workspace] .site-header nav a.active{color:#effff5;background:#d0ffe01a}body[data-page=workspace] .logo-mark i{background:#b5ebcf}body[data-page=workspace] .header-end>.primary{color:#17382b;background:#c2edd8;border-color:#e4ffee99}body[data-page=workspace] .header-login{background:#ffffff09;border-color:#defbe330}body[data-page=workspace] .sound-control{color:#edfff5;background:#ecfff214;border-color:#ffffff59}body[data-page=workspace] .sound-settings-trigger{color:#e5faed}body[data-page=workspace] .mobile-menu{color:#e3f8ea}.editor{--ws-text:#e5f0e9;--ws-muted:#adc4b8;--ws-line:#d2f3e123;--ws-mint:#b9ead1;--ink:var(--ws-text);--muted:var(--ws-muted);--line:var(--ws-line);--yellow:var(--ws-mint);color:var(--ws-text);background:radial-gradient(at 3% 4%,#87c9a51c,#0000 42%),radial-gradient(at 100% 75%,#62b69d18,#0000 45%),#10251f;min-height:calc(100svh - 74px);padding:14px;font-size:13px}.editor .editor-toolbar{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:18px;height:auto;min-height:70px;padding:0 8px 14px}.editor .editor-project{gap:12px;min-width:0}.editor .editor-project>svg{color:#d4f7e3;background:#d5ffe412;border:1px solid #c7f8dd26;border-radius:14px;flex-shrink:0;width:38px;height:38px;padding:10px}.editor .project-identity{min-width:0}.editor .project-identity>span{color:var(--ws-muted);margin-bottom:3px;font-size:10px;display:block}.editor .project-identity h1{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-family:inherit;font-size:16px;font-weight:600;line-height:1.45;overflow:hidden}.editor .save-state{color:#aaceb8;margin-left:8px;font-size:11px}.editor .status-dot{background:#a8e4c4;box-shadow:0 0 0 3px #b6f7d410}.editor .toolbar-actions{gap:7px}.editor .toolbar-actions .button{white-space:nowrap;border-radius:14px;min-height:38px;padding:9px 13px;font-size:12px}.editor .button.secondary{color:#daeee2;background:linear-gradient(135deg,#effff51c,#effff508);border:1px solid #e5ffee40;box-shadow:inset 0 1px 1px #fff4,0 3px 10px #0001}.editor .button.primary{color:#15392a;background:linear-gradient(140deg,#dbfae9e6,#a3dec1e0);border:1px solid #ecfff4c7;box-shadow:inset 0 1px 1px #fff,0 3px 14px #0002}.editor .button:disabled{opacity:.4}.editor .button:hover{transform:translateY(-1px)}.editor .button.active,.editor .button[aria-pressed=true]{background:#d2ffe52a;border-color:#c3f7d99c}.editor .demo-badge{color:#b1cabc;background:#ddf9e70c;border-color:#c9efda26;border-radius:8px;padding:6px 8px;font-size:10px;display:inline-flex}.editor .editor-grid{grid-template-columns:218px minmax(0,1fr) 304px;gap:12px;height:calc(100svh - 172px);min-height:0}.editor .editor-left,.editor .editor-right,.editor .editor-center{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));scrollbar-width:thin;scrollbar-color:#a8ccb147 transparent;background:radial-gradient(at 0 0,#d7ffe235,#0000 62%),linear-gradient(145deg,#e1ffee1c,#e1ffee05 55%,#e1ffee1a);border:1px solid #d7f6e575;border-radius:22px;min-height:0;position:relative;overflow:auto;box-shadow:inset 0 2px 1px #edfff5aa,inset 1px 0 1px #edfff54d,inset 0 -2px 2px #83bda940,0 14px 32px #0002}.editor .editor-center{background:linear-gradient(135deg,#c6ffe40e,#c6ffe404);overflow:hidden}.editor .panel-tabs{border-bottom:1px solid var(--ws-line);background:#f0fff806;flex-shrink:0;gap:4px;height:56px;padding:8px}.editor .panel-tabs button{color:var(--ws-muted);border:1px solid #0000;border-radius:13px;flex:1;padding:9px 6px;font-size:12px}.editor .panel-tabs button.active{color:#e9fff3;background:linear-gradient(135deg,#dbffed24,#dbffed0c);border-color:#dcffe43b;box-shadow:inset 0 1px 1px #fff5,0 3px 8px #0001}.editor .panel-label{color:var(--ws-muted);padding:22px 17px 12px;font-size:11px}.editor .panel-label>span{color:#b9d8c6;font-size:10px}.editor .page-tree{padding:0 9px}.editor .page-tree>button{color:#dceae1;border:1px solid #0000;border-radius:13px;padding:12px 10px;font-size:13px}.editor .page-tree>button.active{background:linear-gradient(120deg,#bdf2d52d,#bdf2d50b);border-color:#cbf7df52;box-shadow:inset 0 1px 1px #f0fff740}.editor .page-tree>button svg,.editor .section-tree>button svg{color:#a5c8b5;flex-shrink:0}.editor .page-tree>button small{color:#aac5b6;font-size:10px}.editor .panel-divider{border-color:var(--ws-line);margin:22px 17px 0}.editor .section-tree{padding:0 9px}.editor .section-tree>button{color:#b9cfc1;border-radius:11px;padding:10px;font-size:12px}.editor .section-tree>button.active{color:#d1f8e0;background:#c9f7db12}.editor .page-tree>button:hover,.editor .section-tree>button:hover{background-color:#d8ffe510}.editor .add-section{color:#b3dac4;margin:14px 19px 0;font-size:12px}.editor .editor-shared{border-color:var(--ws-line);margin:28px 17px 18px;padding:18px 0 0}.editor .editor-shared>b{font-size:12px}.editor .editor-shared>svg{color:#b7dac5}.editor .editor-shared p{color:var(--ws-muted);font-size:11px;line-height:1.8}.editor .editor-shared .text-button{color:#c2e8d3;font-size:11px}.editor .swatches i{border:1px solid #ffffff52;border-radius:50%;box-shadow:0 2px 6px #0003}.editor .preview-toolbar{border:0;border-bottom:1px solid var(--ws-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:#effff508;border-radius:0;flex-shrink:0;height:auto;min-height:64px;padding:10px 17px;font-size:12px;box-shadow:inset 0 1px 1px #fff1}.editor .preview-toolbar .muted{color:#a4bfb0;font-size:10px}.editor .device-switch{background:#001b151f;border:1px solid #d2f3df26;border-radius:14px;margin:0;padding:4px;box-shadow:inset 0 1px 2px #0002,0 1px 1px #fff1}.editor .device-switch button{color:#abc7b6;border-radius:10px;width:34px;height:30px;padding:7px}.editor .device-switch button.active{color:#edfff3;background:linear-gradient(135deg,#ddffeb39,#ddffeb14);box-shadow:inset 0 1px 1px #fff7,0 2px 6px #0002}.editor .preview-size{color:#adc7b7;flex-shrink:0;font-size:10px}.editor .canvas-area{scrollbar-width:thin;scrollbar-color:#a8ccb147 transparent;background:radial-gradient(#c5f0d919 .7px,#0000 .8px) 0 0/18px 18px;flex:1;min-height:0;padding:24px;overflow:auto}.editor .preview-wrap{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid #e5fff147;border-radius:13px;box-shadow:0 20px 45px #0004,0 2px 8px #0002}.editor .preview-address{color:#b9d5c5;background:#264739;border-color:#d5ffe52b;height:36px;font-size:10px}.editor .preview-address .plain{color:#c4e7d5}.editor .preview-dots i{background:#a7d3ba7a}.editor .preview-footer{color:#a3c1b0;border-color:var(--ws-line);background:#effff504;flex-shrink:0;padding:12px 17px;font-size:10px}.editor .scope-picker{border-color:var(--ws-line);gap:8px;padding:16px}.editor .scope-picker>span{color:var(--ws-muted);font-size:11px}.editor .scope-help{color:#a7c4b3;margin:0;font-size:10px;line-height:1.7}.editor .scope-picker select,.editor .content-editor input,.editor .content-editor textarea,.editor .content-editor select{color:#e8f7ed;background:#051b144d;border:1px solid #d7ffe135;border-radius:12px;padding:12px;font-size:13px;box-shadow:inset 0 1px 2px #0002,0 1px 1px #fff1}.editor select option{color:#e9f6ef;background:#1c362b}.editor :is(input,textarea,select):focus{border-color:#b4e9cfa1}.editor .editor-right{flex-direction:column;display:flex}.editor .chat-panel{flex:1;min-height:320px;overflow:hidden}.editor .chat-messages{scrollbar-width:thin;flex:1;min-height:0;max-height:none;padding:22px 17px 10px}.editor .chat-welcome{padding:4px 0 25px}.editor .chat-welcome .frame-symbol{color:#d2fae3;background:linear-gradient(130deg,#daffed2e,#daffed0d);border:1px solid #d9ffe74d;border-radius:12px;width:36px;height:36px;font-size:25px;box-shadow:inset 0 1px 1px #fff7}.editor .chat-welcome h3{color:#e9f8ee;font-size:17px;font-weight:500;line-height:1.7}.editor .chat-welcome p{color:var(--ws-muted);font-size:12px;line-height:1.9}.editor .message{color:#c9e1d2;background:#e0ffe908;border:1px solid #d6ffe61a;border-radius:15px 15px 15px 4px;padding:13px;font-size:12px}.editor .message.user{color:#e0f6e8;background:#b9f2d51a;border:1px solid #c3f4d725;border-radius:15px 15px 4px}.editor .message b{color:#d7f8e3;font-size:10px}.editor .message b span{color:#c5e6d1;background:#dcffe51a;border-radius:4px}.editor .chat-suggestions{gap:7px;padding:0 16px}.editor .chat-suggestions button{color:#c7e2d1;background:#d5ffe509;border:1px solid #d6f9e32b;border-radius:9px;padding:8px 10px;font-size:10px}.editor .chat-input{background:linear-gradient(135deg,#defdeb13,#defdeb05);border:1px solid #dcffe15c;border-radius:17px;margin:12px 13px 14px;box-shadow:inset 0 1px 1px #fff5,0 5px 12px #0001}.editor .chat-input:focus-within{border-color:#c4f8dca8;box-shadow:inset 0 1px 1px #fff8,0 0 0 3px #b4fbd40b}.editor .chat-input textarea{color:#e3f8eb;min-height:100px;box-shadow:none;border-radius:17px;outline:none;padding:14px;font-size:13px;line-height:1.8}.editor textarea::placeholder{color:#a5c1af}.editor .chat-input>div>span{color:#a9c6b4;font-size:10px}.editor .send-button{color:#143a28;background:#bdebd0;border-radius:11px;width:34px;height:32px;box-shadow:inset 0 1px 1px #fff9}.editor .send-button:disabled{opacity:.35}.editor .content-editor{scrollbar-width:thin;gap:23px;min-height:0;padding:22px 17px;overflow:auto}.editor .content-editor h3{font-size:17px;font-weight:500}.editor .content-editor label{color:#cce1d3;gap:10px;font-size:12px}.editor .content-editor>.muted,.editor .fine-print{color:var(--ws-muted);font-size:11px;line-height:1.8}.editor .color-field{background:#061d1647;border-color:#d7ffe135;border-radius:12px}.editor .color-field input{border-radius:6px;padding:0}.editor .color-field span{color:#bbdac7}.editor .shared-note{color:#badac6;background:#d8ffe60b;border:1px solid #d9ffe223;border-radius:12px}.editor .editor-assets{color:#d2eadc;padding:24px 17px}.editor .editor-assets .muted{color:var(--ws-muted);font-size:12px;line-height:1.9}.editor .editor-assets>a,.editor .editor-assets .button{font-size:12px}.editor .danger{color:#efb4a5}.editor .compare-grid{gap:16px;min-height:0;padding:20px;overflow:auto}.editor .compare-grid>div{min-width:0}.editor .compare-grid>div>p{color:#bfd8c8;margin-bottom:12px;font-size:12px}.editor .mobile-editor-tabs{display:none}@media (prefers-reduced-motion:no-preference){.editor .content-editor,.editor .chat-panel,.editor .editor-assets{animation:workspace-panel-in .22s var(--ease-comfort)}@keyframes workspace-panel-in{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}}.editor.is-focused .editor-grid{grid-template-columns:minmax(0,1fr)}.editor.is-focused .editor-left,.editor.is-focused .editor-right{display:none}.editor.is-focused .canvas-area{padding:26px max(26px,50% - 600px)}@media (width>=1101px) and (width<=1250px){.editor .editor-grid{grid-template-columns:190px minmax(0,1fr) 280px}.editor .editor-project .save-state{display:none}.editor .preview-toolbar{flex-wrap:wrap;gap:8px}.editor .preview-toolbar>div:first-child{flex:1 0 100%}}@media (width<=1100px){.editor .editor-toolbar{flex-wrap:wrap;gap:14px;padding-bottom:18px}.editor .toolbar-actions{flex-wrap:wrap}.editor .focus-preview{display:none}.editor .mobile-editor-tabs{background:linear-gradient(125deg,#ddffe719,#ddffe706);border:1px solid #dfffe54a;border-radius:17px;gap:5px;height:auto;margin:0 0 13px;padding:5px;display:flex;box-shadow:inset 0 1px 1px #fff6}.editor .mobile-editor-tabs button{color:#bad3c3;border:1px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:8px 6px;font-size:12px;display:flex}.editor .mobile-editor-tabs button.active{color:#edfff3;background:linear-gradient(130deg,#dcffe530,#dcffe50d);border-color:#dcffe54a;box-shadow:inset 0 1px 1px #fff6}.editor .editor-grid{flex-direction:column;height:auto;min-height:calc(100svh - 270px);display:flex}.editor .editor-left,.editor .editor-right,.editor .editor-center{border-radius:20px;flex:1;width:100%;max-height:none;display:none}.editor .show-pages .editor-left{display:block}.editor .show-edit .editor-right,.editor .show-preview .editor-center{display:flex}.editor .editor-right{min-height:620px}.editor .editor-left{min-height:570px}.editor .editor-center{min-height:620px}.editor .chat-panel{min-height:420px}.editor .chat-messages{max-height:420px}.editor .content-editor{max-height:none}.editor .canvas-area{min-height:540px;padding:24px}.editor .chat-input textarea{min-height:90px}.editor .page-tree>button,.editor .section-tree>button{font-size:13px}body[data-page=workspace] .site-header nav.is-open{color:#effff5;background:#244739e8;border:1px solid #e1ffe75e}}@media (width<=600px){body[data-page=workspace] .site-header{border-radius:20px;gap:8px;width:calc(100% - 20px);height:58px;margin:10px 10px 0;padding:0 13px}body[data-page=workspace] .header-end>.primary{display:none}.editor{padding:16px 10px 12px}.editor .editor-toolbar{gap:15px;padding:0 3px 16px}.editor .editor-project{flex-wrap:nowrap;gap:10px;width:100%}.editor .project-identity h1{max-width:155px;font-size:15px}.editor .save-state{gap:5px;margin-left:auto;font-size:10px}.editor .toolbar-actions{justify-content:flex-end;gap:6px;width:100%}.editor .toolbar-actions .demo-badge{margin-right:auto;padding:5px 6px;font-size:9px}.editor .toolbar-actions .button{gap:5px;min-height:36px;padding:9px 10px;font-size:11px}.editor .toolbar-actions .button svg{width:14px;height:14px}.editor .mobile-editor-tabs{margin-bottom:12px}.editor .mobile-editor-tabs button{gap:6px;font-size:11px}.editor .preview-toolbar{flex-wrap:wrap;gap:6px;min-height:62px;padding:12px}.editor .preview-toolbar>div:first-child{flex:1}.editor .preview-toolbar .muted{display:none}.editor .device-switch{margin:0}.editor .device-switch button{width:30px}.editor .preview-size{width:40px;font-size:9px}.editor .canvas-area{min-height:540px;padding:14px}.editor .preview-address{padding:0 10px}.editor .preview-footer{gap:5px;padding:12px;font-size:9px}.editor .compare-grid{grid-template-columns:1fr;padding:14px}.editor .panel-tabs{height:58px}.editor .scope-picker select,.editor .content-editor :is(input,textarea,select),.editor .chat-input textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){.editor *,.workspace-header *{transition:none!important;animation:none!important}}body[data-page=workspace]:has(.wizard){background-color:#10251f;background-image:radial-gradient(at 5% 16%,#84d7aa1c,#0000 46%),radial-gradient(at 100% 70%,#8cbfb822,#0000 48%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}body[data-page=workspace]:has(.workspace-start){background-color:#10251f;background-image:radial-gradient(at 5% 16%,#84d7aa1c,#0000 46%),radial-gradient(at 100% 70%,#8cbfb822,#0000 48%),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.workspace-start{--ink:#e7f3eb;--muted:#afc8b9;width:min(1320px,100% - 64px);color:var(--ink);padding:56px 0 42px}.workspace-start-heading{max-width:720px;margin:0 0 34px}.workspace-start-heading .small-label{color:#b8dbc6;margin-bottom:13px;font-size:11px}.workspace-start-heading h1{margin:0;font-size:clamp(34px,4vw,52px);font-weight:550;line-height:1.18}.workspace-start-heading>p:last-child{color:#b1ccbc;max-width:620px;margin-top:15px;font-size:14px;line-height:1.8}.workspace-entry-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:stretch;gap:18px;display:grid}.workspace-entry-card{min-width:0;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));background:radial-gradient(at 0 0,#e1ffed30,#0000 65%),linear-gradient(135deg,#deffed1c,#deffed05 58%,#deffed12);border:1px solid #d7f6e575;border-radius:24px;overflow:hidden;box-shadow:inset 0 2px 1px #edfff5aa,0 14px 34px #0002}.workspace-entry-blank{flex-direction:column;padding:26px 28px 28px;display:flex}.entry-index{color:#e3f4e8;font-variant-numeric:tabular-nums;align-items:center;gap:12px;font-size:13px;display:flex}.entry-index span{color:#9fbeac;letter-spacing:.11em;font-size:9px}.entry-blank-art{background:radial-gradient(#b8e6cc14,#0000 72%);border-radius:16px;place-items:center;min-height:200px;margin:18px 0 12px;display:grid;position:relative;overflow:hidden}.entry-sheet{background:linear-gradient(145deg,#e9fff524,#a1d3b213);border:1px solid #ddffeb5e;border-radius:8px;width:134px;height:166px;position:absolute;box-shadow:inset 0 1px 1px #fff8,0 15px 25px #0003}.entry-sheet-back{opacity:.56;transform:translate(20px,-7px)rotate(8deg)}.entry-sheet-front{flex-direction:column;gap:12px;padding:19px 15px;display:flex;transform:translate(-12px,6px)rotate(-5deg)}.entry-sheet-front span{color:#d5f2df;letter-spacing:.08em;margin-bottom:7px;font-size:8px}.entry-sheet-front i{background:linear-gradient(90deg,#dbffea9c 62%,#dbffea20 62%);height:1px}.entry-plus{aspect-ratio:1;color:#e9fff1;background:#c6f2d922;border:1px solid #e3ffec70;border-radius:50%;place-items:center;width:34px;font-size:20px;display:grid;position:absolute;bottom:35px;right:calc(50% - 105px);box-shadow:0 4px 14px #0003}.entry-card-copy h2{color:#f0fff5;margin:0 0 10px;font-size:24px;font-weight:550}.entry-card-copy>p{color:#b4cdbd;margin:0;font-size:12px;line-height:1.8}.entry-card-copy ul{color:#d3e8da;gap:9px;margin:18px 0 22px;padding:0;font-size:11px;list-style:none;display:grid}.entry-card-copy li:before{content:"—";color:#a4d6b8;margin-right:9px}.entry-card-copy .button{align-self:flex-start;align-items:center;gap:10px;min-height:46px;display:inline-flex}.workspace-start .entry-card-copy .button.primary{color:#15392a;background:linear-gradient(140deg,#e1faeb,#b3e7ca);border:1px solid #ecfff4c7;box-shadow:inset 0 1px 1px #fff,0 4px 14px #0002}.workspace-entry-template{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);margin:0;display:grid}.workspace-entry-template .space-sample-art{min-height:390px}.workspace-entry-template .space-sample-copy{flex-direction:column;justify-content:center;padding:28px;display:flex}.workspace-entry-template .space-sample-copy h2{letter-spacing:0;max-width:340px;font-size:clamp(22px,2.3vw,31px);line-height:1.25}.workspace-entry-template .space-sample-copy p{font-size:12px}.workspace-entry-template .space-sample-tags{margin-top:16px}.workspace-entry-template .space-sample-actions{gap:16px;margin-top:24px}.workspace-entry-template .space-sample-actions .button{min-height:44px;padding:10px 15px;font-size:11px}.workspace-entry-template .space-sample-copy>small{line-height:1.7}.workspace-pending-refs{color:#b8d7c4;margin:16px 0 0;font-size:12px}.workspace-start .workspace-resume{margin-top:22px}.wizard-heading-actions{justify-items:end;gap:12px;display:grid}.wizard-heading-actions .text-button{color:#d5ebdd;align-items:center;gap:7px;display:inline-flex}.wizard{--ink:#e7f3eb;--white:#ecfff3;--muted:#afc8b9;--line:#ddffe52b;--yellow:#b9ead1;color:var(--ink);width:calc(100% - 64px);max-width:1320px;padding:44px 0 42px}.wizard .wizard-heading{align-items:center;gap:24px}.wizard .wizard-heading .small-label{letter-spacing:.02em;color:#b8dbc6;margin-bottom:12px;font-size:12px}.wizard .wizard-heading h1{letter-spacing:-.035em;font-size:clamp(32px,3.4vw,48px);font-weight:550;line-height:1.25}.wizard .wizard-heading .muted{color:#b1ccbc;margin-top:16px;font-size:14px}.workspace-resume{background:linear-gradient(135deg,#deffed22,#deffed08);border:1px solid #d7f6e575;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin:24px 0 4px;padding:15px 18px;display:flex;box-shadow:inset 0 2px 1px #edfff5aa,0 10px 24px #0002}.workspace-resume>div{gap:4px;display:grid}.workspace-resume .small-label{margin:0;font-size:10px}.workspace-resume strong{color:#effff4;font-size:14px;font-weight:600}.workspace-resume p{color:#a9c6b4;font-size:11px}.workspace-resume .button{flex:none}.wizard .demo-badge{color:#cce9d9;background:#e0ffec0c;border:1px solid #d5ffe43d;border-radius:9px;padding:8px 11px;font-size:11px}.wizard .steps,.wizard .brief-form,.wizard .brief-aside,.wizard .structure-panel,.wizard .direction-option,.wizard .wizard-actions{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));background:radial-gradient(at 0 0,#e1ffed38,#0000 65%),linear-gradient(135deg,#deffed1c,#deffed05 58%,#deffed1a);border:1px solid #d7f6e575;border-radius:24px;box-shadow:inset 0 2px 1px #edfff5aa,inset 1px 0 1px #edfff54d,inset 0 -2px 2px #83bda940,0 14px 32px #0002}.wizard .steps{border-radius:20px;gap:7px;margin:30px 0 22px;padding:7px}.wizard .steps li{color:#afc8b9;border:1px solid #0000;border-radius:14px;gap:12px;padding:14px 20px;font-size:13px}.wizard .steps li>span{color:#cce6d6;border-color:#d7ffe33d;flex-shrink:0;width:27px;height:27px;font-size:11px}.wizard .steps li.active{color:#f0fff5;background:linear-gradient(135deg,#cfffdf2e,#cfffdf0e);border-color:#d3ffe45e;box-shadow:inset 0 1px 1px #fff6}.wizard .steps li.active>span{color:#163e2b;background:#c1eed4;border-color:#eefff3a6;box-shadow:0 2px 9px #0002}.wizard .steps li.done{color:#c3ead3}.wizard .steps li.done>span{color:#cbf7df;background:#c9ffdf13}.wizard .brief-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:20px}.wizard .brief-form{gap:23px;min-width:0;padding:30px}.wizard .brief-aside{min-width:0;padding:30px}.wizard .form-top{flex-wrap:wrap;gap:16px;margin-bottom:6px}.wizard .form-top h2{font-size:23px;font-weight:500;line-height:1.5}.wizard .form-top .text-button{color:#caefda;background:#e6ffed0a;border:1px solid #d1ffe22e;border-radius:10px;padding:8px 11px;font-size:11px}.wizard label{color:#d1e7d9;gap:10px;font-size:13px;font-weight:500}.wizard input:not([type=checkbox]):not([type=file]),.wizard textarea{color:#edf9f1;background:#061d1652;border:1px solid #d7ffe13d;border-radius:13px;min-width:0;padding:14px 15px;font-size:14px;line-height:1.7;box-shadow:inset 0 1px 2px #0002,0 1px 1px #fff1}.wizard input::placeholder,.wizard textarea::placeholder{color:#a9c1b1;opacity:1}.wizard :is(input,textarea):focus{border-color:#bdeed2b3}.wizard input:disabled{color:#94b19e;background:#eaffef06}.wizard .brief-aside h3{color:#e3f4e8;font-size:17px;font-weight:550;line-height:1.6}.wizard .brief-aside>.muted{color:var(--muted);font-size:12px;line-height:1.9}.wizard .upload-box{color:#d7f7e2;background:linear-gradient(140deg,#bff6d91a,#bff6d905);border:1px dashed #cdf9dd6b;border-radius:17px;gap:13px;padding:26px 14px;transition:background .25s,border-color .25s,transform .2s}.wizard .upload-box:hover{background:#d4ffe31b;border-color:#dcffeac2;transform:translateY(-2px)}.wizard .upload-box:focus-within{outline-offset:4px;outline:2px solid #9ce0ba}.wizard .upload-box b{font-size:13px}.wizard .upload-box span{color:#b5d4bf;font-size:10px;line-height:1.7}.wizard .asset-list{margin:12px 0 24px}.wizard .asset-list img{border-radius:8px}.wizard .asset-list>div{font-size:12px}.wizard .optional-url{margin-bottom:28px}.wizard .fine-print{color:#acc9b7;font-size:11px}.wizard .brief-aside>.fine-print{margin-bottom:12px;font-size:11px}.wizard .reference-check{border-bottom:1px solid var(--line);cursor:pointer;border-radius:10px;gap:13px;padding:13px 8px;transition:background .2s}.wizard .reference-check:hover{background:#d7ffe50a}.wizard .reference-check:has(input:checked){background:#c3f2d811}.wizard .reference-check input{accent-color:#b6e9ca;flex-shrink:0;width:16px;height:16px}.wizard .reference-check small{color:#afcbb9;margin-top:3px;font-size:10px}.wizard .structure-panel{padding:30px}.wizard .structure-panel h2,.wizard .directions-heading h2{font-size:27px;font-weight:500;line-height:1.5}.wizard .structure-panel>div>.muted{margin-top:12px;font-size:13px}.wizard .page-draft{border-color:var(--line);gap:16px;padding:20px 4px}.wizard .draft-number,.wizard .page-draft>svg{color:#a5ceb4}.wizard .page-draft>label{min-width:0;font-size:12px}.wizard .page-draft input{padding:11px 13px;font-size:14px}.wizard .icon-button{color:#d6eddf;background:#e2fff20a;border:1px solid #d9ffe627;border-radius:10px}.wizard .icon-button:hover:not(:disabled){background:#c9ffde1f;border-color:#d9ffe666}.wizard .structure-panel>.text-button{color:#caefd9;font-size:13px}.wizard .shared-note{background:#d5ffe40d;border:1px solid #d8ffe22a;border-radius:16px;padding:22px}.wizard .shared-note>svg{color:#bde4cd;flex-shrink:0}.wizard .shared-note p{color:#b1cdbb;font-size:12px;line-height:1.8}.wizard .directions-heading{padding:12px 4px 0}.wizard .directions-heading .muted{font-size:13px}.wizard .direction-grid{gap:20px;margin-top:25px}.wizard .direction-option{color:#e8f4ec;transition:transform .25s var(--ease-comfort), border-color .25s, box-shadow .25s;border-radius:22px;overflow:hidden}.wizard .direction-option:hover{border-color:#d8ffe996;transform:translateY(-4px)}.wizard .direction-option.selected{border-color:#bdf1d5c7;box-shadow:inset 0 1.5px 1px #edfff5a1,0 0 0 2px #bdf1d538,0 14px 32px #0002}.wizard .direction-art.editorial{color:#272d24}.wizard .direction-art.editorial .direction-mini-layout small{color:#58634e}.wizard .direction-info{padding:24px}.wizard .direction-info h3{font-size:20px;font-weight:550}.wizard .direction-info h3 svg{color:#153a28;background:#bceccd}.wizard .direction-info>p{color:#b7d0c0;min-height:68px;font-size:12px}.wizard .direction-info dl{grid-template-columns:30px minmax(0,1fr);gap:13px 10px;font-size:11px}.wizard .direction-info dt{color:#a4c8b1}.wizard .swatches i{border:1px solid #effff552;border-radius:50%}.wizard .generation-mode{color:var(--muted);flex-wrap:wrap;padding:24px 4px 0;font-size:12px;line-height:1.8}.wizard .wizard-actions{border-radius:22px;align-items:center;gap:20px;margin-top:24px;padding:16px 20px}.wizard .wizard-actions>.muted{color:#b4d0bf;margin-right:4px;font-size:12px}.wizard .button{border-radius:15px;min-height:46px;padding:12px 20px;font-size:13px}.wizard .button.secondary{color:#dbf2e4;background:linear-gradient(135deg,#effff51c,#effff508);border:1px solid #e5ffee40;box-shadow:inset 0 1px 1px #fff4,0 3px 10px #0001}.wizard .button.primary{color:#15392a;background:linear-gradient(140deg,#dbfae9e6,#a3dec1e0);border:1px solid #ecfff4c7;box-shadow:inset 0 1px 1px #fff,0 3px 14px #0002}.wizard .button.primary:hover{background:#d4f6e3}.wizard .error-box{color:#ffe3c5;background:#63463366;border:1px solid #f0cbaa55;border-radius:14px}@media (prefers-reduced-motion:no-preference){.wizard :is(.brief-grid,.structure-panel,.directions){animation:wizard-step-in .26s var(--ease-comfort)}@keyframes wizard-step-in{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}@media (width<=1000px){.wizard{width:calc(100% - 40px);padding-top:34px}.wizard .brief-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}.wizard .brief-form,.wizard .brief-aside{padding:23px}.wizard .direction-grid{gap:13px}.wizard .direction-art{padding:14px}.wizard .direction-info{padding:18px}.wizard .direction-info h3{font-size:18px}.wizard .direction-info>p{min-height:0}}@media (width<=760px){.workspace-resume{flex-direction:column;align-items:flex-start}.workspace-resume .button{justify-content:center;width:100%}.wizard{width:calc(100% - 28px);padding:30px 0}.wizard .wizard-heading{align-items:flex-start;gap:12px}.wizard .wizard-heading h1{font-size:32px}.wizard .wizard-heading .muted{margin-top:12px;font-size:12px}.wizard .wizard-heading .small-label{font-size:11px}.wizard .wizard-heading .demo-badge{margin-top:6px;padding:7px 9px;font-size:10px}.wizard .steps{border-radius:17px;gap:4px;margin:24px 0 18px;padding:5px}.wizard .steps li{border-radius:12px;justify-content:center;gap:7px;padding:12px 5px;font-size:11px}.wizard .steps li>span{width:23px;height:23px;font-size:10px}.wizard .brief-grid{grid-template-columns:minmax(0,1fr);gap:18px}.wizard .brief-form,.wizard .brief-aside,.wizard .structure-panel{border-radius:22px;padding:23px 20px}.wizard .form-top h2{font-size:20px}.wizard .form-top{gap:8px}.wizard .form-top .text-button{padding:7px;font-size:10px}.wizard input:not([type=checkbox]):not([type=file]),.wizard textarea{padding:12px;font-size:16px}.wizard .brief-aside{border:1px solid #d7f6e54d}.wizard .structure-panel h2,.wizard .directions-heading h2{font-size:23px}.wizard .page-draft{grid-template-columns:18px minmax(0,1fr) 30px 30px 30px;gap:12px 7px;padding:18px 0;display:grid}.wizard .page-draft>.draft-number{grid-row:1/3;align-self:start;margin-top:10px;font-size:11px}.wizard .page-draft>svg{display:none}.wizard .page-draft>label{grid-column:2;font-size:11px}.wizard .page-draft>label:first-of-type{grid-row:1}.wizard .page-draft>label:nth-of-type(2){grid-row:2;max-width:none}.wizard .page-draft>.icon-button{grid-row:1;min-width:30px;min-height:36px;padding:4px}.wizard .page-draft>button:first-of-type{grid-column:3}.wizard .page-draft>button:nth-of-type(2){grid-column:4}.wizard .page-draft>button:nth-of-type(3){grid-column:5}.wizard .shared-note{align-items:flex-start;gap:10px;padding:16px}.wizard .shared-note p{font-size:11px}.wizard .direction-grid{grid-template-columns:minmax(0,1fr);gap:18px}.wizard .direction-option{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.wizard .direction-art{height:100%;min-height:280px;padding:14px}.wizard .direction-mini-layout{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.wizard .direction-mini-layout .mini-still{width:100%;height:90px}.wizard .direction-mini-nav>span{display:none}.wizard .direction-mini-layout b{font-size:22px}.wizard .precision .direction-mini-layout b{font-size:28px}.wizard .studio .direction-mini-layout{align-items:center;gap:12px}.wizard .studio .direction-mini-layout b{font-size:17px}.wizard .direction-info{padding:18px 14px}.wizard .direction-info h3{font-size:18px}.wizard .direction-info>p{font-size:11px;line-height:1.9}.wizard .direction-info dl{gap:11px 7px;margin:18px 0;font-size:10px}.wizard .wizard-actions{flex-wrap:wrap;gap:12px;margin-top:20px;padding:14px}.wizard .wizard-actions>.muted{text-align:center;order:3;width:100%;margin:0;font-size:11px}.wizard .wizard-actions>.button:last-child{margin-left:auto}.wizard .generation-mode{align-items:flex-start;gap:12px}.wizard .generation-mode>p{flex:1;min-width:170px}}@media (width<=370px){.wizard .wizard-heading{flex-wrap:wrap}.wizard .wizard-heading .demo-badge{margin-top:0}.wizard .form-top{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.wizard *,.wizard :before,.wizard :after{transition:none!important;animation:none!important}}.space-sample-card{color:#e1f4e8;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:linear-gradient(135deg,#274b3ee8,#102b21f5);border:1px solid #d8ffe143;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);margin:28px 0;display:grid;overflow:hidden;box-shadow:inset 0 1px 1px #fff4,0 12px 35px #0002}.space-sample-art{background:#091320;min-height:250px;display:block;position:relative;overflow:hidden}.space-sample-art img{object-fit:cover;width:100%;height:100%;transition:transform .7s;position:absolute;inset:0}.space-sample-art:hover img{transform:scale(1.035)}.space-sample-art>span{letter-spacing:.14em;color:#d7e8f2;font-size:9px;position:absolute;bottom:20px;left:24px}.space-sample-copy{min-width:0;padding:28px 32px}.space-sample-copy .small-label{color:#bedccb;font-size:10px}.space-sample-copy h2{letter-spacing:-.04em;margin:12px 0;font-size:clamp(20px,2.4vw,30px)}.space-sample-copy p{color:#b5cbbd;max-width:510px;font-size:12px;line-height:1.9}.space-sample-tags{color:#b6d4c3;gap:15px;margin:17px 0;font-size:10px;display:flex}.space-sample-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.space-sample-copy>small{color:#a6c1b0;margin-top:13px;font-size:10px;display:block}.space-sample-actions .text-button{color:#d8f3e3;font-size:12px}.space-sample-actions .button.primary{color:#143427;background:#b9ead1}.wizard .space-sample-card{margin:22px 0}.wizard .space-sample-art{min-height:250px}.wizard .recommended-links{gap:10px;display:grid}.wizard .reference-disclosure{background:#d9ffed07;border:1px solid #c7ffe52e;border-radius:15px;padding:14px 15px}.wizard .reference-disclosure>summary{cursor:pointer;color:#d8f1e1;align-items:center;gap:9px;font-size:13px;list-style:none;display:flex}.wizard .reference-disclosure>summary::-webkit-details-marker{display:none}.wizard .reference-disclosure>summary svg{margin-left:auto;transition:transform .2s}.wizard .reference-disclosure[open]>summary svg{transform:rotate(90deg)}.wizard .reference-disclosure-count{color:#a9c6b4;font-size:11px}.wizard .reference-collection-links{gap:7px;margin:14px 0;display:grid}.wizard .reference-collection-links a{color:#d9f2e3;background:#061d1628;border:1px solid #c7ffe520;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;text-decoration:none;display:flex}.wizard .reference-collection-links a span{color:#a9c6b4;font-size:10px}.wizard .reference-collection-links a svg{flex:none;margin-left:auto}.wizard .model-picker{background:#061d1630;border:1px solid #d7ffe13d;border-radius:14px;grid-template-columns:1fr;gap:9px;min-width:0;padding:14px;display:grid}.wizard .model-picker legend{color:#d1e7d9;padding:0 5px;font-size:12px}.wizard .model-provider-tabs{border:1px solid #c7ffe52e;border-radius:12px;gap:6px;padding:4px;display:flex}.wizard .model-provider-tabs button{color:#afc8b9;cursor:pointer;min-height:36px;font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;flex:1;font-size:11px}.wizard .model-provider-tabs button.selected{color:#eafff1;background:#cfffdf20;border-color:#d3ffe45e}.wizard .model-picker-label{color:#d1e7d9;font-size:11px}.wizard .model-select-wrap{position:relative}.wizard .model-select-trigger{color:#eafff1;cursor:pointer;text-align:left;width:100%;min-height:42px;font:inherit;background:linear-gradient(135deg,#d9ffed12,#061d1645);border:1px solid #c8f4dc55;border-radius:11px;justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;display:flex;box-shadow:inset 0 1px 1px #effff51c,0 4px 12px #0002}.wizard .model-select-trigger:hover,.wizard .model-select-trigger[aria-expanded=true]{background-color:#cfffdf12;border-color:#b9f5cfb0}.wizard .model-select-trigger svg{color:#b6d6c3;transform:rotate(90deg)}.wizard .model-select-trigger[aria-expanded=true] svg{transform:rotate(-90deg)}.wizard .model-select-options{z-index:20;-webkit-backdrop-filter:blur(20px)saturate(1.2);backdrop-filter:blur(20px)saturate(1.2);background:linear-gradient(145deg,#17392ef5,#0b211bf7);border:1px solid #c8f4dc5c;border-radius:13px;padding:5px;position:absolute;inset:calc(100% + 7px) 0 auto;box-shadow:inset 0 1px #effff522,0 14px 32px #0007}.wizard .model-select-options button{color:#c7dfd1;cursor:pointer;text-align:left;width:100%;min-height:38px;font:inherit;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px;font-size:12px;transition:background .16s,color .16s,border-color .16s;display:flex}.wizard .model-select-options button:hover,.wizard .model-select-options button:focus-visible{color:#f1fff6;background:#d8ffeb19;border-color:#c8f4dc2b;outline:none}.wizard .model-select-options button.selected{color:#e7fff0;background:linear-gradient(100deg,#b9f5cf2b,#b9f5cf0d)}.wizard .model-select-options button.selected svg{color:#b9f5cf}.wizard .model-provider-status{color:#a9c6b4;font-size:10px}.wizard .recommended-link{background:#d9ffed07;border:1px solid #c7ffe52e;border-radius:15px;min-width:0;padding:12px 14px;transition:background .2s,border-color .2s}.wizard .recommended-link:has(input:checked){background:#d9ffed0f;border-color:#c7ffe570}.wizard .recommended-link .reference-check{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.wizard .recommended-link .reference-check:hover{background:0 0}.wizard .recommended-domain{color:#a5c4b3;overflow-wrap:anywhere;align-items:center;gap:8px;margin:9px 0 12px 27px;font-size:10px;display:flex}.wizard .recommended-link>.text-button{color:#d6f4e1;align-items:center;gap:6px;min-height:30px;margin-left:27px;font-size:11px;display:flex}.wizard .recommended-link>.text-button[aria-pressed=true]{color:#b9f5cf}.recommended-domain:hover{color:#fff}.sample-provenance{color:#afcebd;background:#d9ffed08;border:1px solid #cbffe333;border-radius:14px;justify-content:space-between;align-items:center;gap:15px;margin:0 4px 12px;padding:10px 16px;font-size:10px;display:flex}.sample-provenance b{letter-spacing:.06em;color:#d4eddf;margin-right:12px;font-size:9px;font-weight:500}.sample-provenance a{white-space:nowrap;color:#dbf4e5;align-items:center;gap:7px;display:inline-flex}.sample-provenance a:hover{color:#fff}.space-study{max-width:1360px}.space-study .small-label{color:#536b5d}.space-study>header{justify-content:space-between;align-items:center;gap:25px;margin:45px 0;display:flex}.space-study h1{letter-spacing:-.06em;margin:15px 0;font-size:clamp(32px,4.8vw,68px)}.space-study header p:last-child{color:#52665b;font-size:14px}.space-study-pages{background:#294d3a0d;border:1px solid #294d3a30;border-radius:18px 18px 0 0;flex-wrap:wrap;gap:8px;padding:9px;display:flex}.space-study-pages button{color:#456452;background:0 0;border:1px solid #0000;border-radius:10px;padding:12px 20px;font-size:12px;transition:background .25s,color .25s}.space-study-pages button:hover,.space-study-pages button[aria-pressed=true]{color:#edfff3;background:#284b3a;border-color:#284b3a}.space-study>.preview-wrap{background:#080f19;border:1px solid #294d3a30;border-radius:0 0 18px 18px;overflow:hidden}.space-study .preview-address{color:#c6ded1;background:#264739;border-color:#d5ffe52b}.space-study .preview-address .plain{color:#d3ebdd}.space-study-notes{grid-template-columns:1fr 1fr;gap:10%;margin:65px 0;display:grid}.space-study-notes h2{margin:15px 0;font-size:35px}.space-study-notes p{color:#52665b;margin:20px 0;font-size:13px;line-height:2}.space-study-notes dl{grid-template-columns:85px 1fr;gap:22px;margin:0;font-size:12px;line-height:1.9;display:grid}.space-study-notes dt{color:#52665b}.space-study-notes dd{color:#304b3b;margin:0}@media (width<=700px){.workspace-start{width:calc(100% - 32px);padding-top:36px}.workspace-start-heading{margin-bottom:22px}.workspace-entry-grid{grid-template-columns:1fr;gap:14px}.workspace-entry-blank{padding:22px}.workspace-entry-template{grid-template-columns:1fr}.workspace-entry-template .space-sample-art{min-height:230px}.workspace-entry-template .space-sample-copy{padding:23px}.wizard .wizard-heading{align-items:flex-start}.wizard-heading-actions{justify-items:start}.workspace-start .workspace-resume{flex-direction:column;align-items:flex-start}.workspace-start .workspace-resume .button{justify-content:center;align-self:stretch}.space-sample-card{grid-template-columns:1fr}.space-sample-art,.wizard .space-sample-art{min-height:210px}.space-sample-copy{padding:24px}.space-sample-copy h2{overflow-wrap:anywhere;font-size:23px}.space-sample-tags{gap:13px}.sample-provenance{align-items:flex-start;padding:12px;font-size:9px}.sample-provenance b{margin:0 0 5px;display:block}.sample-provenance a{font-size:9px}.space-study>header{flex-direction:column;align-items:flex-start;margin:30px 0}.space-study-pages{gap:4px}.space-study-pages button{padding:11px 13px}.space-study-notes{grid-template-columns:1fr;gap:30px;margin:35px 0}.space-study-notes dl{grid-template-columns:70px 1fr;gap:16px}.space-study h1{overflow-wrap:anywhere;font-size:34px}}@media (prefers-reduced-motion:reduce){.space-sample-art img,.recommended-link,.space-study-pages button{transition:none}}body[data-page=home] .site-header .brand b{color:#10251b;letter-spacing:-.065em;background:#e5ffe9;border-radius:10px;padding:10px 14px 11px;font-size:30px;font-weight:950;line-height:1;box-shadow:inset 0 1px #fff,0 3px 16px #07130d38}body[data-page=home] .site-header .brand{gap:9px}body[data-page=home] .site-header .logo-mark{display:none}body[data-page=home] .site-header .brand:hover b{background:#fff9dc;transform:scale(1.035)}body[data-page=home] .site-header .brand b{transition:background .18s, transform .18s var(--ease-comfort)}body[data-page=home] .site-header[data-surface=light]{color:#203b2c;background:linear-gradient(125deg,#ecfff084,#d8e9df70 57%,#f5fff275)}body[data-page=home] .site-header[data-surface=light] :is(nav a,.header-login,.brand-cn,.sound-control,.mobile-menu){color:#203b2c}body[data-page=home] .site-header[data-surface=light] nav.is-open a{color:#d3e9db}body[data-page=home] .site-header[data-surface=light] .sound-toggle.playing{color:#165c38;background:#a3e7bf70}.title-atmosphere{pointer-events:none;z-index:180;contain:strict;position:fixed;inset:0;overflow:hidden}.burst-fragment{color:#d0f9e4;font:italic var(--size) Georgia, serif;opacity:0;text-shadow:0 0 20px #eaffea70;animation:title-sky 2.4s cubic-bezier(.12, .62, .18, 1) var(--delay) both;line-height:1;position:absolute;top:0;left:0}.burst-fragment:nth-child(3n){color:#e1d9f2}.burst-fragment:nth-child(5n){color:#f1e5cc}.burst-wash,.burst-orbit{left:var(--origin-x);top:var(--origin-y);background:radial-gradient(circle,#e7f6dc00 15%,#d8f9e9 40%,#d4e5fb00 65%);border-radius:50%;width:240vmax;height:240vmax;margin:-120vmax;animation:2.4s cubic-bezier(.15,.55,.2,1) both title-wash;position:absolute}.burst-orbit{background:0 0;border:1px solid #e1fff3;animation-name:title-orbit}@keyframes title-sky{0%{transform:translate3d(var(--origin-x), var(--origin-y), 0) scale(.25);opacity:0;filter:blur()}12%{opacity:.25}58%{opacity:.19;filter:blur(.5px)}to{transform:translate3d(var(--end-x), var(--end-y), 0) rotate(var(--turn)) scale(1.15);opacity:0;filter:blur(5px)}}@keyframes title-wash{0%{opacity:0;transform:scale(.015)}18%{opacity:.12}65%{opacity:.055}to{opacity:0;transform:scale(1)}}@keyframes title-orbit{0%{opacity:.22;transform:scale(.01)}to{opacity:0;transform:scale(.85)}}[data-home-motion]{--travel:0;--arrive:0;--ink:0%}.experience-page [data-read-motion]:not(.is-read){filter:none;opacity:1;color:inherit}.experience-chapter .title-reset{top:calc(100% - 20px)}.experience-intro{position:relative;overflow:hidden}.experience-intro:after{content:"";height:1px;transform:scaleX(var(--arrive));transform-origin:0;background:#294c3860;position:absolute;bottom:0;left:7%;right:7%}.experience-intro .ink-line{background:linear-gradient(100deg, #203b2b 0 var(--ink), #9eb3a4 var(--ink) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.experience-intro em.ink-line{background-image:linear-gradient(100deg, #4b6956 0 calc(var(--ink) - 24%), #9eb3a4 calc(var(--ink) - 12%) 100%)}.experience-workbench .folding-interface{transform-origin:50% 80%;transform:perspective(1800px) rotateX(calc(38deg * (1 - var(--arrive)))) rotateZ(calc(-4deg * (1 - var(--arrive)))) scale(calc(.77 + var(--arrive) * .23));clip-path:inset(0 calc(2% * (1 - var(--arrive))) round 22px);animation:none}.experience-workbench .experience-section-head h2{letter-spacing:calc(-.055em + .055em * (1 - var(--arrive)))}.experience-studio{isolation:isolate;position:relative}.experience-studio:before{content:"";z-index:-1;width:90%;height:150%;transform:translateX(calc((var(--travel) - .5) * -35%)) skewX(calc((var(--travel) - .5) * 16deg));background:linear-gradient(125deg,#0000 27%,#fff9 28%,#fff0 65%);position:absolute;top:-30%;left:35%}.experience-studio>div:first-child{transform:translateX(calc((1 - var(--arrive)) * -48px))}.experience-room{transform:perspective(1400px) rotateY(calc((var(--travel) - .5) * -24deg))}.experience-cta{isolation:isolate}.experience-cta .draggable-title{text-align:center;margin-inline:auto}.experience-cta .title-playground{z-index:1}.experience-cta .title-reset{top:calc(100% - 20px);left:50%;transform:translate(-50%)}.cta-aperture{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.cta-aperture i{width:80vw;height:80vw;transform:perspective(1000px) rotateX(calc(65deg - var(--arrive) * 30deg)) rotateY(calc(-30deg + var(--travel) * 70deg)) scale(calc(.2 + var(--travel) * 1.65));border:1px solid #d4f6df35;border-radius:50%;position:absolute;top:5%;left:10%;box-shadow:inset 0 0 70px #b5f5cd08,0 0 70px #b5f5cd08}.cta-aperture i:nth-child(2){width:64vw;height:64vw;transform:rotate(calc(var(--travel) * 100deg)) scale(calc(.3 + var(--travel) * 1.2));border-color:#ddccef24;top:13%;left:18%}.cta-aperture i:nth-child(3){width:48vw;height:48vw;transform:perspective(900px) rotateY(calc(70deg - var(--arrive) * 90deg)) scale(calc(.4 + var(--travel)));top:20%;left:26%}.experience-cta .title-line{letter-spacing:calc(-.055em + (1 - var(--arrive)) * .06em)}body[data-page=home] .site-footer .footer-wordmark span{transform:translateY(calc((1 - var(--arrive,1)) * 40%)) rotateX(calc((1 - var(--arrive,1)) * 50deg))}body[data-page=home] .site-footer .footer-wordmark span:nth-child(2n){transform:translateY(calc((1 - var(--arrive,1)) * -30%)) rotateX(calc((1 - var(--arrive,1)) * -50deg))}body[data-page=home] .site-footer .footer-wordmark span:hover{transform:translateY(-12%)rotate(-4deg)}@media (width<=760px){body[data-page=home] .site-header .brand b{border-radius:8px;padding:9px 10px 10px;font-size:23px}.experience-cta h2{font-size:clamp(43px,12vw,70px)}.experience-cta .title-line{letter-spacing:-.055em}.experience-workbench .folding-interface{transform:perspective(1400px) rotateX(calc(20deg * (1 - var(--arrive)))) scale(calc(.88 + var(--arrive) * .12))}.experience-studio>div:first-child{transform:translateX(calc((1 - var(--arrive)) * -22px))}.experience-room{transform:perspective(1400px) rotateY(calc((var(--travel) - .5) * -10deg))}.burst-fragment{font-size:calc(var(--size) * .65)}.cta-aperture i{width:150vw;height:150vw;top:20%;left:-25%}}@media (prefers-reduced-motion:reduce){.title-atmosphere{display:none}.experience-workbench .folding-interface,.experience-studio>div:first-child,.experience-room,body[data-page=home] .site-footer .footer-wordmark span{transform:none}.experience-intro .ink-line{color:#203b2b;background:0 0}.experience-intro em.ink-line{color:#4b6956}}@media (width<=360px){body[data-page=home] .site-header{gap:6px;padding-inline:12px}body[data-page=home] .site-header .brand b{padding-inline:8px;font-size:21px}body[data-page=home] .site-header .header-login{padding-inline:8px;font-size:9px}body[data-page=home] .site-header .sound-toggle{width:34px;min-width:34px}body[data-page=home] .site-header .sound-settings-trigger{width:20px}}@media (width<=480px){.experience-bottom .static-scroll-hint{bottom:72px;left:2px}}.experience-case{overflow:hidden}.featured-computer-case{grid-template-columns:minmax(0,1.65fr) minmax(250px,.85fr);align-items:center;gap:5%;display:grid}.computer-showcase{min-width:0;padding:15px 0 0;position:relative}.computer-showcase:before{content:"";filter:blur(18px);height:25px;transform:scaleX(calc(.7 + var(--arrive) * .3));pointer-events:none;background:#27453524;border-radius:50%;position:absolute;bottom:90px;left:8%;right:8%}.promo-computer{transform-origin:50% 75%;transform:perspective(1700px) rotateY(calc((var(--travel) - .5) * 24deg)) rotateX(calc((1 - var(--arrive)) * 16deg)) translateY(calc((1 - var(--arrive)) * 34px));position:relative}.computer-display{background:linear-gradient(125deg,#c9d1cc,#f5f6f3 29%,#8c9b92 70%,#d4dbd6);border:1px solid #e4e9e6;border-radius:20px;padding:17px 10px 0;position:relative;overflow:hidden;box-shadow:0 2px 1px #1e332d88,0 17px 34px #102d2523,inset 1px 1px 1px #fff}.computer-camera{background:#172920;border-radius:50%;width:4px;height:4px;position:absolute;top:6px;left:calc(50% - 2px);box-shadow:inset 0 0 0 1px #4d615b}.computer-screen{aspect-ratio:1200/850;background:#080f19;border:4px solid #101b17;border-radius:9px;position:relative;overflow:hidden}.computer-screen>img{object-fit:cover;width:100%;height:100%}.computer-screen .preview-wrap{box-shadow:none;background:#080f19;border:0}.computer-screen .preview-address{color:#3b5346;background:#dce5df;border-color:#718d7a;height:24px;padding-inline:9px;font-size:7px}.computer-screen .preview-address button{color:#294b39;font-size:16px}.computer-screen .preview-dots{gap:4px}.computer-screen .preview-dots i{width:4px;height:4px}.computer-screen .preview-error{z-index:4;color:#4c3a12;background:#fff4d4;position:absolute;inset:24px 0 auto}.computer-screen .preview-loading{font-size:10px;top:34px;left:8px;right:8px}.computer-chin{color:#344a3c;justify-content:space-between;align-items:center;gap:10px;height:34px;padding:0 10px;display:flex}.computer-chin b{letter-spacing:-.04em;font:800 10px Archivo Variable,sans-serif}.computer-chin>span{letter-spacing:.03em;font-size:7px}.computer-chin>i{background:#8aac98;border-radius:50%;width:4px;height:4px;box-shadow:0 0 4px #b8e6c5}.computer-neck{clip-path:polygon(14% 0,86% 0,100% 100%,0 100%);background:linear-gradient(90deg,#b0bdb4,#ecf0eb 40%,#a6b5aa);width:17%;height:57px;margin:1px auto 0;position:relative;box-shadow:inset 0 15px 14px #46594e24}.computer-foot{background:linear-gradient(#edf0ec,#bac8bd 70%,#798f7f);border-radius:50% 50% 5px 5px;width:35%;height:12px;margin:-3px auto 0;position:relative;box-shadow:0 6px 12px #314c3726,inset 0 1px #fff}.computer-page-switcher{background:#fff9;border:1px solid #fff;border-radius:30px;flex-wrap:wrap;justify-content:center;gap:3px;width:max-content;max-width:100%;margin:27px auto 0;padding:5px;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 5px 20px #244c3410}.computer-page-switcher button{color:#4b6655;border-radius:24px;min-height:36px;padding:9px 11px;font-size:10px}.computer-page-switcher button[aria-pressed=true]{color:#e6f6e9;background:#234635}.computer-page-switcher button:hover{color:#173c29;background:#c9e4d4}.computer-caption{color:#5a7262;text-align:center;margin-top:13px;font-size:10px;line-height:1.8}.computer-caption>span{color:#6d7d71;font-size:9px;display:block}.computer-case-copy .small-label{color:#586d60;letter-spacing:.06em;font-size:11px}.computer-case-copy h3{letter-spacing:-.05em;color:#243e2e;margin:22px 0;font-size:clamp(30px,3vw,46px);line-height:1.4}.computer-case-copy h3 em{font-style:normal;font-weight:inherit;color:#54745f}.computer-case-copy>p{color:#5b6f60;font-size:13px;line-height:1.95}.computer-case-actions{flex-direction:column;align-items:start;gap:23px;margin:28px 0 24px;display:flex}.computer-case-actions .button{color:#e7f6e9;background:#234635;font-size:12px}.computer-case-actions .text-button{font-size:11px}.computer-case-copy>small{color:#6a7d6e;font-size:10px;line-height:1.9}@media (width<=760px){.promo-computer{transform:perspective(1700px) rotateY(calc((var(--travel) - .5) * 14deg)) rotateX(calc((1 - var(--arrive)) * 10deg)) translateY(calc((1 - var(--arrive)) * 22px))}.featured-computer-case{grid-template-columns:minmax(0,1fr);gap:45px}.computer-display{border-radius:12px;padding:13px 6px 0}.computer-camera{top:4px}.computer-screen{aspect-ratio:auto;border-width:3px;border-radius:6px}.computer-chin{height:27px;padding-inline:5px}.computer-chin>span{font-size:6px}.computer-neck{height:38px}.computer-page-switcher{border-radius:22px;gap:2px;padding:4px}.computer-page-switcher button{min-height:38px;padding:9px 8px;font-size:10px}.computer-case-copy h3{font-size:34px}.computer-case-actions{flex-direction:row;align-items:center;gap:20px}}@media (prefers-reduced-motion:reduce){.promo-computer,.computer-showcase:before{transform:none}}@media (width<=1100px){body[data-page] .site-header:has(nav.is-open){-webkit-backdrop-filter:none;backdrop-filter:none}.site-header:has(nav.is-open):after{content:"";border-radius:inherit;pointer-events:none;z-index:-1;-webkit-backdrop-filter:blur(6px) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:blur(6px) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));position:absolute;inset:0}body[data-page] .site-header nav.is-open{overscroll-behavior:contain;color:#1b3b2b;max-height:calc(100svh - 125px);-webkit-backdrop-filter:blur(10px) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));backdrop-filter:blur(10px) saturate(var(--glass-saturation)) contrast(var(--glass-contrast));transform-origin:90% 0;animation:frosted-menu-open .24s var(--ease-comfort) both;background:linear-gradient(125deg,#edf7e9a8,#d8eade78 60%,#edf8e39c);border:1px solid #f0fff2b3;border-radius:26px;gap:3px;margin:0;padding:15px;display:flex;top:calc(100% + 12px);overflow-y:auto;box-shadow:inset 0 2px 1px #fffffff2,inset 1px 0 2px #f5fff299,inset 0 -2px 3px #214a3545,0 18px 50px #102d2938}body[data-page=home] .site-header nav.is-open{color:#e6f5e9;background:linear-gradient(125deg,#44695980,#13372b94 65%,#294d408c)}body[data-page=home] .site-header nav.is-open a,body[data-page=home] .site-header[data-surface=dark] nav.is-open a{color:#e6f5e9!important}body[data-page=content] .site-header nav.is-open a,body[data-page=workspace] .site-header nav.is-open a{color:#183827!important}body[data-page] .site-header[data-surface] nav.is-open a,body[data-page] .site-header nav.is-open a{color:inherit}body[data-page] .site-header nav.is-open a[href]{border-radius:17px;min-height:47px;padding:14px 18px;line-height:1.5}body[data-page] .site-header nav.is-open a[href]:is(:hover,:focus-visible){color:inherit;background:#ffffff24;transform:translate(4px)}body[data-page] .site-header nav.is-open a[aria-current=page]{background:#ffffff20;font-weight:700}body[data-page] .site-header nav.is-open a[aria-current=page]:after{display:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body[data-page] .site-header nav.is-open{background:#e0eee3}body[data-page=home] .site-header nav.is-open{background:#234637}}}@keyframes frosted-menu-open{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){body[data-page] .site-header nav.is-open{animation:none}}html{scroll-padding-top:112px}.fluxon-team-board .demo-ui-body{grid-template-columns:170px minmax(0,1fr) 245px}.fluxon-team-board .demo-canvas{color:#d5ebdc;background:#10241b;min-height:450px;padding:28px 34px;display:block;overflow:hidden}.fluxon-member-kicker{color:#9eb7a7;font:12px Manrope Variable,sans-serif}.fluxon-role-art{isolation:isolate;place-items:center;height:200px;margin:10px 0 18px;display:grid;position:relative}.fluxon-role-art i{border:1px solid #bbdfc37a;border-radius:50%;width:150px;height:150px;transition:transform .7s;position:absolute;transform:rotateX(45deg)rotateY(25deg)}.fluxon-role-art i:nth-child(2){border-color:#b4dfc332;transform:rotateX(-35deg)rotateY(55deg)}.fluxon-role-art i:nth-child(3){border-style:dotted;width:190px;height:190px;transform:rotate(30deg)rotateY(40deg)}.fluxon-role-art i:nth-child(4){border-color:#dcf1d3a0;width:90px;height:90px;transform:rotateX(15deg)rotateY(-40deg)}.fluxon-role-art b{color:#bce4c8;font:italic 400 60px Georgia}.role-art-1 i{border-radius:12px;transform:rotate(35deg)rotateY(35deg)}.role-art-2 i{border-radius:4px;transform:rotateX(45deg)rotate(45deg)}.role-art-3 i:nth-child(2){transform:translate(-35px)}.fluxon-member-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.fluxon-member-heading h3{letter-spacing:-.05em;margin:0;font-size:27px;font-weight:450}.fluxon-member-heading>span{color:#abc4b3;border:1px solid #b8d3c038;border-radius:20px;padding:5px 10px;font-size:10px}.fluxon-member-preview>p{color:#aac5b3;margin:16px 0;font-size:12px}.fluxon-member-preview>ul{color:#91ae9c;flex-wrap:wrap;gap:9px 20px;margin:0;padding:0;font-size:10px;list-style:none;display:flex}.fluxon-member-preview>ul li:before{content:"+";color:#cae4d1;margin-right:7px}.fluxon-team-board .demo-chat .button{margin-top:25px}.fluxon-engineering-screen{color:#c6e9d0;background:radial-gradient(at 65% 65%,#204431,#091b11 70%);flex-direction:column;justify-content:space-between;height:100%;padding:6% 7%;display:flex;position:relative;overflow:hidden}.fluxon-screen-header{color:#8fae99;justify-content:space-between;align-items:center;font-size:9px;display:flex}.fluxon-screen-header b{letter-spacing:-.05em;color:#ceead4;font-family:Archivo Variable,sans-serif;font-size:15px}.fluxon-screen-kicker{color:#8eac98;margin-top:6%;font-size:9px}.fluxon-engineering-screen h3{letter-spacing:-.05em;color:#d5e9d6;margin:10px 0 0;font:clamp(18px,2.9vw,44px)/1 Georgia}.fluxon-car-drawing{flex:1;width:100%;height:auto;min-height:0;margin:0 -2%;overflow:visible}.fluxon-engineering-screen>p{color:#a2bfac;max-width:380px;margin:0;font-size:clamp(8px,.8vw,12px);line-height:1.7}.fluxon-engineering-screen>small{color:#759581;margin-top:8px;font-size:7px}.engineering-streams path{stroke-dasharray:6 10;animation:3s linear infinite fluxon-flow}.engineering-mode-1 .engineering-streams{opacity:.15;animation-play-state:paused}.engineering-mode-2 .fluxon-car-drawing{filter:drop-shadow(0 0 8px #a5d8b318)}@keyframes fluxon-flow{to{stroke-dashoffset:-80px}}.fluxon-section{color:#253e2e;background:#e6ece3;padding:100px 7%;overflow:hidden}.fluxon-section .experience-section-head h2{font-weight:450}.fluxon-section .experience-section-head>p{color:#6f8272;max-width:350px;font-size:12px;line-height:1.9}.fluxon-section .experience-section-head>p small{color:#819083;margin-top:10px;font-size:10px;display:block}.fluxon-season{background:#e0eadf;border-top:1px solid #b8c8b846}.fluxon-stage-tabs{grid-template-columns:repeat(4,minmax(0,1fr));margin:50px 0 35px;display:grid}.fluxon-stage-tabs button{text-align:left;color:#758b78;flex-direction:column;align-items:start;padding:0;display:flex;position:relative}.fluxon-stage-tabs button:after{content:"";background:#7d9d8338;height:1px;position:absolute;top:59px;left:0;right:0}.fluxon-stage-tabs span{color:#749580;font:italic 28px Georgia}.fluxon-stage-tabs i{z-index:1;background:#e0eadf;border:1px solid #98ad97;border-radius:50%;width:7px;height:7px;margin:25px 0;position:relative}.fluxon-stage-tabs b{font-size:15px;font-weight:450}.fluxon-stage-tabs button[aria-selected=true]{color:#203d2b}.fluxon-stage-tabs button[aria-selected=true] i{background:#32553c;border-color:#32553c;box-shadow:0 0 0 5px #55796510}.fluxon-stage-tabs button[aria-selected=true] span{color:#30543c}.fluxon-stage-panel{border-top:1px solid #9fb59f77;grid-template-columns:1.3fr 1fr;gap:50px;padding-top:35px;display:grid}.fluxon-stage-panel>div>span{color:#7a937c;font:italic 17px Georgia}.fluxon-stage-panel h3{margin:15px 0;font-size:25px;font-weight:450}.fluxon-stage-panel p{color:#708573;font-size:13px;line-height:1.8}.fluxon-stage-panel ul{align-self:center;margin:0;padding:0;list-style:none}.fluxon-stage-panel li{color:#507158;border-bottom:1px solid #91ad9555;padding:12px 0;font-size:12px}.fluxon-stage-panel li:before{content:"↗";margin-right:18px}.fluxon-budget{background:#eef0e9}.fluxon-budget-summary{border-bottom:1px solid #aabca948;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:30px 0 37px;display:grid}.fluxon-budget-summary>div{border-left:1px solid #a9bba94d;padding-left:25px}.fluxon-budget-summary>div:first-child{border:0;padding-left:0}.fluxon-budget-summary span{color:#7b8f7f;font-size:11px;display:block}.fluxon-budget-summary b{color:#355a40;overflow-wrap:anywhere;margin-top:15px;font:400 32px/1.6 Georgia,Songti SC,serif;display:block}.fluxon-progress{background:#6c94742b;max-width:150px;height:2px;margin-top:14px}.fluxon-progress i{background:#3b6c47;height:100%;transition:width .5s;display:block}.fluxon-budget-table{width:100%}.fluxon-budget-table table{border-collapse:collapse;text-align:left;width:100%}.fluxon-budget-table th,.fluxon-budget-table td{border-bottom:1px solid #b7c5b45c;padding:24px 0;font-size:13px;font-weight:450}.fluxon-budget-table thead th{color:#7f9283;padding:20px 0;font-size:10px}.fluxon-budget-table th small{color:#92a88c;margin-right:30px;font:italic 15px Georgia;display:inline-block}.fluxon-budget-table th:last-child,.fluxon-budget-table td:last-child{text-align:right;font-variant-numeric:tabular-nums}.fluxon-budget-table td:nth-child(2){color:#7b9080;padding-right:20px;font-size:12px}.fluxon-budget-note{color:#829587;margin:24px 0 0;font-size:10px;line-height:1.8}.fluxon-partners{background:#dfe9de}.fluxon-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;display:grid}.fluxon-partner-grid article{border-top:1px solid #a0b39d7a;padding-top:25px}.fluxon-partner-grid article>span{color:#68886b;font-size:25px;line-height:1}.fluxon-partner-grid h3{letter-spacing:-.04em;margin:25px 0 15px;font-size:23px;font-weight:450}.fluxon-partner-grid p{color:#748b77;font-size:12px;line-height:1.9}.fluxon-partner-foot{color:#7c937f;border-top:1px solid #a0b39d7a;justify-content:space-between;align-items:start;gap:30px;margin-top:45px;padding-top:30px;font-size:10px;line-height:1.8;display:flex}.fluxon-partner-foot p{white-space:nowrap;color:#42684c}.fluxon-dialog{color:#294630;background:linear-gradient(130deg,#eef4e9,#dce8dd);border:1px solid #a0b59f;border-radius:22px;width:min(520px,100% - 32px);max-height:calc(100svh - 48px);padding:30px;overflow:auto;box-shadow:0 25px 70px #112d2645}.fluxon-dialog::backdrop{-webkit-backdrop-filter:blur(12px);background:#0c21168c}.fluxon-dialog-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.fluxon-dialog-heading h2{letter-spacing:-.04em;margin:0;font-size:25px;font-weight:450}.fluxon-dialog>p{color:#6a826e;margin:18px 0 25px;font-size:11px;line-height:1.9}.fluxon-dialog label{grid-template-columns:1fr 1.5fr;align-items:center;gap:20px;margin:17px 0;font-size:12px;display:grid}.fluxon-dialog input{background:#fbfdf782;border:1px solid #95b39b75;border-radius:8px;width:100%;min-width:0;padding:11px 14px;font-size:14px}.fluxon-dialog-actions{justify-content:end;gap:15px;margin-top:30px;display:flex}body[data-page=home] .footer-wordmark{font-size:clamp(70px,20vw,340px)}@media (width<=1100px){.fluxon-team-board .demo-ui-body{grid-template-columns:150px minmax(0,1fr)}.fluxon-team-board .demo-chat{display:none}.fluxon-section{padding:80px 5%}.fluxon-team-board .demo-canvas{min-height:450px}.fluxon-engineering-screen h3{font-size:28px}.fluxon-engineering-screen>p{font-size:10px}.fluxon-engineering-screen>small{font-size:7px}}@media (width<=760px){.fluxon-team-board .demo-ui-body{grid-template-columns:1fr}.fluxon-team-board .demo-ui-body>aside:first-child{flex-wrap:wrap;gap:8px;padding:16px;display:flex}.fluxon-team-board .demo-ui-body>aside:first-child>p,.fluxon-team-board .demo-ui-body>aside:first-child>small,.fluxon-team-board .demo-ui-body>aside:first-child>.swatches{display:none}.fluxon-team-board .demo-ui-body>aside:first-child>button{border:1px solid #b8c8bb55;border-radius:8px;flex:1 0 40%;min-height:40px;margin:0;padding:11px 12px;font-size:11px}.fluxon-team-board .demo-ui-body>aside:first-child>button svg{display:none}.fluxon-team-board .demo-canvas{min-height:400px;padding:24px}.fluxon-role-art{height:175px}.fluxon-member-heading h3{font-size:23px}.fluxon-member-preview>p{font-size:11px}.fluxon-member-preview>ul{gap:10px 16px;font-size:9px}.fluxon-member-kicker{font-size:10px}.fluxon-team-board .demo-ui-top .save-state{display:none}.fluxon-team-board .demo-ui-top{padding:14px 16px}.fluxon-team-board .demo-ui-top b{font-size:10px}.fluxon-engineering-screen h3{font-size:clamp(20px,5vw,32px)}.fluxon-screen-header b{font-size:12px}.fluxon-screen-header>span{font-size:7px}.fluxon-screen-kicker,.fluxon-engineering-screen>p{font-size:8px}.fluxon-engineering-screen>small{font-size:6px}.fluxon-section{padding:65px 6%}.fluxon-section .experience-section-head>p{margin-top:20px;font-size:11px}.fluxon-section .experience-section-head{display:block}.fluxon-stage-tabs{margin-top:35px}.fluxon-stage-tabs span{font-size:24px}.fluxon-stage-tabs button:after{top:56px}.fluxon-stage-tabs b{font-size:11px}.fluxon-stage-panel{grid-template-columns:1fr;gap:25px;padding-top:25px}.fluxon-stage-panel>div>span{font-size:15px}.fluxon-stage-panel h3{font-size:22px}.fluxon-stage-panel p{font-size:12px}.fluxon-stage-panel li{font-size:11px}.fluxon-budget .experience-section-head>.text-button{margin-top:25px}.fluxon-budget-summary{grid-template-columns:1fr 1fr;gap:25px 30px;padding:10px 0 28px}.fluxon-budget-summary>div{border:0;padding-left:0}.fluxon-budget-summary>div:nth-child(2n){border-left:1px solid #a9bba94d;padding-left:20px}.fluxon-budget-summary b{margin-top:10px;font-size:25px}.fluxon-budget-summary span{font-size:10px}.fluxon-budget-table th,.fluxon-budget-table td{padding:20px 0;font-size:11px}.fluxon-budget-table thead th{font-size:8px}.fluxon-budget-table th small{margin:0 0 6px;font-size:11px;display:block}.fluxon-budget-table td:nth-child(2){padding-inline:15px;font-size:10px;line-height:1.9}.fluxon-budget-table td:last-child{min-width:75px}.fluxon-budget-note{font-size:9px}.fluxon-partner-grid{grid-template-columns:1fr;gap:30px}.fluxon-partner-grid article{grid-template-columns:30px 1fr;gap:15px 20px;padding-top:23px;display:grid}.fluxon-partner-grid article>span{grid-row:1/3;font-size:22px}.fluxon-partner-grid h3{margin:0;font-size:20px}.fluxon-partner-grid p{font-size:11px}.fluxon-partner-foot{margin-top:30px;font-size:9px;display:block}.fluxon-partner-foot p{margin-top:20px;font-size:11px}.fluxon-dialog{padding:23px}.fluxon-dialog-heading h2{font-size:23px}.fluxon-dialog label{grid-template-columns:1fr 1.3fr;font-size:11px}.fluxon-dialog .button{padding:12px 20px;font-size:11px}.fluxon-engineering-screen{padding:5% 6%}.fluxon-car-drawing{margin-top:-2%;margin-bottom:-3%}}@media (prefers-reduced-motion:reduce){.engineering-streams path{animation:none}.fluxon-role-art i{transition:none}}.fluxon-team-board .demo-chat .button{color:#20422d;background:#c3e7cf;border:1px solid #b1d6bd}.fluxon-team-board .demo-chat .frame-symbol{color:#345e42}.brand-badge-img{object-fit:contain;filter:drop-shadow(0 2px 8px #004ad866);flex-shrink:0;width:auto;height:34px;transition:transform .25s,filter .25s}.brand:hover .brand-badge-img{filter:drop-shadow(0 3px 12px #004ad8a6);transform:scale(1.06)}.brand-titles{flex-direction:column;line-height:1.1;display:flex}.team-board-badge{object-fit:contain;filter:drop-shadow(0 4px 12px #004ad866);width:auto;height:52px;margin-bottom:12px;display:block}@media (width<=760px){.brand-badge-img{height:28px}}.site-header nav .reference-nav{color:inherit;white-space:nowrap;border-radius:24px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;line-height:1.5;transition:all .2s;display:inline-flex}.reference-nav svg{fill:none;stroke:currentColor;stroke-width:1.2px;opacity:.85;width:13px;height:13px}.site-header nav .reference-nav:hover{background:#ffffff24;transform:translateY(-1px)}.reference-dialog{color:#d6ecde;overscroll-behavior:contain;background:radial-gradient(at 10% 0,#16402f 0%,#0000 65%),#0c1c15;border:1px solid #52c28959;border-radius:24px;width:min(640px,100% - 32px);max-height:calc(100svh - 40px);padding:24px 28px 28px;transition:width .25s;overflow:auto;box-shadow:inset 0 1px 1px #ffffff26,0 30px 100px #000000b3}.reference-dialog::backdrop{-webkit-backdrop-filter:blur(16px);background:#030f0be0}.reference-dialog-top{border-bottom:1px solid #52c28926;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.reference-dialog-title-brand{align-items:center;gap:10px;display:flex}.reference-badge-icon{width:22px;height:auto;display:block}.reference-dialog-top span{color:#8ecaa6;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.reference-dialog .icon-button{color:#cde9d5;cursor:pointer;background:#ffffff0a;border:1px solid #d8efdf33;border-radius:50%;place-items:center;width:32px;height:32px;transition:background .2s;display:inline-grid}.reference-dialog .icon-button:hover{background:#ffffff1f}.reference-lock-screen{text-align:center;padding:30px 10px 10px}.reference-lock-mark{background:linear-gradient(135deg,#52c28926,#52c28905);border:1px solid #52c28959;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 20px;display:grid;box-shadow:inset 0 1px 1px #ffffff26}.reference-lock-mark svg{stroke:#52c289;stroke-width:1.4px;fill:none;width:32px;height:32px}.reference-eyebrow{color:#82b296;letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.reference-dialog h2{letter-spacing:-.03em;color:#f1fbf4;margin:8px 0 14px;font-size:32px;font-weight:600;line-height:1.3}.reference-lock-desc{color:#9cbca8;max-width:480px;margin:0 auto 20px;font-size:12px;line-height:1.8}.reference-lock-desc strong{color:#e3f7eb}.reference-lock-screen form{text-align:left;margin-top:15px}.reference-lock-screen label{color:#abc9b6;margin-bottom:8px;font-size:12px;display:block}.reference-password-wrap{gap:10px;display:flex}.reference-password-wrap input{color:#f1fbf4;background:#05120cb3;border:1px solid #52c2894d;border-radius:26px;outline:none;width:100%;min-width:0;padding:13px 18px;font-size:14px;transition:border-color .2s}.reference-password-wrap input:focus{border-color:#52c289}.reference-password-wrap input::placeholder{color:#648670;font-size:12px}.reference-password-wrap .button{color:#061c12;white-space:nowrap;cursor:pointer;background:#52c289;border:none;border-radius:26px;flex-shrink:0;align-items:center;gap:8px;padding:12px 22px;font-size:13px;font-weight:600;display:inline-flex}.reference-password-wrap .button:hover:not(:disabled){background:#64d49a}.reference-error{color:#fca5a5;background:#dc26261f;border:1px solid #ef44444d;border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.6;margin:14px 0!important}.reference-lock-screen>small{color:#688a74;margin-top:20px;font-size:11px;line-height:1.8;display:block}.reference-unlocked{width:min(1200px,100% - 32px);max-height:calc(100svh - 32px);padding:24px 30px}.reference-library{padding-top:14px}.reference-library-header{border-bottom:1px solid #52c28926;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;display:flex}.reference-meta-tags{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.reference-folder-tag{color:#a4ceb5;background:#52c2891f;border:1px solid #52c28940;border-radius:14px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.reference-level-pill{letter-spacing:.02em;border-radius:14px;padding:4px 10px;font-size:11px;font-weight:600}.reference-level-pill.level-1{color:#fde047;background:#eab30826;border:1px solid #eab30859}.reference-level-pill.level-2{color:#7dd3fc;background:#38bdf826;border:1px solid #38bdf859}.reference-level-pill.level-3{color:#86efac;background:#22c55e33;border:1px solid #22c55e73}.reference-library-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reference-upgrade-btn{color:#d6f2e2;cursor:pointer;background:#52c2891f;border:1px solid #52c28959;border-radius:18px;padding:8px 14px;font-size:12px;transition:all .2s}.reference-upgrade-btn:hover{background:#52c28938}.reference-upgrade-btn.level3-btn{color:#bae6fd;background:#38bdf826;border-color:#38bdf866}.reference-upgrade-btn.level3-btn:hover{background:#38bdf840}.reference-close-action-btn{color:#c5edd4;cursor:pointer;background:#52c2891a;border:1px solid #52c2894d;border-radius:18px;padding:8px 14px;font-size:12px;transition:all .2s}.reference-close-action-btn:hover{color:#fff;background:#52c28933}.reference-logout-link{color:#8aa996;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:4px 6px;font-size:11px;text-decoration:underline;transition:color .2s}.reference-logout-link:hover{color:#fca5a5}.reference-lock-btn{color:#9cbca8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:18px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;display:inline-flex}.reference-lock-btn:hover{color:#f1fbf4;background:#ffffff1a}.reference-tier-notice{color:#b7d6c2;background:#05140e99;border:1px solid #52c28933;border-radius:12px;margin:14px 0 18px;padding:12px 16px;font-size:12px;line-height:1.7}.reference-tier-notice p{margin:0}.reference-tier-notice .notice-success{color:#a7f3d0}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:14px;display:grid}.reference-file-card{background:#091c13;border:1px solid #52c28933;border-radius:14px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.reference-file-card:hover{border-color:#52c28973;transform:translateY(-2px);box-shadow:0 10px 24px #0006}.reference-card-header{background:#00000040;border-bottom:1px solid #52c2891a;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.file-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.file-badge-image{color:#86efac;background:#52c28933}.file-badge-video{color:#fca5a5;background:#ef444433}.file-badge-file{color:#cbd5e1;background:#94a3b833}.file-size-badge{color:#7da58e;font-size:11px}.reference-card-preview{background:#05130c;place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.reference-preview-btn{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block;position:relative}.reference-preview-btn img{object-fit:cover;width:100%;height:100%;display:block}.reference-zoom-overlay{color:#f1fbf4;opacity:0;background:#04120cb3;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:500;transition:opacity .2s;display:flex;position:absolute;inset:0}.reference-preview-btn:hover .reference-zoom-overlay{opacity:1}.reference-video-wrap{width:100%;height:100%}.reference-video-wrap video{object-fit:cover;background:#000;width:100%;height:100%}.reference-card-locked{text-align:center;color:#79a189;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;padding:20px;transition:background .2s,color .2s;display:flex}.reference-card-locked:hover{color:#bce3cb;background:#52c28914}.reference-card-locked .lock-icon{stroke:#52c289;opacity:.8}.reference-card-locked span{font-size:12px;font-weight:500}.reference-card-locked small{color:#5d816c;font-size:10px}.reference-card-footer{background:#00000026;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.reference-card-name{color:#c9e4d3;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;overflow:hidden}.reference-card-action{flex-shrink:0}.reference-btn-dl{color:#061c12;background:#52c289;border-radius:12px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:600;text-decoration:none;display:inline-flex}.reference-btn-dl:hover{background:#64d49a}.reference-btn-dl-locked{color:#8dafa0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;display:inline-flex}.reference-btn-dl-locked:hover{color:#d6ecde;background:#ffffff1f}.reference-submodal-overlay{-webkit-backdrop-filter:blur(8px);z-index:50;background:#020a07d1;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.reference-submodal{text-align:left;background:#0f271d;border:1px solid #52c28966;border-radius:20px;width:min(440px,100%);padding:24px;box-shadow:0 20px 60px #0009}.reference-submodal-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reference-submodal-top h3{color:#f1fbf4;margin:0;font-size:18px;font-weight:600}.reference-submodal-desc{color:#9cbca8;margin:0 0 16px;font-size:12px;line-height:1.7}.reference-submodal label{color:#abc9b6;margin-bottom:6px;font-size:12px;display:block}.reference-submodal input{box-sizing:border-box;color:#f1fbf4;background:#05120ccc;border:1px solid #52c2894d;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-size:14px}.reference-submodal input:focus{border-color:#52c289}.reference-submodal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex}.reference-submodal-actions .button{cursor:pointer;border-radius:14px;padding:9px 16px;font-size:12px}.reference-submodal-actions .button.primary{color:#061c12;background:#52c289;border:none;font-weight:600}.reference-image-view{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:inherit;z-index:40;background:#040f0af0;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:50px 24px 24px;display:flex;position:absolute;inset:0}.reference-image-view>.icon-button{position:absolute;top:20px;right:20px}.reference-image-view>img{object-fit:contain;border-radius:8px;max-width:90%;max-height:65svh;display:block;box-shadow:0 10px 40px #0009}.reference-zoom-info{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-top:16px;display:flex}.reference-zoom-title{color:#e2f2e7;margin:0;font-family:ui-monospace,monospace;font-size:13px}.reference-zoom-size{color:#7fa48f;font-size:11px}.reference-zoom-dl-btn{cursor:pointer;border-radius:16px;align-items:center;gap:6px;margin-top:6px;padding:8px 16px;font-size:12px;text-decoration:none;display:inline-flex}@media (width<=768px){.reference-dialog{border-radius:18px;width:calc(100% - 20px);padding:16px}.reference-unlocked{width:calc(100% - 20px);padding:16px}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.reference-card-preview{height:140px}.reference-password-wrap{flex-direction:column}.reference-password-wrap .button{justify-content:center}.reference-dialog h2{font-size:24px}}.reference-audit-modal{flex-direction:column;max-height:80vh;display:flex;width:min(600px,100%)!important}.reference-upgrade-btn.audit-btn{color:#e9d5ff;background:#a855f726;border-color:#a855f766}.reference-upgrade-btn.audit-btn:hover{background:#a855f740}.reference-audit-list{flex-direction:column;gap:10px;max-height:380px;margin:12px 0 16px;padding-right:4px;display:flex;overflow-y:auto}.reference-audit-empty{text-align:center;color:#79a189;padding:40px 0;font-size:13px}.reference-audit-item{background:#05120cb3;border:1px solid #52c28933;border-radius:12px;flex-direction:column;gap:5px;padding:10px 14px;display:flex}.reference-audit-item-top{justify-content:space-between;align-items:center;display:flex}.reference-audit-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.reference-audit-badge.badge-UNLOCKED{color:#7dd3fc;background:#38bdf833}.reference-audit-badge.badge-DOWNLOAD{color:#86efac;background:#22c55e33}.reference-audit-badge.badge-PWD_ERROR{color:#fca5a5;background:#ef444433}.reference-audit-badge.badge-NAME_REJECTED{color:#fde047;background:#eab30833}.reference-audit-time{color:#688a74;font-family:ui-monospace,monospace;font-size:10px}.reference-audit-desc-line{color:#e4f4e8;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.reference-audit-user-tag{color:#52c289;font-weight:600}.reference-audit-name-highlight{background:#52c2891f;border:1px dashed #52c28959;border-radius:8px;align-items:center;gap:6px;margin:2px 0;padding:6px 10px;font-size:12px;display:flex}.name-approved{color:#86efac;font-weight:700}.name-rejected{color:#fca5a5;font-weight:700}.reference-audit-meta-line{color:#648670;align-items:center;gap:12px;font-family:ui-monospace,monospace;font-size:10px;display:flex}