:root{font-family:Arial,Helvetica,sans-serif;color:#242724;background:#f5f4ef;font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #685bc7;outline-offset:6px}.skip{position:absolute;top:-100px;padding:12px;background:white;z-index:10}.skip:focus{top:10px}.shell{max-width:1440px;margin:auto;padding:0 64px}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dddfd6}.brand{font-size:32px;letter-spacing:-1.5px;font-weight:700;display:flex;gap:10px;align-items:center}.mark{background:#272d26;color:#e0edb1;border-radius:11px;width:32px;height:36px;display:grid;place-items:center;font-size:31px}.brand-note{font:10px monospace;letter-spacing:1.3px;border-left:1px solid #ccd0c4;margin-left:12px;padding-left:20px}nav{display:flex;gap:32px;font-size:13px}.repo-link span{margin-left:18px}.hero{padding:80px 0 74px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center}.eyebrow{font:10px monospace;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;margin:0 0 25px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#687b43}h1{font-size:clamp(44px,4.8vw,70px);letter-spacing:-3.5px;line-height:1.06;font-weight:500;margin:0 0 25px}h1 em{font-family:Georgia,serif;font-weight:400;color:#647447}.lede{font-size:15px;line-height:1.8;color:#686d63;max-width:375px;margin:0 0 32px}.actions{display:flex;align-items:center;gap:20px}.button{background:#293027;color:#f9faf3;padding:18px 22px;border-radius:6px;font-size:12px;display:flex;gap:25px}.button:hover{background:#47543d}.release{font:10px monospace;color:#72766d}.art{height:400px;position:relative;overflow:hidden;border-radius:12px;background:#ddebba;isolation:isolate}.art-top,.art-bottom{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;z-index:3}.art-top{top:22px}.art-bottom{bottom:21px}.play{border:1px solid #667750;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:18px}.orb{position:absolute;border-radius:50%;box-shadow:inset -22px -25px 32px #64578688,12px 25px 35px #6c795833;background:radial-gradient(circle at 32% 28%,#f2e9fa,#b7a6d1 50%,#8e7ca9)}.orb-one{width:235px;height:235px;left:25px;top:100px}.orb-two{width:185px;height:185px;right:12px;top:55px;z-index:-1}.orb-three{width:115px;height:115px;right:55px;bottom:38px;background:radial-gradient(circle at 30% 25%,#f8f7de,#c5ce96 55%,#8a9a60);box-shadow:inset -15px -15px 24px #81915477,10px 20px 30px #53633c22}.viewfinder{position:absolute;inset:64px 45px;border:1px solid #ffffff70;border-radius:120px 120px 0 0;transform:rotate(18deg);z-index:2}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.section-heading .eyebrow{margin-bottom:14px}h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:0}.preview-tag{font:10px monospace;padding:7px 10px;border:1px solid #d8dbd0;border-radius:4px;color:#6e7567}.studio{border:1px solid #dce0d5;border-radius:10px;display:grid;grid-template-columns:195px 1fr;overflow:hidden;min-height:320px;background:#fbfcf8}aside{background:#edf0e7;padding:26px 18px;display:flex;flex-direction:column;gap:8px;font-size:11px}.studio-brand{font-weight:bold;font-size:12px;padding:0 12px 20px}aside>span:not(.studio-brand){padding:12px;border-radius:4px;color:#606958}.selected{background:#dce4cf;color:#35432d!important}small{display:block;font-size:9px;color:#78816d;margin:5px 0 0 20px}.aside-note{margin-top:auto;padding:20px 12px 0;font-size:10px;line-height:1.8}.aside-note small{margin-left:0}.studio-main{padding:28px}.studio-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.studio-title h3{font-size:17px;font-weight:500;margin:0;letter-spacing:-.4px}.studio-title>span{font:9px monospace;color:#798070}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.frame{border:1px dashed #cbd2bf;border-radius:6px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f4f6ef}.frame-icon{font-size:26px;color:#859475;margin-bottom:12px}.frame strong{font-weight:400;font-size:11px}.frame p{font-size:10px;color:#77816b}.tiny-label{font:8px monospace;letter-spacing:1px;margin-top:12px;color:#6d775e}.prompt{border:1px solid #dce0d5;border-radius:6px;padding:19px;display:flex;flex-direction:column}.field-label{font:9px monospace;letter-spacing:1px;color:#5e6b51}.prompt p{font-size:12px;line-height:1.8}.prompt p span{font-size:11px;color:#7b8472}.prompt-bottom{margin-top:auto}.prompt-bottom>span{font-size:9px;color:#747d6b}.prompt button{display:flex;justify-content:space-between;width:100%;padding:11px 14px;margin-top:12px;background:#e5e9dd;color:#727c64;border:0;border-radius:4px;font-size:11px;cursor:not-allowed}.next{display:grid;grid-template-columns:1fr 1.6fr 1.7fr;gap:35px;padding:56px 0;align-items:start}.next .eyebrow{padding-top:6px}.next h2{font-size:25px;line-height:1.3}.next p{font-size:12px;line-height:1.8;color:#6b7263;margin:2px 0}.next>a{grid-column:3;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:-20px}.next>a span{margin-left:18px}footer{border-top:1px solid #dce0d5;padding:24px 0 30px;display:flex;gap:24px;align-items:center;font-size:10px;color:#70786a}footer>:last-child{margin-left:auto;font:9px monospace;letter-spacing:1px}.footer-brand{font-size:22px;font-weight:bold;letter-spacing:-1px;color:#333d2d}@media(min-width:1400px){.hero{gap:100px}}@media(max-width:900px){.shell{padding:0 30px}.hero{gap:30px}h1{letter-spacing:-2px}.actions{align-items:flex-start;flex-direction:column;gap:14px}.art{height:350px}.orb-one{left:-35px}.orb-two{right:-40px}.studio{grid-template-columns:150px 1fr}.studio-main{padding:20px}.create-grid{gap:12px}.next{gap:20px}}@media(max-width:640px){.shell{padding:0 22px}header{height:82px}.brand-note{display:none}nav{gap:18px;font-size:11px}.brand{font-size:27px}.hero{grid-template-columns:1fr;padding:45px 0;gap:34px}h1{font-size:52px}.lede{font-size:14px}.actions{flex-direction:row;align-items:center;gap:14px}.button{padding:16px;font-size:11px;gap:12px}.release{font-size:9px}.art{height:320px}.orb-one{left:30px;top:70px;width:205px;height:205px}.orb-two{right:12px;top:45px;width:150px;height:150px}.orb-three{right:32px;width:90px;height:90px}.section-heading{align-items:flex-start;gap:18px}.section-heading h2{font-size:23px}.preview-tag{font-size:8px;white-space:nowrap}.studio{grid-template-columns:1fr}aside{display:none}.studio-main{padding:20px}.create-grid{grid-template-columns:1fr}.frame{min-height:180px}.prompt{min-height:190px}.next{grid-template-columns:1fr;padding:38px 0;gap:16px}.next .eyebrow{margin:0}.next>a{grid-column:1;margin:0}.next p{max-width:300px}footer{gap:15px}footer>:last-child{font-size:8px;max-width:110px;text-align:right}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}