:root{color-scheme:light;--paper: #E5E5E3;--paper-deep: #D9D9D5;--paper-card: #EEEEEB;--ink: #16141D;--pencil: #4A4A50;--rule: #ADADA8;--tile: #F4F4F2;--tile-ink: #16141D;--plate: var(--tile);--plate-mark: var(--tile-ink);--accent: #16141D;--hue-indigo: #4B54F1;--hue-mint: #0FB979;--hue-coral: #FF7A6B;--hue-butter: #F7E58A;--hue-sky: #5EC7FF;--hue-lilac: #B79BFF;--hue-plum: #D14BA0;--font-body: "Geist Pixel", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{color-scheme:dark;--paper: #000000;--paper-deep: #161616;--paper-card: #0B0B0B;--ink: #F2F2F0;--pencil: #A9A9AD;--rule: #3C3C40;--tile: #121212;--tile-ink: #F2F2F0;--accent: #F2F2F0}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:13px;line-height:1.55;letter-spacing:.02em;-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;text-rendering:geometricPrecision;min-height:100vh}strong,.bold,h1,h2,.title-name{font-weight:400;text-shadow:.5px 0 0 currentColor}button{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea{font-family:inherit;color:inherit;background:transparent;border:none;outline:none}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding:10px 12px;background:var(--paper-deep);border:1px solid var(--rule)}.nav-side{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav-link{white-space:nowrap}.nav-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--pencil);transition:color .1s}.nav-link:hover{color:var(--ink)}.nav-link .chev{transition:transform .14s cubic-bezier(.2,.7,.2,1)}.nav-link:hover .chev--l{transform:translate(-3px)}.nav-link:hover .chev--r{transform:translate(3px)}.nav-link[aria-disabled=true]{color:var(--pencil);opacity:.55;pointer-events:none}.nav-tag{font-size:12px;color:var(--pencil);padding:3px 7px;border:1px solid var(--rule);background:var(--paper)}.console{background:var(--paper-deep);border:1px solid var(--ink)}.console>*+*{border-top:1px solid var(--rule)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;cursor:grab;background:transparent}input[type=range]:active{cursor:grabbing}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--ink)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;background:var(--paper);border:1px solid var(--ink);margin-top:-5px}input[type=range]::-moz-range-track{height:1px;background:var(--ink);border:none}input[type=range]::-moz-range-thumb{width:10px;height:10px;background:var(--paper);border:1px solid var(--ink);border-radius:0}.pixel{font-feature-settings:"tnum"}.hex-input{color:var(--pencil);text-transform:uppercase;width:82px;text-align:right;border-bottom:1px solid transparent;padding-bottom:1px}.hex-input:hover{color:var(--ink);border-bottom-color:var(--rule)}.hex-input:focus{color:var(--ink);border-bottom-color:var(--ink);outline:none}.gallery{width:100%;max-width:620px;margin:28px auto 0;display:flex;flex-direction:column;gap:40px}.gallery-card{display:flex;flex-direction:column;align-items:center;gap:12px;color:inherit;cursor:pointer}.gallery-plate{width:100%;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:var(--plate);border-radius:28px;overflow:hidden;position:relative;outline:2px solid transparent;outline-offset:3px;transition:outline-color .12s}.gallery-card:hover .gallery-plate{outline-color:var(--ink)}.gallery-meta{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.gallery-name{font-size:13px;text-shadow:.5px 0 0 currentColor}.gallery-descriptor{color:var(--pencil);font-size:12px}.pill{padding:7px 18px;border-radius:999px;background:var(--paper-card);border:1px solid var(--ink);font-size:13px;letter-spacing:.04em}.demo-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:stretch}@media (max-width: 820px){.demo-grid{grid-template-columns:minmax(0,1fr)}}.title-row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:4px 2px}.title-name{font-weight:400;font-size:18px;letter-spacing:.01em}.title-descriptor{font-size:13px;color:var(--pencil)}::selection{background:var(--ink);color:var(--plate-mark)}.footer{margin-top:auto;padding-top:8px;display:flex;flex-direction:column;gap:4px}.footer-credit{display:flex;justify-content:space-between;gap:18px;color:var(--pencil);font-size:13px;flex-wrap:wrap}.footer-wordmark-frame{position:relative;background:transparent;overflow:hidden}.src-btn{padding:6px 12px;border:1px solid var(--ink);border-radius:999px;font-style:italic}.src-btn:hover{background:var(--ink);color:var(--paper)}.theme-toggle{position:absolute;right:0;top:50%;translate:0 -50%;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--ink);border-radius:50%;color:var(--ink)}.theme-toggle:hover{background:var(--ink);color:var(--paper)}@media (max-width: 520px){.shell{padding:16px!important}.nav-tag{display:none}.title-descriptor{font-size:12px}}