@layer pages{.generator-page{--generator-paper: #efede7;--generator-black: #101111;--generator-graphite: #272828;--generator-muted: rgba(16, 17, 17, .55);--generator-line: rgba(16, 17, 17, .18);min-width:0;overflow:clip;color:var(--generator-black);background:var(--generator-paper)}.generator-page *,.generator-page *:before,.generator-page *:after{box-sizing:border-box}.generator-intro{min-height:min(70rem,100svh);display:grid;align-items:end;overflow:hidden;padding-block:calc(var(--header-height) + var(--space-5)) var(--space-5);background:linear-gradient(90deg,transparent 49.96%,rgba(16,17,17,.05) 50%,transparent 50.04%),linear-gradient(rgba(16,17,17,.035) 1px,transparent 1px),var(--generator-paper);background-size:100% 100%,100% 12.5%,100% 100%}.generator-intro__grid,.generator-tool__heading,.generator-workspace,.generator-explanation__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--space-2)}.generator-intro__kicker,.generator-intro__meta,.generator-tool__heading>p,.generator-control label,.generator-artwork figcaption,.generator-explanation__index,.generator-navigation small{font-family:var(--font-ui);font-size:clamp(.62rem,.58rem + .15vw,.76rem);font-weight:var(--weight-medium);letter-spacing:.08em;line-height:1.35;text-transform:uppercase}.generator-intro__kicker{grid-column:1 / span 4;margin:0 0 var(--space-4);color:var(--generator-muted)}.generator-intro h1{grid-column:1 / -1;margin:0;font-family:var(--font-display);font-size:clamp(5.2rem,14.7vw,17.4rem);font-weight:var(--weight-display);letter-spacing:-.078em;line-height:.69}.generator-intro__copy{grid-column:6 / span 4;max-width:31rem;margin:var(--space-5) 0 0;font-size:var(--text-body-lg);letter-spacing:var(--tracking-heading);line-height:1.34}.generator-intro__meta{grid-column:10 / -1;display:grid;gap:.62rem;margin:var(--space-5) 0 0}.generator-intro__meta div{display:flex;justify-content:space-between;gap:1rem;padding-top:.62rem;border-top:1px solid var(--generator-line)}.generator-intro__meta dt{color:var(--generator-muted)}.generator-intro__meta dd{margin:0;text-align:right}.generator-tool{min-height:100svh;padding-block:clamp(6rem,11vw,10rem);color:var(--generator-paper);background:var(--generator-black)}.generator-tool__heading{align-items:end;margin-bottom:clamp(4rem,8vw,8rem)}.generator-tool__heading>p{grid-column:1 / span 3;align-self:start;margin:0;color:#efede77a}.generator-tool__heading h2{grid-column:4 / -1;margin:0;font-family:var(--font-display);font-size:clamp(4.6rem,8.7vw,10rem);font-weight:var(--weight-display);letter-spacing:-.07em;line-height:.82}.generator-workspace{align-items:start}.generator-workspace__controls{grid-column:1 / span 4;position:sticky;top:calc(var(--header-height) + var(--space-3));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-2);margin:0;padding:0;border:0}.generator-control{min-width:0;padding-block:1rem;border-top:1px solid rgba(239,237,231,.2)}.generator-control--seed{grid-column:1 / -1}.generator-control label{display:block;margin-bottom:.75rem;color:#efede77a}.generator-seed{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem}.generator-seed input,.generator-control select{width:100%;min-width:0;min-height:2.75rem;padding:0;border:0;border-radius:0;color:var(--generator-paper);background:transparent;font:inherit;line-height:1.2}.generator-seed input{font-family:var(--font-ui);font-size:clamp(.85rem,.76rem + .25vw,1rem);letter-spacing:.05em;text-transform:uppercase}.generator-control select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - .62rem) 50%,calc(100% - .32rem) 50%;background-repeat:no-repeat;background-size:.32rem .32rem}.generator-seed button,.generator-action{min-height:2.75rem;padding:0;border:0;border-radius:0;color:inherit;background:transparent;font:inherit;cursor:pointer}.generator-seed button{color:#efede794;font-family:var(--font-ui);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.generator-actions{grid-column:1 / -1;display:grid;margin-top:clamp(2rem,4vw,4rem);border-bottom:1px solid rgba(239,237,231,.2)}.generator-action{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgba(239,237,231,.2);text-align:left}.generator-action--primary{min-height:4.5rem;font-size:var(--text-body-lg)}.generator-action .rk-icon{transition:transform .24s cubic-bezier(.16,1,.3,1)}.generator-action:hover .rk-icon{transform:translate(.18rem,-.18rem)}.generator-seed input:focus-visible,.generator-control select:focus-visible,.generator-seed button:focus-visible,.generator-action:focus-visible,.generator-navigation a:focus-visible{outline:1px solid currentColor;outline-offset:.35rem}.generator-artwork{grid-column:6 / -1;width:100%;max-width:63rem;justify-self:end;margin:0}.generator-artwork svg{width:100%;height:auto;display:block;aspect-ratio:3 / 4;overflow:hidden;background:#efede7;transform-origin:50% 50%;transition:opacity .15s linear,transform .32s cubic-bezier(.16,1,.3,1)}.generator-artwork[data-transitioning=true] svg{opacity:.1;transform:scale(.992)}.generator-artwork figcaption{display:flex;justify-content:space-between;gap:1rem;padding-top:.8rem;color:#efede78a}.generator-noscript{display:none;grid-column:1 / span 4;max-width:30rem;margin:2rem 0 0;color:#efede7b3;line-height:1.5}.generator-explanation{padding-block:clamp(8rem,15vw,15rem);background:var(--generator-paper)}.generator-explanation__index{grid-column:1 / span 3;margin:0;color:var(--generator-muted)}.generator-explanation h2{grid-column:4 / -1;margin:0;font-family:var(--font-display);font-size:clamp(4.5rem,9vw,10.5rem);font-weight:var(--weight-display);letter-spacing:-.072em;line-height:.84}.generator-explanation__copy{grid-column:7 / span 4;margin-top:clamp(5rem,10vw,10rem);font-size:var(--text-body-lg);line-height:1.5}.generator-explanation__copy p{margin:0}.generator-explanation__copy p+p{margin-top:1.4em}.generator-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:var(--space-5);color:var(--generator-black);background:var(--generator-paper)}.generator-navigation a{min-height:4.5rem;display:grid;align-content:space-between;gap:1rem;padding:var(--space-2) 0;border-top:1px solid var(--generator-line);color:inherit;text-decoration:none}.generator-navigation a:not(:first-child){padding-left:var(--space-3)}.generator-navigation a:last-child{text-align:right}.generator-navigation a:last-child small{justify-content:flex-end}.generator-navigation small{display:flex;align-items:center;gap:.6rem;color:var(--generator-muted)}.generator-navigation strong{font-size:var(--text-body-lg);font-weight:var(--weight-regular)}@media(max-width:63.999rem){.generator-intro__copy{grid-column:4 / span 5}.generator-intro__meta{grid-column:9 / -1}.generator-workspace__controls{grid-column:1 / span 5}.generator-artwork{grid-column:6 / -1}.generator-explanation__copy{grid-column:6 / span 6}}@media(max-width:47.999rem){.generator-intro{min-height:90svh;padding-block:calc(var(--header-height) + 5.5rem) 3rem}.generator-intro__grid,.generator-tool__heading,.generator-workspace,.generator-explanation__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.generator-intro__kicker,.generator-intro h1,.generator-intro__copy,.generator-intro__meta{grid-column:1 / -1}.generator-intro__kicker{margin-bottom:2.75rem}.generator-intro h1{font-size:clamp(4rem,17vw,6.4rem);line-height:.76}.generator-intro__copy{max-width:23rem;margin-top:4rem;font-size:1.06rem}.generator-intro__meta{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:3rem}.generator-intro__meta div{display:grid;justify-content:start}.generator-intro__meta dd{text-align:left}.generator-tool{padding-block:6.5rem}.generator-tool__heading{margin-bottom:4.5rem}.generator-tool__heading>p,.generator-tool__heading h2{grid-column:1 / -1}.generator-tool__heading h2{margin-top:3rem;font-size:clamp(3.7rem,16.5vw,6rem)}.generator-artwork{grid-column:1 / -1;grid-row:1}.generator-workspace__controls{grid-column:1 / -1;grid-row:2;position:static;margin-top:3.5rem}.generator-artwork figcaption{font-size:.61rem}.generator-noscript{grid-column:1 / -1}.generator-explanation{padding-block:7rem}.generator-explanation__index,.generator-explanation h2,.generator-explanation__copy{grid-column:1 / -1}.generator-explanation h2{margin-top:3rem;font-size:clamp(3.55rem,16vw,5.8rem)}.generator-explanation__copy{margin-top:4rem;font-size:1.05rem}.generator-navigation{grid-template-columns:1fr}.generator-navigation a:not(:first-child){padding-left:0}.generator-navigation a:last-child{text-align:left}.generator-navigation a:last-child small{justify-content:flex-start}}@media(max-width:25rem){.generator-workspace__controls{grid-template-columns:1fr}.generator-control{grid-column:1}.generator-artwork figcaption{display:grid}}@media(prefers-reduced-motion:reduce){.generator-artwork svg,.generator-action .rk-icon{transition:none}}}