:root{font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f3ec;--panel:#fffdf8;--surface:#eaece3;--fg:#243b35;--muted:#58695e;--border:#cbd5c6;--button:#304d3a;--button-fg:#fff;--focus:#a56839;color:var(--fg);background:var(--bg);font-family:ui-sans-serif,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#18221f;--panel:#202d28;--surface:#2c3b33;--fg:#f0eee4;--muted:#b2c2b5;--border:#526257;--button:#c5d8bd;--button-fg:#1b2a20;--focus:#e4b87e}*{box-sizing:border-box}img{display:block}body{margin:0}.discovery{border-top:1px solid var(--border);margin-top:48px;padding-top:24px;line-height:1.7}.discovery a{color:var(--fg);text-underline-offset:3px}.collection-docs{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 24px;display:grid}.review-controls[hidden]{display:none}main{max-width:1240px;margin:auto;padding:48px 28px 28px}header{max-width:1050px}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font:12px ui-monospace,monospace}h1{letter-spacing:-.045em;margin:20px 0;font-size:clamp(36px,5vw,60px);line-height:1.06}header p{max-width:650px;color:var(--muted);line-height:1.7}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--panel);border-radius:8px;padding:10px 14px;font-size:13px}button:disabled{cursor:default;opacity:.5}button[aria-pressed=true]{background:var(--surface);border-color:var(--button)}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.collection-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0 0;display:grid}.collection-card{text-align:left;align-items:center;gap:14px;padding:14px;font-size:14px;font-weight:600;display:flex}.collection-card img{flex-shrink:0}.lab{background:var(--panel);border:1px solid var(--border);border-radius:18px;grid-template-columns:230px minmax(0,1fr);gap:36px;margin-top:28px;padding:28px;display:grid}form,.option-fields{align-content:start;gap:8px;display:grid}.option-fields:empty{display:none}label{margin-top:7px;font-size:12px;font-weight:650}input:not([type=checkbox]),select{border:1px solid var(--border);background:var(--panel);border-radius:7px;width:100%;min-width:0;padding:10px;font-size:13px}.check{align-items:center;gap:8px;font-weight:400;line-height:1.5;display:flex}input[type=checkbox]{accent-color:var(--button)}.hint,#status,#copy-feedback{color:var(--muted);font-size:12px;line-height:1.65}.results{flex-direction:column;align-items:stretch;min-width:0;display:flex}.view-nav,.code-nav,.actions{flex-wrap:wrap;gap:7px;display:flex}.view-nav{border-bottom:1px solid var(--border);padding-bottom:20px}.stage{flex:1;min-height:280px;margin:20px 0}.sizes{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}figure{flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:0;display:flex}figcaption{color:var(--muted);overflow-wrap:anywhere;text-align:center;font:10px ui-monospace,monospace}.variety{grid-template-columns:repeat(auto-fill, minmax(max(90px, calc(var(--contact-size) + 24px)), 1fr));align-content:start;gap:22px 10px;display:grid}.palettes{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-content:center;gap:24px 12px;display:grid}.review-controls{flex-wrap:wrap;align-items:center;gap:10px;padding-top:18px;display:flex}.review-controls select{width:95px}.context{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;display:grid}.context-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;min-width:0;padding:18px}h3{margin:0 0 18px;font-size:13px}.member{align-items:center;gap:12px;margin-top:12px;font-size:12px;display:flex}.member img{flex-shrink:0}.member p{margin:0;line-height:1.6}.avatar-stack{margin:20px 0 0 6px;display:flex}.avatar-stack img{border:2px solid var(--bg);border-radius:50%;width:32px;height:32px;margin-left:-6px}.profile{text-align:center}.profile img{margin:0 auto 12px}.profile h3{margin:0}.profile p{color:var(--muted);font-size:12px}table{border-collapse:collapse;width:100%;font-size:11px}td{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:7px 4px}td:first-child{width:30px}.download{color:var(--button-fg);background:var(--button);border-color:var(--button)}.source{margin-top:32px}.source-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}h2{text-transform:uppercase;letter-spacing:.05em;font:12px ui-monospace,monospace}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);border-radius:10px;max-height:300px;padding:22px;font:12px/1.7 ui-monospace,monospace;overflow:auto}summary{cursor:pointer;color:var(--muted);font-size:12px}footer{color:var(--muted);padding-top:26px;font-size:12px}@media (max-width:800px){.lab{grid-template-columns:1fr;gap:24px;padding:22px}.collection-cards{grid-template-columns:repeat(2,1fr)}.context{grid-template-columns:1fr}main{padding:30px 20px}.sizes{gap:18px}.collection-card{gap:8px;padding:10px}.source-heading{align-items:start}}.space{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.space-examples{flex-wrap:wrap;align-items:center;gap:12px;display:flex}@media (max-width:800px){.space{grid-template-columns:1fr}}.palette-editor{border:1px solid var(--border);border-radius:8px;min-width:0;padding:10px}.palette-editor legend{font-size:13px}.palette-editor input:not([type=checkbox]){width:100%;font-family:monospace}.palette-editor label{margin-top:8px;display:block}#palette-preview{flex-wrap:wrap;gap:4px;display:flex}#palette-preview span{border-radius:4px;padding:6px;font-size:10px}.stage{align-content:start}.brand{align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand .eyebrow{margin:0}.brand img{flex:none}:root{--bg:#f8f6ef;--panel:#fffefa;--surface:#eeeee4;--fg:#293d31;--muted:#687265;--border:#dcdfd1;--button:#36533d;--button-fg:#fffefa;--focus:#a34d34;--accent:#a34d34;font-family:Segoe UI,system-ui,sans-serif}:root[data-theme=dark]{--bg:#18251d;--panel:#213126;--surface:#2e3e2e;--fg:#f1f0e6;--muted:#b5bfae;--border:#435540;--button:#d0dfbe;--button-fg:#18251d;--focus:#e2b587;--accent:#e2b587}html{scroll-behavior:smooth;scroll-padding-top:24px}a{color:inherit;text-underline-offset:4px}a:focus-visible{outline:3px solid var(--focus);outline-offset:5px}main{max-width:1320px;padding:0 44px 32px}.site-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;min-height:98px;display:flex}.wordmark{letter-spacing:-1px;align-items:center;font-size:25px;font-weight:750;text-decoration:none;display:inline-flex}.wordmark img{margin-right:9px}.wordmark>span:first-of-type{font-weight:400}.wordmark-dot{color:var(--accent)}.site-nav-links{gap:32px;font-size:13px;font-weight:600;display:flex}.site-nav-links a{text-decoration:none}.site-nav-links a:hover,.text-link:hover{color:var(--accent)}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:62px;max-width:none;padding:76px 0 70px;display:grid}h1{letter-spacing:-.065em;margin:28px 0 24px;font-size:clamp(60px,6.7vw,92px);font-weight:650;line-height:1.02}h1 em,.playground-heading em{letter-spacing:-.055em;color:var(--accent);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-description{max-width:430px;margin:0 0 30px;font-size:17px;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.primary-link{background:var(--button);color:var(--button-fg);border-radius:7px;justify-content:space-between;align-items:center;gap:26px;padding:15px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.primary-link:hover{filter:brightness(1.12)}.text-link{font-size:13px;text-decoration:none}.text-link span{padding-left:8px}.install-command{border:1px solid var(--border);background:var(--panel);border-radius:7px;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-top:30px;padding:9px 10px 9px 16px;font-size:12px;display:flex}.install-command>span{color:var(--muted)}.install-command code{font-size:12px}.install-command button{background:var(--surface);border:0;padding:6px 9px;font-size:11px}.copy-status{min-height:14px;margin:4px 0 0;font-size:11px}.hero-art{background:var(--surface);border-radius:48% 48% 14px 14px;min-width:0;padding:28px 20px 16px;position:relative}.portrait-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.portrait-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;min-width:0;padding:12px 10px 10px;transform:rotate(-4deg);box-shadow:0 5px #293d3108}.portrait-card:nth-child(3n+2){transform:translateY(-13px)rotate(3deg)}.portrait-card:nth-child(3n){transform:rotate(5deg)}.portrait-card img{aspect-ratio:1;border-radius:8px;width:100%;height:auto}.portrait-featured{border-color:#b2be9f}.catalogue,.use-cases{margin-top:86px}.section-heading{justify-content:space-between;align-items:end;gap:32px;margin-bottom:30px;display:flex}.section-heading h2,.playground-heading h2,.source-heading h2{letter-spacing:-.045em;text-transform:none;margin:14px 0 0;font:550 44px/1.1 Segoe UI,system-ui,sans-serif}.section-heading>p{max-width:320px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.collection-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:0}.collection-card{background:var(--panel);border:1px solid var(--border);border-radius:11px;align-content:start;gap:0;min-width:0;padding:18px;transition:transform .16s,border-color .16s;display:grid;position:relative}.collection-card:hover{border-color:var(--muted);transform:translateY(-4px)}.collection-card[aria-pressed=true]{border-color:var(--button);background:var(--surface)}.collection-previews{justify-content:center;align-items:center;gap:8px;margin:20px 0 18px;display:flex}.collection-previews img{aspect-ratio:1;width:calc(33.3333% - 5.33333px);max-width:72px;height:auto}.collection-previews img:nth-child(2){transform:translateY(-5px)}.collection-name{font-size:16px;font-weight:650}.collection-caption{color:var(--muted);margin-top:4px;padding-right:8px;font-size:11px;font-weight:400;line-height:1.5}.collection-invitation{background:var(--surface);border:1px solid var(--border);border-radius:11px;grid-column:span 3;justify-content:space-between;align-items:center;gap:24px;padding:28px 36px;text-decoration:none;display:flex}.collection-invitation strong,.collection-invitation small,.invitation-cta{display:block}.collection-invitation strong{letter-spacing:-.04em;font-size:28px;font-weight:550}.collection-invitation small{color:var(--muted);margin:10px 0 20px;font-size:13px}.invitation-cta{text-underline-offset:4px;font-size:12px;font-weight:600;text-decoration:underline}.collection-invitation img{flex-shrink:0;transform:rotate(8deg)}.playground-heading{justify-content:space-between;align-items:end;gap:24px;padding-top:84px;display:flex}.shuffle-button{border-radius:7px;align-items:center;gap:10px;padding:12px 18px;font-weight:600;display:inline-flex}.shuffle-button span{font-size:22px;font-weight:400}.lab{border-radius:12px;margin-top:30px;padding:30px}.view-nav button,.code-nav button{background:0 0;border-color:#0000;border-radius:6px}.view-nav button[aria-pressed=true]{border-color:var(--border);background:var(--surface)}.stage{min-height:330px}.actions .download{padding:12px 22px}.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.sample-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-width:0;padding:28px}.sample-card h3{letter-spacing:-.03em;margin:16px 0 24px;font-size:20px;font-weight:600}.sample-member{align-items:center;gap:12px;margin-top:18px;display:flex}.sample-member img{border-radius:10px;flex:none}.sample-member strong,.sample-member small{display:block}.sample-member strong{font-size:12px;font-weight:600}.sample-member small{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.5}.sample-profile{text-align:center;padding:0 0 30px;overflow:hidden}.sample-cover{background:#d9dfce radial-gradient(#9aaf8a 1px,#0000 1px) 0 0/12px 12px;height:100px}.sample-profile>img{border:5px solid var(--panel);border-radius:50%;margin:-44px auto 0;position:relative}.sample-profile h3{margin:15px 0 8px}.sample-profile>p{color:var(--muted);font-size:12px}.sample-comment blockquote{background:var(--surface);border-radius:0 12px 12px;margin:24px 0 22px;padding:17px;font-size:14px;line-height:1.7}.source{color:#f5f2e8;background:#263e30;border-radius:14px;margin-top:84px;padding:36px}.source .hint,.source #copy-feedback,.source summary{color:#c2cdbb}.source h2{font-size:34px}.source .hint{max-width:740px;margin:24px 0}.source pre{background:#1e3226;border:1px solid #4c6050}.source button{color:#f5f2e8;background:0 0;border:1px solid #687f6a}.source button[aria-pressed=true]{background:#456048}.discovery{margin-top:84px;padding-top:40px}.discovery h2{text-transform:none;letter-spacing:-.035em;font-family:inherit;font-size:25px;line-height:1.3}.discovery-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.discovery p{color:var(--muted);font-size:13px}.discovery details{border-bottom:1px solid var(--border);padding:20px 0}.discovery summary{color:var(--fg);font-size:14px;font-weight:600}.discovery h3{margin:30px 0 10px}.collection-docs{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding-left:16px;font-size:12px}.discovery-links{margin:28px 0}.site-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:54px;padding-top:28px;font-size:11px;display:flex}.footer-brand{letter-spacing:-.05em;color:var(--fg);font-size:19px;font-weight:650;text-decoration:none}.site-footer>div{gap:20px;display:flex}@media (max-width:1050px){.hero{gap:32px}.portrait-card{padding:8px}.collection-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-invitation{grid-column:span 2;padding:24px}.sample-card{padding:20px}.sample-profile{padding:0 0 20px}}@media (max-width:800px){main{padding:0 22px 28px}.site-nav{gap:16px;min-height:80px}.wordmark{font-size:22px}.wordmark img{width:30px;height:30px}.site-nav-links{gap:18px;font-size:12px}.site-nav-links a:first-child{display:none}.hero{grid-template-columns:1fr;gap:40px;padding:46px 0 38px}h1{font-size:clamp(58px,11vw,82px)}.hero-description{max-width:500px;font-size:16px}.hero-art{justify-self:center;width:100%;max-width:480px;padding:24px 14px 14px}.portrait-wall{gap:10px}.catalogue,.use-cases,.source,.discovery{margin-top:58px}.section-heading{display:block}.section-heading h2,.playground-heading h2{font-size:34px}.section-heading>p{max-width:420px;margin-top:20px;font-size:13px}.collection-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collection-invitation{grid-column:span 1;padding:18px 14px;display:block;position:relative}.collection-invitation strong{font-size:21px}.collection-invitation small{font-size:10px}.collection-invitation img{width:36px;height:36px;margin-top:18px}.collection-card{padding:14px}.collection-name{font-size:15px}.collection-caption{font-size:10px}.collection-previews{gap:5px}.collection-previews img{width:calc(33.3333% - 3.33333px)}.playground-heading{flex-wrap:wrap;align-items:start;padding-top:58px}.lab{padding:20px}.sample-grid,.discovery-grid{grid-template-columns:1fr;gap:20px}.sample-card{padding:26px}.sample-profile{padding:0 0 26px}.source{padding:24px 20px}.source h2{font-size:27px}.source-heading{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.collection-card{transition:none}}