:root{--ink:#252c27;--muted:#62675f;--line:#deddd3;--paper:#f6f3ec;--surface:#fffefa;--green:#546f55;--serif:Georgia,'Times New Roman',serif;--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{min-width:320px;background:var(--paper)}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #87a877;outline-offset:3px}button{color:inherit}.site-header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5.6vw,88px);gap:20px;background:rgba(250,248,242,.72)}.wordmark{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:650;text-decoration:none;letter-spacing:-.03em}.mark{display:grid;place-items:center;width:31px;height:31px;background:var(--ink);color:#fffef8;border-radius:50%;font-family:var(--serif);font-style:italic;font-size:19px}.site-header nav{display:flex;gap:clamp(18px,3vw,42px);height:100%;align-items:center}.site-header nav a{height:100%;display:flex;align-items:center;color:#62675f;text-decoration:none;font-size:12px;position:relative}.site-header nav a:hover,.site-header nav a.active{color:var(--ink)}.site-header nav a.active:after{position:absolute;content:'';height:2px;background:#6d8660;bottom:-1px;left:0;right:0}.edition-note{font-size:10px;color:#656a61;letter-spacing:.1em;text-transform:uppercase}main{max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,70px)}.intro{padding:52px 0 32px}.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#676c62;display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:23px;background:#aab49c}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-top:13px}.intro h1{font:400 clamp(42px,6.3vw,75px)/.97 var(--serif);letter-spacing:-.06em;margin:0}.intro h1 em{font-style:italic;color:#668163}.intro-copy{color:#5F665D;font-size:14px;margin:15px 0 0}.intro-aside{font:italic 13px/1.55 var(--serif);color:#666b62;text-align:right;margin:0 0 4px}.workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:start;border-top:1px solid var(--line);padding:28px 0 20px}.controls{padding:0 4px}.control-heading{display:flex;align-items:center;gap:10px;margin:0 0 18px}.step{font-size:9px;color:#66705D;letter-spacing:.1em}.control-heading h2{font-size:12px;font-weight:620;letter-spacing:.02em;margin:0}.field-label,.seed-box>label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#62675F}.controls select{display:block;width:100%;margin-top:8px;height:42px;padding:0 35px 0 12px;border:1px solid #d8d8cc;border-radius:3px;color:#333930;background-color:#fffefa}.microcopy{font-size:10px;color:#666B62;margin:8px 0 0}.divider{height:1px;background:#e3e1d8;margin:25px 0 23px}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.family-button{height:57px;border:1px solid #e0ded5;border-radius:4px;background:rgba(255,255,252,.58);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:7px 10px;font-size:10px;color:#535A50;cursor:pointer;transition:border-color .18s,transform .18s,background .18s}.family-button:hover{transform:translateY(-2px);border-color:#adb99f}.family-button[aria-pressed=true]{border-color:#718766;background:#fbfff7;color:#354431;box-shadow:inset 0 0 0 1px #718766}.family-dots{display:flex;gap:3px}.family-dots i{display:block;width:11px;height:11px;border-radius:50%;background:var(--dot)}.family-dots i:nth-child(2){background:var(--dot2)}.family-dots i:nth-child(3){background:var(--dot3)}.family-button[data-family=coast]{--dot:#a8d0c4;--dot2:#4d98a2;--dot3:#d7a96b}.family-button[data-family=forest]{--dot:#a9b989;--dot2:#617b59;--dot3:#d5a675}.family-button[data-family=coral]{--dot:#f1ac8c;--dot2:#d66f67;--dot3:#e8cfaa}.family-button[data-family=night]{--dot:#a4a9d2;--dot2:#565e92;--dot3:#d8a778}.family-button[data-family=gold]{--dot:#e9c56d;--dot2:#c38a42;--dot3:#eddb9e}.family-button[data-family=paper]{--dot:#dad0b9;--dot2:#a79a83;--dot3:#8d9a88}.range-label{display:flex;justify-content:space-between;color:#64685F;font-size:10px;margin:19px 0 8px}.range-label span:nth-child(2){color:#545a50;font-weight:600}.accent-label{margin-top:16px}input[type=range]{appearance:none;width:100%;height:14px;background:transparent;margin:0;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:2px;background:#d3d5c9}input[type=range]::-moz-range-track{height:2px;background:#d3d5c9}input[type=range]::-webkit-slider-thumb{appearance:none;margin-top:-5px;width:12px;height:12px;border:2px solid #f6f3ec;border-radius:50%;background:#657e5c;box-shadow:0 0 0 1px #657e5c}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:2px solid #f6f3ec;border-radius:50%;background:#657e5c;box-shadow:0 0 0 1px #657e5c}.seed-box{margin-top:26px;padding:14px 13px;background:#efeee5;border-radius:4px}.seed-box>label{display:block}.seed-row{display:flex;gap:7px;margin-top:8px}.seed-row input{min-width:0;flex:1;width:0;background:#faf9f4;border:1px solid #dfded4;border-radius:3px;padding:8px;font:10px ui-monospace,SFMono-Regular,monospace;color:#51584e}.text-button{border:0;background:none;color:#586c4d;font-size:10px;cursor:pointer}.shuffle-button{width:100%;margin-top:12px;padding:10px 12px;border:1px solid #cbd0c1;border-radius:3px;background:#f8f8f1;text-align:left;font-size:10px;letter-spacing:.025em;cursor:pointer}.shuffle-button:hover{background:#fff}.shuffle-button span{color:#768968;margin-right:7px;font-size:14px}.garden{min-width:0;padding:19px;background:#fffefa;border:1px solid #e6e3d8;box-shadow:0 10px 35px rgba(50,53,39,.045)}.board-topline,.ribbon-label,.board-footer{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em;color:#666C62}.board-topline{padding:0 1px 14px}.board-topline>span:last-child{font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.03em;color:#71746A}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#90a47d;margin:0 7px 1px 0}.artwork-frame{height:clamp(155px,22vw,255px);position:relative;overflow:hidden;background:#eee9dc}.artwork-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.7,.3,1)}.artwork-frame:hover img{transform:scale(1.025)}.artwork-placeholder{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(130deg,#e7e4d9,#f1eee5 54%,#d7ded0)}.artwork-placeholder span{color:#8c9a7d;font-size:35px}.artwork-frame img[hidden]{display:none}.artwork-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:24px 14px 11px;background:linear-gradient(transparent,rgba(25,32,27,.66));color:white;display:flex;align-items:end;justify-content:space-between;font:italic 17px var(--serif)}.artwork-index{font:9px var(--sans);letter-spacing:.12em;opacity:.75}.ribbon-label{padding:18px 0 8px;font-size:8px}.ribbon-stack{height:86px;display:flex;border-radius:2px;overflow:hidden;gap:3px}.ribbon{height:100%;flex:1;position:relative;overflow:hidden;transition:flex .3s ease,background-color .25s}.ribbon:first-child{flex:1.5}.ribbon:last-child{flex:.62}.ribbon:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.14),transparent 46%,rgba(0,0,0,.04));mix-blend-mode:soft-light}.swatch-header{display:flex;justify-content:space-between;align-items:end;margin-top:25px}.small-caps{font-size:8px;letter-spacing:.14em;color:#6b7068}.swatch-header h2{font:400 22px var(--serif);margin:4px 0 0;letter-spacing:-.03em}.swatch-hint{font-size:9px;color:#6E736A;margin-bottom:3px}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:14px}.swatch{min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.swatch-chip{height:61px;display:block;border-radius:2px;position:relative;overflow:hidden;transition:transform .18s}.swatch:hover .swatch-chip{transform:translateY(-3px)}.swatch-chip:after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.19),transparent 60%)}.swatch-name,.swatch-hex{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatch-name{font-size:9px;color:#535A50;margin-top:8px}.swatch-hex{font:9px ui-monospace,SFMono-Regular,monospace;color:#6E736A;margin-top:4px}.board-footer{border-top:1px solid #ece9df;margin-top:20px;padding-top:12px;letter-spacing:.07em}.board-footer p{font:italic 12px/1.35 var(--serif);letter-spacing:0;color:#62675F;margin:0}.board-footer span{font-size:8px;color:#71746A}.board-footer i{font-style:normal;color:#95a386;margin-left:4px}.actions{margin-top:16px;display:flex;align-items:center;gap:12px}.export-button{display:flex;align-items:center;gap:9px;background:#536a4d;color:#fffef7;padding:11px 15px;border:0;border-radius:3px;font-size:10px;cursor:pointer}.export-button:hover{background:#42573d}.export-button>span{font-size:15px}.export-button small{font:8px ui-monospace,monospace;opacity:.7;border:1px solid rgba(255,255,255,.3);padding:3px 5px;border-radius:2px}.notice{font-size:10px;color:#66815c}.about-note{max-width:760px;margin:27px auto 35px;display:flex;align-items:flex-start;gap:13px;padding:18px 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#62675f}.note-star{font-size:16px;color:#879578}.about-note p{font-size:11px;line-height:1.7;margin:0}.about-note strong{color:#444c42;font-weight:600}.site-footer{display:flex;justify-content:space-between;padding:18px clamp(20px,5.6vw,88px);border-top:1px solid var(--line);font-size:9px;color:#656a61;letter-spacing:.07em}.site-footer span:last-child{text-transform:uppercase;font-size:8px;letter-spacing:.1em}
@media(max-width:760px){.site-header{height:62px;padding:0 18px}.site-header nav{gap:15px}.site-header nav a{font-size:10px}.edition-note{display:none}main{padding:0 18px}.intro{padding:39px 0 25px}.intro-row{align-items:flex-start}.intro-aside{display:none}.workspace{grid-template-columns:1fr;gap:27px;padding-top:22px}.controls{display:grid;grid-template-columns:1fr 1fr;column-gap:18px}.control-heading:first-child{grid-column:1/-1}.controls>.field-label,.controls>select,.controls>.microcopy{grid-column:1/-1}.controls>.divider{grid-column:1/-1;margin:17px 0}.controls>.divider:nth-of-type(2){display:none}.controls .control-heading:nth-of-type(2){grid-column:1/-1;margin-bottom:12px}.family-grid{grid-column:1/-1}.controls .control-heading:nth-of-type(3){grid-column:1/-1;margin:0 0 2px}.range-label{margin-top:15px}.seed-box{grid-column:1/-1;margin-top:21px}.garden{padding:13px}.artwork-frame{height:clamp(160px,48vw,270px)}.ribbon-stack{height:64px}.swatch-chip{height:48px}.swatches{gap:6px}.swatch-name,.swatch-hex{font-size:8px}.about-note{margin:24px auto 28px;padding:15px 8px}.site-footer{padding:16px 18px}}
@media(max-width:420px){.site-header nav{gap:10px}.site-header nav a{font-size:9px}.wordmark{font-size:12px}.mark{width:27px;height:27px}.intro h1{font-size:47px}.intro-copy{max-width:260px;font-size:12px;line-height:1.5}.workspace{gap:23px}.controls{column-gap:12px}.garden{padding:10px}.board-topline{font-size:8px}.board-topline>span:last-child{font-size:8px}.swatch-header h2{font-size:19px}.swatch-hint{font-size:8px}.board-footer{align-items:flex-start;gap:8px}.board-footer p{max-width:72%}.board-footer span{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}