@font-face{font-family:PP Neue Montreal;src:url(./PPNeueMontreal-Book-DWrvOlKa.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;--ink:var(--black);--ink-muted:#363330;--ink-soft:#a49d9a;--paper:var(--white);--paper-2:#ffffff8c;--line:#110f0e1a;--shadow:0 18px 50px #110f0e14;--radius:8px;--sans:"PP Neue Montreal", "Helvetica Neue", Helvetica, Arial, sans-serif;--display:"PP Cirka", "Times New Roman", Times, serif;--mono:"PP Neue Montreal Mono", "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none;margin:0;font-weight:500}button,input{font:inherit}.app{max-width:1240px;margin:0 auto;padding:2.5rem 1.25rem 4rem;position:relative}.hero{gap:.85rem;max-width:none;margin-bottom:2.25rem;display:grid}.eyebrow{font-family:var(--mono);letter-spacing:-.12px;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12px;font-weight:500;line-height:20px}.hero h1{font-family:var(--display);letter-spacing:-.48px;margin:0;font-size:clamp(32px,8vw,64px);font-weight:500;line-height:.88}.lede{color:var(--ink-muted);letter-spacing:.28px;max-width:34rem;margin:0;font-size:14px;font-weight:500;line-height:22px}.hero-controls{gap:.75rem;margin-top:.5rem;display:grid}.seed-label{font-family:var(--mono);letter-spacing:-.12px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.45rem;font-size:12px;font-weight:500;line-height:20px;display:block}.seed-row{--seed-control-h:3rem;flex-wrap:nowrap;align-items:stretch;gap:.5rem;width:100%;min-width:0;padding-top:4px;padding-bottom:2px;display:flex;overflow-x:auto}.seed-well{width:var(--seed-control-h);height:var(--seed-control-h);border-radius:var(--radius);box-shadow:0 0 0 1px var(--line), var(--shadow);cursor:pointer;border:2px solid #ffffffb3;flex:none;transition:transform .18s;position:relative;overflow:hidden}.seed-well:hover{transform:scale(1.04)}.seed-well input{opacity:0;cursor:pointer;border:0;width:140%;height:140%;position:absolute;inset:-20%}.seed-hex{box-sizing:border-box;width:7.5rem;min-width:6.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(--ink);font-family:var(--mono);letter-spacing:.02em;flex:0 7.5rem;padding:0 .7rem;font-size:.9rem}.seed-hex:focus{outline:2px solid color-mix(in oklab, var(--seed,#c63e1d) 55%, transparent);outline-offset:1px}.seed-random{box-sizing:border-box;height:var(--seed-control-h);border-radius:var(--radius);border:1px solid var(--line);color:var(--ink);font-family:var(--sans);letter-spacing:.28px;cursor:pointer;white-space:nowrap;background:#ffffff73;flex:none;padding:0 .8rem;font-size:14px;font-weight:500;line-height:22px;transition:background .16s,transform .16s}.seed-random:hover{background:#fffc;transform:translateY(-1px)}.seed-sliders{flex:12rem;align-items:stretch;gap:.4rem;min-width:10rem;display:flex}.seed-slider{box-sizing:border-box;min-width:0;height:var(--seed-control-h);border-radius:var(--radius);border:1px solid var(--line);background:#fff6;flex-direction:column;flex:1 1 0;justify-content:center;gap:2px;padding:4px 8px;display:flex}.seed-slider-meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:.4rem;font-size:.68rem;line-height:1;display:flex}.seed-slider-meta span{letter-spacing:0;text-transform:none;color:var(--ink-muted);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.seed-slider input[type=range]{appearance:none;background:color-mix(in oklab, var(--ink) 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(--ink);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(--ink);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 color-mix(in oklab, var(--seed,#c63e1d) 55%, transparent);outline-offset:2px}.seed-meta{height:var(--seed-control-h);flex:none;align-items:stretch;gap:.4rem;display:flex}.seed-meta code{box-sizing:border-box;height:100%;font-family:var(--mono);color:var(--ink-muted);border-radius:var(--radius);border:1px solid var(--line);white-space:nowrap;background:#fff6;align-items:center;padding:0 .6rem;font-size:.72rem;display:inline-flex}.copy-toggle{box-sizing:border-box;border-radius:var(--radius);border:1px solid var(--line);background:#fff6;flex:none;align-items:stretch;height:3rem;padding:2px;display:inline-flex;position:relative}.copy-toggle-pill{background:var(--ink);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(--ink-muted);font-family:var(--mono);letter-spacing:-.12px;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 .6rem;font-size:12px;font-weight:500;line-height:20px;transition:color .28s;display:inline-flex;position:relative}.copy-toggle button.is-active{color:var(--white);background:0 0}@media (prefers-reduced-motion:reduce){.copy-toggle-pill.is-ready,.copy-toggle button{transition:none}}.palette{gap:.45rem;margin-bottom:2rem;padding-bottom:.25rem;display:grid;overflow-x:auto}.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:4px;min-width:0;display:flex;overflow:hidden}.palette-swatches-labels{border-radius:0;overflow:visible}.palette-step-label{text-align:center;min-width:0;color:var(--ink-soft);font-size:.68rem;font-family:var(--mono);flex:1;align-self:end;padding-bottom:.5rem}.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{font-size:.84rem;font-weight:500}.palette-family-hue{font-family:var(--mono);color:var(--ink-soft);font-size:.68rem}.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(--mono);opacity:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;transition:opacity .14s;overflow:hidden}.swatch:hover .swatch-value,.swatch:focus-visible .swatch-value,.swatch.is-copied .swatch-value{opacity:.92}.swatch.is-copied .swatch-value{font-weight:500}.preview,.export{box-sizing:border-box;justify-content:center;width:100vw;max-width:100vw;margin:0 0 1.25rem -50vw;padding:1.5rem 0;display:flex;position:relative;left:50%;right:50%}.preview-inner,.export-inner{flex-direction:column;gap:1rem;width:min(100% - 2.5rem,1240px);display:flex}.preview-intro,.export-intro{flex-direction:column;gap:.4rem;width:100%;display:flex}.preview-kicker,.export-kicker{font-family:var(--mono);letter-spacing:-.12px;text-transform:uppercase;color:var(--ink-soft);margin:0;font-size:12px;font-weight:500;line-height:20px}.preview-title,.export-title{font-family:var(--display);letter-spacing:-.36px;color:var(--ink);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(--ink-muted);max-width:34rem;margin:0;font-size:14px;font-weight:500;line-height:22px}.preview-bars{align-items:stretch;gap:.75rem;width:100%;display:flex}.preview-seg{border-radius:4px;min-width:0;height:2.5rem;display:flex;overflow:hidden}.preview-seg-actions{flex:3}.preview-seg-status{flex:2}.preview-seg-item{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:0;flex:1;justify-content:center;align-items:flex-end;padding:.4rem .65rem;font-size:.72rem;font-weight:500;display:flex}.preview-seg-item.is-copied{font-weight:500}.preview-tiles{border-radius:4px;width:100%;overflow:hidden;box-shadow:inset 0 0 0 1px #110f0e14}.preview-tile-row{width:100%;height:5.5rem;display:flex}.preview-tile{min-width:0;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;flex:1;justify-content:space-between;align-items:flex-end;gap:.5rem;padding:.75rem;font-size:.72rem;line-height:1.2;transition:box-shadow .14s;display:flex;box-shadow:inset 0 0 0 1px #110f0e14}.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{background:var(--black);max-height:320px;color:var(--white);font-family:var(--mono);white-space:pre;border:0;border-radius:4px;margin:0;padding:.9rem;font-size:.72rem;line-height:1.45;overflow:auto}.export-copy{border-radius:var(--radius);width:100%;max-width:28rem;height:2.5rem;font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;border:0;justify-content:center;align-items:flex-end;padding:.4rem .65rem;font-size:.72rem;font-weight:500;display:flex}.foot{border-top:1px solid var(--line);color:var(--ink-soft);letter-spacing:.24px;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1rem;font-size:12px;font-weight:500;line-height:20px;display:flex}.foot-row{flex-wrap:wrap;justify-content:space-between;gap:.75rem;display:flex}.foot-love{font-family:var(--sans);letter-spacing:.28px;color:var(--ink-soft);margin:0;font-size:14px;font-weight:500;line-height:22px}.foot a{color:var(--ink);font-weight:500;text-decoration:none}.foot a:hover{text-decoration:underline}@media (width<=640px){.app{padding:1.5rem .9rem 3rem}.hero h1{font-size:clamp(2.8rem,16vw,3.8rem)}.preview-inner,.export-inner{width:min(100% - 1.8rem,1240px)}.preview-bars{flex-direction:column}.preview-seg-actions,.preview-seg-status{flex:none;width:100%}}