@font-face{font-family:PP Neue Montreal;src:url(./PPNeueMontreal-Book-DWrvOlKa.otf)format("opentype");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(./PPNeueMontreal-Regular-DwD3JlBZ.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(./PPNeueMontreal-Medium-Bc1YMBzw.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal Mono;src:url(./PPNeueMontrealMono-Book-J4SPym8w.otf)format("opentype");font-weight:350;font-style:normal;font-display:swap}@font-face{font-family:PP Neue Montreal Mono;src:url(./PPNeueMontrealMono-Medium-Cj1ZaRGe.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:PP Cirka;src:url(./PPCirka-Variable-6FcqPPD5.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--black:#110f0e;--white:#f6f5f4;--accent:#c63e1d;--bg:#fdfdfc;--fg:#363330;--text-header:#0b0907;--text-body:#363330;--text-decorative:#7e716e;--ink:var(--text-header);--ink-muted:var(--text-body);--ink-soft:var(--text-decorative);--paper:var(--bg);--paper-2:#fdfdfcb3;--line:#36333029;--shadow:0 18px 50px #110f0e14;--radius:8px;--radius-sm:4px;--ease:.2s cubic-bezier(.4, 0, .2, 1);--font:"PP Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"PP Cirka", "Times New Roman", Times, serif;--font-mono:"PP Neue Montreal Mono", "SF Mono", Menlo, Consolas, monospace;--sans:var(--font);--display:var(--font-display);--mono:var(--font-mono)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html:has(.app.is-simple){height:100%;overflow:hidden}body:has(.app.is-simple){height:100%;overflow:hidden}#root:has(.app.is-simple){height:100%;overflow:hidden}html:has(.app:not(.is-simple)){overflow-x:hidden}body{font-family:var(--font);letter-spacing:.28px;color:var(--text-body);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;text-wrap:pretty;margin:0;font-size:14px;font-weight:500;line-height:22px}::selection{background:var(--accent);color:var(--white)}::selection{background:var(--accent);color:var(--white)}button,input{font:inherit}.app{box-sizing:border-box;flex-direction:column;width:min(100%,1240px);max-width:1240px;min-height:100dvh;margin:0 auto;padding:2rem 1.25rem 1.25rem;display:flex;position:relative}.app.is-simple{height:100%;max-height:100dvh}.hero{flex:none;gap:.85rem;max-width:none;display:grid}.stage{flex-direction:column;flex:auto;justify-content:center;min-height:0;display:flex}.app:not(.is-simple) .stage{flex:1 0 auto;justify-content:flex-start;overflow:visible}.app:not(.is-simple) .stage>*{flex-shrink:0}.eyebrow{font-family:var(--font-mono);letter-spacing:-.12px;text-transform:uppercase;color:var(--text-decorative);margin:0;font-size:12px;font-weight:500;line-height:20px}.eyebrow a{color:inherit;text-decoration:none}.eyebrow a:hover{color:var(--accent)}.hero h1{font-family:var(--font-display);letter-spacing:-.48px;color:var(--text-header);margin:0;font-size:clamp(32px,8vw,64px);font-weight:500;line-height:.88}.hero-controls{justify-items:start;gap:.75rem;margin-top:.5rem;display:grid}.hero-controls .seed{width:100%}.seed-label{font-family:var(--font);letter-spacing:.24px;text-transform:lowercase;color:var(--text-decorative);opacity:.7;margin-bottom:.45rem;font-size:12px;font-weight:500;line-height:20px;display:block}.seed-row{--seed-control-h:38px;flex-wrap:nowrap;align-items:center;gap:4px;width:100%;min-width:0;padding-top:4px;padding-bottom:3px;padding-left:1px;display:flex;overflow-x:auto}.seed-well{box-sizing:border-box;width:var(--seed-control-h);height:var(--seed-control-h);aspect-ratio:1;flex:0 0 var(--seed-control-h);border-radius:var(--radius);border:2px solid var(--bg);box-shadow:0 0 0 1px var(--line), var(--shadow);cursor:pointer;transition:transform var(--ease);position:relative;overflow:hidden}.seed-well:hover{transform:scale(1.04)}.seed-well input{opacity:0;cursor:pointer;border:0;width:100%;height:100%;position:absolute;inset:0}.seed-hex{box-sizing:border-box;width:7.5rem;min-width:7.5rem;height:var(--seed-control-h);border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-header);font-family:var(--font-mono);letter-spacing:.28px;text-transform:lowercase;flex:0 0 7.5rem;padding:0 .7rem;font-size:14px;font-weight:500;line-height:22px}.seed-hex:focus{outline:2px solid var(--accent);outline-offset:2px}.seed-random{box-sizing:border-box;height:var(--seed-control-h);border-radius:var(--radius);border:1px solid var(--line);color:var(--text-body);font-family:var(--font);letter-spacing:.24px;text-transform:lowercase;cursor:pointer;white-space:nowrap;transition:background var(--ease), border-color var(--ease);background:0 0;flex:none;padding:0 .8rem;font-size:12px;font-weight:500;line-height:20px}.seed-random:hover{border-color:#36333052}.seed-sliders{flex:1 1 0;align-items:stretch;gap:4px;min-width:0;display:flex}.seed-slider{box-sizing:border-box;width:0;min-width:0;height:var(--seed-control-h);border-radius:var(--radius);border:1px solid var(--line);background:0 0;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;padding:4px 8px;display:flex}.seed-slider-meta{font-family:var(--font-mono);letter-spacing:-.12px;text-transform:uppercase;color:var(--text-decorative);justify-content:space-between;align-items:baseline;gap:.4rem;font-size:12px;font-weight:350;line-height:1;display:flex}.seed-slider-meta span{letter-spacing:0;text-transform:none;color:var(--text-body);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.seed-slider input[type=range]{appearance:none;background:color-mix(in oklab, var(--text-body) 14%, transparent);cursor:pointer;border-radius:999px;outline:none;width:100%;height:4px;margin:0}.seed-slider input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text-header);border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 6px #110f0e33}.seed-slider input[type=range]::-moz-range-thumb{background:var(--text-header);border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 2px 6px #110f0e33}.seed-slider input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.seed-meta{height:var(--seed-control-h);flex:none;align-items:center;gap:4px;display:flex}.seed-meta code{box-sizing:border-box;height:var(--seed-control-h);font-family:var(--font-mono);letter-spacing:-.12px;text-transform:lowercase;color:var(--text-body);border-radius:var(--radius);border:1px solid var(--line);white-space:nowrap;background:0 0;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.copy-toggle{box-sizing:border-box;height:var(--seed-control-h,38px);min-height:var(--seed-control-h,38px);border-radius:var(--radius);border:1px solid var(--line);background:0 0;flex:none;align-items:stretch;padding:2px;display:inline-flex;position:relative}.copy-toggle-pill{background:var(--text-body);pointer-events:none;z-index:0;border-radius:6px;position:absolute;top:2px;bottom:2px;left:0}.copy-toggle-pill.is-ready{transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1)}.copy-toggle button{z-index:1;cursor:pointer;color:var(--text-body);font-family:var(--font);letter-spacing:.24px;text-transform:lowercase;white-space:nowrap;transition:color var(--ease);background:0 0;border:0;border-radius:6px;align-items:center;padding:6px 12px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex;position:relative}.copy-toggle button.is-active{color:var(--bg);background:0 0}@media (prefers-reduced-motion:reduce){.copy-toggle-pill.is-ready,.copy-toggle button{transition:none}}.palette{gap:.45rem;width:100%;margin-bottom:0;padding-bottom:.25rem;display:grid;overflow-x:auto}.app:not(.is-simple) .palette{min-width:0;max-width:100%;margin-bottom:2rem}.palette-simple{align-items:stretch;gap:0;min-width:0;display:flex}.palette-simple-cell{flex-direction:column;flex:1 1 0;gap:.35rem;min-width:4.75rem;display:flex}.palette-simple-label{flex-direction:column;gap:.05rem;min-height:1.25rem;display:flex}.palette-simple .palette-family-name{letter-spacing:.24px;font-size:12px;line-height:20px}.palette-simple .swatch{flex:auto;min-height:7.5rem}.palette-simple-cell:first-child{margin-right:.5rem}.palette-simple-cell:first-child .swatch{border-radius:var(--radius-sm)}.palette-simple-cell:nth-child(2) .swatch{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.palette-simple-cell:last-child .swatch{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.palette-header-row,.palette-row{grid-template-columns:4.25rem minmax(0,1fr);align-items:stretch;gap:.35rem;min-width:720px;display:grid}.palette-swatches{border-radius:var(--radius-sm);min-width:0;display:flex;overflow:hidden}.palette-swatches-labels{border-radius:0;overflow:visible}.palette-step-label{min-width:0;font-family:var(--font-mono);letter-spacing:-.12px;text-align:center;color:var(--text-decorative);flex:1;align-self:end;padding-bottom:.5rem;font-size:12px;font-weight:350;line-height:20px}.palette-header-row .palette-family-label{min-height:0}.palette-family-label{flex-direction:column;justify-content:center;gap:.1rem;min-height:3.4rem;display:flex}.palette-family-name{letter-spacing:.28px;color:var(--text-body);font-size:14px;font-weight:500;line-height:22px}.palette-family-hue{font-family:var(--font-mono);letter-spacing:-.12px;text-transform:uppercase;color:var(--text-decorative);font-size:12px;font-weight:350;line-height:20px}.swatch{cursor:pointer;text-align:left;border:0;border-radius:0;flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:flex-start;gap:.15rem;min-width:0;min-height:3.6rem;padding:.45rem .5rem;display:flex;position:relative;overflow:hidden}.swatch-value{font-family:var(--font-mono);letter-spacing:-.12px;text-transform:lowercase;opacity:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;transition:opacity var(--ease);font-size:12px;font-weight:500;line-height:20px;overflow:hidden}.swatch:hover .swatch-value,.swatch:focus-visible .swatch-value,.swatch.is-copied .swatch-value,.swatch-show-value .swatch-value{opacity:.92}.swatch.is-copied .swatch-value{font-weight:500}.preview,.export{box-sizing:border-box;justify-content:center;width:100%;max-width:100%;margin:0 0 1.25rem;padding:1.5rem 0;display:flex;position:relative}.preview-inner,.export-inner{flex-direction:column;gap:1rem;width:100%;display:flex}.preview-intro,.export-intro{flex-direction:column;gap:.4rem;width:100%;display:flex}.preview-kicker,.export-kicker{font-family:var(--font-mono);letter-spacing:-.12px;text-transform:uppercase;color:var(--text-decorative);margin:0;font-size:12px;font-weight:500;line-height:20px}.preview-title,.export-title{font-family:var(--font-display);letter-spacing:-.36px;color:var(--text-header);margin:0;font-size:24px;font-weight:500;line-height:22px}.export-title-row,.export-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;width:100%;display:flex}.preview-desc,.export-desc{letter-spacing:.28px;color:var(--text-body);text-wrap:pretty;max-width:34rem;margin:0;font-size:14px;font-weight:500;line-height:22px}.preview-tiles{border-radius:var(--radius-sm);grid-template-rows:1fr 1fr 1fr;width:100%;min-height:16.5rem;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #36333014}.preview-tile-row{width:100%;height:100%;min-height:0;display:flex}.preview-tile{min-width:0;font-family:var(--font-mono);letter-spacing:-.12px;text-transform:uppercase;cursor:pointer;transition:box-shadow var(--ease);border:0;flex:1;justify-content:space-between;align-items:flex-end;gap:.5rem;padding:.75rem;font-size:12px;font-weight:500;line-height:1.2;display:flex;box-shadow:inset 0 0 0 1px #36333014}.preview-tile:hover{box-shadow:inset 0 0 0 1px #110f0e33}.preview-tile.is-copied .preview-tile-hex{font-weight:500}.preview-tile-name,.preview-tile-hex{min-width:0}.preview-tile-hex{text-align:right}.export-code{border-radius:var(--radius-sm);background:var(--black);max-height:320px;color:var(--white);font-family:var(--font-mono);letter-spacing:-.12px;white-space:pre;border:0;margin:0;padding:.9rem;font-size:12px;font-weight:350;line-height:20px;overflow:auto}.export-copy{width:100%;max-width:28rem;height:2.5rem;font-family:var(--font);letter-spacing:.24px;text-transform:lowercase;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:flex-end;padding:.4rem .65rem;font-size:12px;font-weight:500;line-height:20px;display:flex}.foot{border-top:1px solid var(--line);color:var(--text-decorative);flex-direction:column;flex:none;margin-top:0;padding-top:1rem;display:flex}.foot-love{font-family:var(--font);letter-spacing:.24px;color:var(--text-decorative);margin:0;font-size:12px;font-weight:500;line-height:20px}@media (width<=640px){.app{padding:1.25rem .9rem .9rem}.hero h1{font-size:clamp(2.8rem,16vw,3.8rem)}}