:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090a0a;--surface:#121313;--surface-hover:#1c1d1d;--text:#eeeeea;--muted:#969995;--quiet:#7b7e7a;--line:#282b28;--focus:#dedfd2;--paper:#f0f0e9;--ink:#252820;--paper-muted:#62665b;--accent:#c7ceba}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit;text-decoration:none}button,a,textarea{outline-offset:5px}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--focus)}button{color:inherit}::selection{color:var(--background);background:var(--accent)}.visually-hidden{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{background:var(--text);color:var(--background);z-index:10;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.app-shell{flex-direction:column;width:min(100% - 112px,1440px);min-height:100svh;margin:0 auto;display:flex}.main-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:112px;display:flex}.brand{letter-spacing:-1.6px;align-items:center;gap:13px;font-size:26px;font-weight:600;display:inline-flex}.pixel-mark{width:26px;height:26px}.pixel-mark.small{width:13px;height:13px}.main-header nav{align-items:center;gap:28px;font-size:12px;display:flex}.main-header nav a{color:#d9dcd5;align-items:center;gap:11px;min-height:44px;display:flex}.main-header nav a:hover{color:#fff}.main-header nav svg{width:14px;height:14px}.header-divider{background:var(--line);width:1px;height:16px}.demo-label{color:var(--muted);align-items:center;gap:8px;display:flex}.demo-label>span{background:var(--accent);border-radius:50%;width:5px;height:5px}.workspace{flex:1;grid-template-columns:minmax(290px,.83fr) minmax(0,1.55fr);align-items:center;gap:clamp(40px,6.2vw,104px);padding:78px 0 72px;display:grid}.creator{z-index:1;align-self:center;position:relative}.section-label{letter-spacing:1.9px;color:#a6aaa1;align-items:center;gap:10px;font-size:9px;display:flex}.label-line{background:#8e9487;width:19px;height:1px}.creator h1{letter-spacing:-1.4px;margin:23px 0 16px;font-size:clamp(29px,2.9vw,41px);font-weight:400;line-height:1.16}.creator-intro>p{color:var(--muted);margin:0 0 32px;font-size:13px;line-height:1.6}.composer{background:var(--surface);border:1px solid #363a34;border-radius:10px;padding:19px 19px 14px;transition:border-color .2s,background .2s}.composer:focus-within{background:#151714;border-color:#8e9785}.composer textarea{resize:vertical;width:100%;min-height:116px;max-height:280px;color:var(--text);letter-spacing:-.2px;background:0 0;border:0;outline:none;padding:0;font-size:17px;line-height:1.6;display:block}.composer textarea:focus-visible{outline:0}.composer textarea::placeholder{color:#a4a89f;opacity:1}.composer-bottom{justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.composer-bottom>span{color:var(--muted);font-size:10px}.submit-prompt{background:var(--paper);width:36px;height:36px;color:var(--ink);border:0;border-radius:5px;place-items:center;transition:transform .2s,background .2s;display:grid}.submit-prompt:not(:disabled):hover{background:#fff;transform:translate(2px)}.submit-prompt:disabled{color:#a5ac9d;background:#30332d}.demo-note{color:var(--muted);margin:12px 0 31px;font-size:10px;line-height:1.5}.examples-label{color:var(--muted);margin-bottom:12px;font-size:11px;display:block}.example-buttons{display:grid}.example-button{text-align:left;color:#b9bdb4;background:0 0;border:0;border-bottom:1px solid #222520;align-items:center;gap:12px;width:100%;min-height:43px;padding:8px 0;font-size:12px;transition:color .2s;display:flex}.example-button:last-child{border-bottom:0}.example-number{color:var(--quiet);font-family:Courier New,monospace;font-size:9px}.example-button svg{opacity:.45;width:13px;height:13px;margin-left:auto;transition:transform .2s,opacity .2s}.example-button:hover,.example-button.is-selected{color:var(--text)}.example-button:hover svg{opacity:1;transform:translate(2px,-2px)}.example-button.is-selected .example-number{color:#c8cebd}.preview-status{color:var(--muted);max-width:370px;margin:14px 0 0;font-size:10px;line-height:1.6;position:absolute}.preview-area{min-width:0;position:relative}.orbit{color:#808776;z-index:0;pointer-events:none;width:100%;height:auto;position:absolute;top:-14%;left:0}.preview-heading{color:#b0b5a8;justify-content:space-between;align-items:center;gap:16px;margin-bottom:17px;font-size:10px;display:flex;position:relative}.preview-heading>span:first-child{align-items:center;gap:8px;display:flex}.status-dot{background:#c9d2bc;border-radius:50%;width:5px;height:5px}.preview-type{color:#8e9488;font-size:10px}.preview-frame{background:#11140f;border:1px solid #3b4036;border-radius:9px;position:relative;overflow:hidden;box-shadow:0 26px 80px -32px #000}.preview-toolbar{background:#1c1f19;border-bottom:1px solid #33382e;align-items:center;height:41px;padding:0 13px;display:flex}.window-dots{gap:5px;width:60px;display:flex}.window-dots i{background:#565d4d;border-radius:50%;width:5px;height:5px;display:block}.window-dots i:first-child{background:#929988}.preview-location{letter-spacing:.1px;text-align:center;color:#a3ab99;flex:1;font-family:Courier New,monospace;font-size:9px}.device-controls{gap:3px;display:flex}.device-controls button{color:#8e9882;background:0 0;border:0;border-radius:3px;width:29px;height:28px;padding:5px}.device-controls button[aria-pressed=true]{color:#e5e9dd;background:#343c2b}.device-controls button:hover{color:#fff;background:#3e4635}.device-controls svg{stroke:currentColor;stroke-width:1.2px;width:16px;height:16px}.preview-canvas{scrollbar-width:thin;scrollbar-color:#777f6a #1c2117;justify-content:center;height:476px;display:flex;overflow:auto}.preview-site{background:var(--paper);width:100%;min-width:0;color:var(--ink);flex:0 0 100%;align-self:start;min-height:100%;padding:24px 28px 17px;transition:flex-basis .5s}.site-header{align-items:center;gap:12px;padding-bottom:23px;display:flex}.site-wordmark{letter-spacing:-.8px;font-size:15px;font-weight:600}.wordmark-dot{color:#9aa18a}.site-header-note{color:var(--paper-muted);margin-left:auto;font-size:7px}.site-menu-mark{gap:4px;width:15px;margin-left:17px;display:grid}.site-menu-mark i{background:#68705a;width:15px;height:1px}.site-hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:12px;padding-bottom:29px;display:grid}.site-copy{--assembly-delay:.15s;padding-bottom:12px}.site-eyebrow{max-width:130px;color:var(--paper-muted);margin-bottom:15px;font-size:7px;line-height:1.5;display:block}.site-copy h2{letter-spacing:-1.5px;max-width:210px;margin:0 0 14px;font-size:clamp(23px,2.75vw,39px);font-weight:400;line-height:1.02}.site-copy>p{color:var(--paper-muted);max-width:130px;margin:0;font-size:8px;line-height:1.6}.site-collection-link{border-bottom:1px solid #949c86;align-items:center;gap:14px;margin-top:27px;padding:7px 0;font-size:7px;display:inline-flex}.site-collection-link:hover{color:#000;border-color:#000}.site-collection-link:focus-visible{outline-color:var(--ink)}.site-collection-link svg{width:11px;height:11px}.site-hero-art{--assembly-delay:.3s;flex-direction:column;align-self:stretch;min-width:0;display:flex;position:relative}.site-art{object-fit:cover;width:100%;height:100%;min-height:217px;display:block}.art-caption{color:var(--paper-muted);text-align:right;margin-top:7px;font-size:6px}.site-collection{--assembly-delay:.5s}.collection-heading{border-top:1px solid #c5cabb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-top:15px;font-size:8px;display:flex}.collection-heading>span:last-child{color:var(--paper-muted);font-size:6px}.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.collection-art{background:#d0d5c4;height:65px;position:relative;overflow:hidden}.collection-art>span,.collection-art>i{display:block;position:absolute}.collection-art-0{background:#c0c6b3}.collection-art-0>span{background:linear-gradient(90deg,#dce0d3,#b1b9a3);width:55%;height:100%;top:20%;left:22%;transform:skewY(-22deg)}.collection-art-0>i{background:#e4e7dc;width:12%;height:90%;top:20%;left:10%;transform:skewY(35deg)}.collection-art-1{background:#cdd1c3}.collection-art-1>span{background:linear-gradient(90deg,#eff0e8,#a1ab91);border-radius:50% 50% 0 0;width:60%;height:80%;top:20%;left:38%}.collection-art-1>i{background:#919d80;width:22%;height:100%;left:18%;transform:skewY(-20deg)}.collection-art-2{background:#b6bea8}.collection-art-2>span{background:linear-gradient(90deg,#dbe0d1,#b1bba2);width:65%;height:95%;top:23%;left:22%;transform:rotate(-20deg)}.collection-art-2>i{background:#879678;width:18%;height:95%;top:17%;left:18%;transform:rotate(-20deg)}.collection-item-title{color:#4c5540;justify-content:space-between;gap:4px;margin-top:7px;font-size:6px;line-height:1.4;display:flex}.collection-item-title>span{color:#717c63}.site-footer{--assembly-delay:.7s;color:#707a62;justify-content:space-between;margin-top:23px;font-size:6px;display:flex}.preview-caption{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-top:15px;font-size:9px;display:flex;position:relative}.caption-cross{color:#9ba68c;padding-right:8px}.motion-control{color:#a2aa98;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;min-height:32px;padding:8px 0 8px 8px;font-size:9px;display:flex}.motion-control svg{width:8px;height:8px}.motion-control:not(:disabled):hover{color:#fff}.device-mobile .preview-site{flex-basis:290px;max-width:100%;padding:20px}.device-mobile .site-header-note{display:none}.device-mobile .site-menu-mark{margin-left:auto}.device-mobile .site-hero{grid-template-columns:1fr}.device-mobile .site-copy{padding:16px 0 12px}.device-mobile .site-copy h2{max-width:210px;font-size:35px}.device-mobile .site-copy>p{max-width:190px}.device-mobile .site-collection-link{margin-top:13px}.device-mobile .site-art{min-height:200px}.device-mobile .collection-grid{gap:8px}.device-mobile .collection-art{height:52px}.device-mobile .site-footer{margin-top:25px}.template-objects .collection-art-0>span{border-radius:45%;width:40%;height:80%;top:17%;left:30%;transform:none}.template-objects .collection-art-0>i{display:none}.template-objects .collection-art-1>span{border-radius:70% 70% 0 0;width:55%;height:45%;left:25%}.template-objects .collection-art-1>i{width:6%;top:62%;left:50%;transform:none}.template-objects .collection-art-2>span{border-radius:50%;width:50%;height:90%;top:20%;transform:none}.template-objects .collection-art-2>i{display:none}.template-cafe .collection-art-0>span{background:#e9ecdf;border-radius:50%;width:44%;height:80%;top:10%;left:30%;transform:none}.template-cafe .collection-art-0>i{background:#686451;border-radius:50%;width:30%;height:58%;top:21%;left:37%;transform:none}.template-cafe .collection-art-1>span{background:#b0aa90;border-radius:50%;width:52%;height:53%;top:27%;left:26%;transform:rotate(-20deg)}.template-cafe .collection-art-1>i{background:#d1ccb7;width:58%;height:2px;top:55%;left:23%;transform:rotate(-20deg)}.main-footer{border-top:1px solid var(--line);min-height:74px;color:var(--quiet);justify-content:space-between;align-items:center;gap:24px;font-size:10px;line-height:1.7;display:flex}.footer-dot{margin:0 12px}.footer-note{align-items:center;gap:9px;display:inline-flex}.footer-note .pixel-mark{color:#979f8b}.assembly{animation:16s infinite both assemble;animation-delay:var(--assembly-delay,0s)}.art-piece{transform-box:fill-box;transform-origin:50%;animation:16s cubic-bezier(.2,.65,.3,1) infinite both assemble-art}.art-piece-back{animation-delay:.55s}.art-piece-front{animation-delay:.8s}.collection-art>span{animation:16s .8s infinite assemble-detail}.collection-art-1>span{animation-delay:1s}.collection-art-2>span{animation-delay:1.2s}.motion-paused .assembly,.motion-paused .art-piece,.motion-paused .collection-art>span{opacity:1;animation:none;translate:none}@keyframes assemble{0%,1%{opacity:0;translate:0 10px}6%,89%{opacity:1;translate:0}96%,to{opacity:0;translate:0 -4px}}@keyframes assemble-art{0%,1%{opacity:0;transform:translateY(32px)}9%,88%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(-10px)}}@keyframes assemble-detail{0%,1%{opacity:0;translate:0 20px}8%,87%{opacity:1;translate:0}96%,to{opacity:0;translate:0 -5px}}@media (min-width:1600px){.workspace{padding:98px 0}.creator{max-width:390px}.preview-canvas{height:580px}.preview-site{padding:30px 36px 23px}.site-header{padding-bottom:32px}.site-art{min-height:280px}.collection-art{height:88px}.site-copy h2{font-size:48px}.site-copy>p,.site-eyebrow{font-size:10px}.site-eyebrow{max-width:160px}.site-header-note,.site-collection-link,.collection-heading{font-size:10px}.collection-item-title,.art-caption,.site-footer{font-size:8px}}@media (max-width:1100px){.app-shell{width:calc(100% - 64px)}.workspace{grid-template-columns:minmax(270px,.8fr) minmax(0,1.25fr);gap:38px;padding:64px 0 70px}.preview-site{padding:20px}.preview-canvas{height:445px}.site-hero{gap:8px}.site-copy h2{font-size:29px}.site-art{min-height:205px}.site-header-note{display:none}.site-menu-mark{margin-left:auto}.site-copy>p{max-width:110px}.preview-type{display:none}.preview-caption{font-size:8px}.collection-grid{gap:8px}.collection-item-title>span{display:none}}@media (max-width:850px){.app-shell{width:calc(100% - 48px)}.main-header{min-height:88px}.workspace{grid-template-columns:1fr;gap:64px;width:100%;max-width:640px;margin:0 auto;padding:52px 0}.creator{width:100%;max-width:480px;margin:0 auto}.creator h1{font-size:34px}.creator-intro>p{margin-bottom:25px}.composer textarea{min-height:100px}.demo-note{margin-bottom:24px}.preview-status{max-width:100%;min-height:0;position:static}.preview-status:empty{display:none}.preview-canvas{height:480px}.preview-site{padding:25px 28px 20px}.site-header{padding-bottom:26px}.site-copy h2{font-size:37px}.site-art{min-height:225px}.site-header-note{display:block}.site-copy>p{max-width:130px}.collection-art{height:70px}.collection-item-title{font-size:7px}.preview-type{display:block}.preview-caption{font-size:9px}.orbit{top:-18%}.main-footer{min-height:85px}}@media (max-width:480px){.app-shell{width:calc(100% - 36px)}.main-header{min-height:78px}.brand{gap:10px;font-size:23px}.brand .pixel-mark{width:22px;height:22px}.main-header nav{gap:0;font-size:10px}.main-header nav a,.header-divider{display:none}.workspace{gap:43px;padding:40px 0}.creator h1{margin-top:20px;font-size:32px}.section-label{letter-spacing:1.5px;font-size:8px}.creator-intro>p{font-size:12px}.composer{padding:17px 16px 12px}.composer textarea{font-size:16px}.example-button{min-height:45px}.preview-heading{font-size:10px}.preview-type{font-size:9px}.preview-canvas{height:436px}.preview-site{padding:20px 17px}.site-hero{grid-template-columns:.82fr 1.18fr;gap:8px;padding-bottom:20px}.site-copy h2{letter-spacing:-.9px;font-size:27px}.site-eyebrow{max-width:100px;margin-bottom:11px;font-size:6px}.site-copy>p{font-size:7px}.site-art{min-height:205px}.site-header{padding-bottom:23px}.site-wordmark{font-size:13px}.site-header-note{font-size:6px}.site-menu-mark{margin-left:5px}.site-collection-link{gap:6px;margin-top:17px;font-size:6px}.collection-art{height:58px}.collection-item-title{font-size:6px}.collection-heading{font-size:7px}.site-footer{margin-top:21px}.preview-caption{align-items:flex-start;gap:8px;font-size:8px;line-height:1.5}.preview-caption>span{padding-top:8px}.motion-control{font-size:8px}.orbit{width:100%;top:3%;left:0}.main-footer{align-items:flex-start;min-height:69px;padding:23px 0;font-size:9px}.footer-note{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.assembly,.art-piece,.collection-art>span{opacity:1;translate:none}}