.recent-tried{min-width:0;color:var(--on-black);margin-top:12px}.recent-tried[hidden]{display:none}.recent-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.recent-heading :is(h2,h3){font:20px/1.3 var(--font-ui);margin:0}.recent-current{color:var(--dim);font:16px/1.3 var(--font-ui)}.recent-heading>button{min-height:44px;color:var(--dim);font:16px/1.3 var(--font-ui);background:0 0;border:0;padding:4px 0}.recent-heading>button:hover{color:inherit;text-underline-offset:4px;text-decoration:underline}.recent-strips{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#ffffff70 transparent;grid-auto-columns:calc(20% - 9.6px);grid-auto-flow:column;gap:12px;padding:5px 3px 4px;display:grid;overflow-x:auto}.recent-strip{min-width:0;height:44px;min-height:44px;color:inherit;scroll-snap-align:start;background:0 0;border:0;padding:4px;display:flex;position:relative}.recent-strip-colours{flex:1;min-width:0;display:flex}.recent-strip-colours>span{flex:1;min-width:0}.recent-strip svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.recent-strip path{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;filter:url(#chalk);opacity:.45}.recent-strip:hover path,.recent-strip[aria-current=true] path{opacity:1;stroke-width:1.8px}.recent-tried button:focus-visible{outline-offset:2px;outline:2px solid}@media (width>=901px){.recent-tried{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:4px;display:grid}.recent-heading{display:contents}.recent-heading :is(h2,h3){grid-area:1/1}.recent-heading>button{grid-area:1/3}.recent-strips{grid-area:1/2}}@media (width<=600px){.recent-strips{grid-auto-columns:calc(40% - 9.6px)}}.engine-note.astro-b4kzuovw{color:var(--dim);font:14px/1.4 var(--font-ui)}p.astro-b4kzuovw{flex-wrap:wrap;gap:0 12px;margin:0;display:flex}.engine-note-home.astro-b4kzuovw{margin:-8px 0 16px;font-size:16px}.engine-note-home.astro-b4kzuovw>p.astro-b4kzuovw:first-child{color:var(--on-black)}.engine-note-home.astro-b4kzuovw>p.astro-b4kzuovw:last-child{align-items:center}.maker-check-contrast.astro-bg46euyx{min-height:44px;color:var(--on-black);font:16px/1.3 var(--font-ui);text-underline-offset:4px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.maker.astro-bg46euyx{width:100%;color:var(--on-black)}.maker.astro-bg46euyx:focus{outline:none}.maker.astro-bg46euyx[hidden]{display:none}.maker-heading.astro-bg46euyx{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:8px;display:flex}.maker.astro-bg46euyx .tool-description.astro-bg46euyx{color:var(--dim);margin:0 0 20px}#maker-title.astro-bg46euyx{font:400 clamp(28px, 2.5vw, 36px)/1.2 var(--font-tool-heading);margin:0}.maker-style.astro-bg46euyx{align-items:center;gap:10px;font:11px/1.4 ui-monospace,Menlo,monospace;display:flex}.maker-style.astro-bg46euyx select.astro-bg46euyx{background:var(--black);max-width:160px;min-height:44px;color:var(--on-black);font:inherit;color-scheme:dark;border:1px solid #777;border-radius:0;padding:8px 24px 8px 10px}.maker-style.astro-bg46euyx select.astro-bg46euyx:disabled{opacity:.45}.maker-colours.astro-bg46euyx{grid-template-columns:repeat(var(--maker-columns,5), minmax(0, 1fr));border-radius:4px;display:grid;overflow:hidden}.maker-colour.astro-bg46euyx{min-width:0;height:clamp(260px,100svh - 450px,460px);color:var(--maker-ink,#111);position:relative}.maker-colour-open.astro-bg46euyx{width:100%;height:100%;color:inherit;background:0 0;border:0;justify-content:center;align-items:flex-end;padding:20px 8px 88px;display:flex;position:relative}.maker-colour-open.astro-bg46euyx:focus-visible{outline-offset:-6px;outline:2px solid}.maker-picker-icon.astro-bg46euyx{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;opacity:0;width:24px;height:24px;transition:opacity .15s;position:absolute;top:calc(45% - 12px);left:calc(50% - 12px)}.maker-colour-open.astro-bg46euyx:hover .maker-picker-icon.astro-bg46euyx,.maker-colour-open.astro-bg46euyx:focus-visible .maker-picker-icon.astro-bg46euyx{opacity:.65}.maker-number.astro-bg46euyx{pointer-events:none;font:11px/1.2 var(--font-code);opacity:.6;position:absolute;top:26px;left:16px}.maker-lock.astro-bg46euyx{background:color-mix(in srgb, var(--maker-ink) 5%, transparent);min-width:44px;min-height:44px;color:inherit;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;padding:8px;transition:background-color .15s,border-color .15s;display:flex;position:absolute;top:8px;right:8px}.maker-lock-row.astro-bg46euyx{font:11px/1.2 var(--font-code);align-items:center;display:flex}.maker-lock-state.astro-bg46euyx{opacity:.75;flex-direction:row-reverse;align-items:center;gap:6px;transition:opacity .15s;display:flex}.maker-lock-state.astro-bg46euyx svg.astro-bg46euyx{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:block;overflow:visible}.lock-shackle.astro-bg46euyx{transform-origin:7px 10px;transition:transform .1s ease-out;transform:rotate(-25deg)}.maker-lock.astro-bg46euyx[aria-pressed=true] .lock-shackle.astro-bg46euyx{transform:rotate(0)}.maker-lock.astro-bg46euyx:hover .maker-lock-state.astro-bg46euyx,.maker-lock.astro-bg46euyx:focus-visible .maker-lock-state.astro-bg46euyx,.maker-lock.astro-bg46euyx[aria-pressed=true] .maker-lock-state.astro-bg46euyx{opacity:1}.maker-lock.astro-bg46euyx:hover,.maker-lock.astro-bg46euyx:focus-visible,.maker-lock.astro-bg46euyx[aria-pressed=true]{background:color-mix(in srgb, var(--maker-ink) 14%, transparent);border-color:color-mix(in srgb, var(--maker-ink) 30%, transparent)}.maker-lock.astro-bg46euyx:focus-visible{outline-offset:-2px;outline:2px solid}.maker-edit.astro-bg46euyx{min-height:44px;color:inherit;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;gap:6px;padding:6px;transition:background-color .15s;display:flex;position:absolute;bottom:26px;left:8px;right:8px}.maker-edit.astro-bg46euyx:hover,.maker-edit.astro-bg46euyx:focus-visible{background:color-mix(in srgb, var(--maker-ink) 10%, transparent)}.maker-edit.astro-bg46euyx:focus-visible{outline-offset:-2px;outline:2px solid}.maker-edit.astro-bg46euyx svg.astro-bg46euyx{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.65;flex:none;width:12px;height:12px}.maker-edit-dialog.astro-bg46euyx{width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--on-black);background:#171717;border:1px solid #ffffff40;border-radius:6px;margin:0;padding:16px;position:fixed;inset:auto;overflow:auto;box-shadow:0 16px 48px #0007}.maker-edit-dialog.astro-bg46euyx::backdrop{background:#0003}.maker-edit-dialog.astro-bg46euyx header.astro-bg46euyx{justify-content:space-between;align-items:center;gap:12px;margin:-8px -8px 8px 0;display:flex}.maker-edit-dialog.astro-bg46euyx h2.astro-bg46euyx{font:23px/1.2 var(--font-ui);margin:0}.maker-edit-dialog.astro-bg46euyx header.astro-bg46euyx button.astro-bg46euyx{width:44px;height:44px;color:inherit;background:0 0;border:0;flex:none;padding:0;font-size:28px}.maker-picker-area.astro-bg46euyx{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--picker-hue,red);cursor:crosshair;touch-action:none;border-radius:3px;height:180px;margin:0 8px;position:relative}.maker-picker-area.astro-bg46euyx:focus-visible{outline-offset:3px;outline:2px solid #fff}.maker-picker-thumb.astro-bg46euyx{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008}.maker-picker-hue.astro-bg46euyx{appearance:none;cursor:pointer;background:0 0;width:calc(100% - 16px);height:44px;margin:6px 8px 8px;padding:0;display:block}.maker-picker-hue.astro-bg46euyx::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px}.maker-picker-hue.astro-bg46euyx::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px}.maker-picker-hue.astro-bg46euyx::-webkit-slider-thumb{appearance:none;background:#171717;border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-4px;box-shadow:0 0 0 1px #0008}.maker-picker-hue.astro-bg46euyx::-moz-range-thumb{background:#171717;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 1px #0008}.maker-edit-fields.astro-bg46euyx{grid-template-columns:44px minmax(0,1fr);align-items:end;gap:12px;display:grid}.maker-edit-preview.astro-bg46euyx{background:var(--edit-colour);border:1px solid #ffffff40;border-radius:3px;height:44px}.maker-edit-fields.astro-bg46euyx label.astro-bg46euyx{font:12px/1.3 var(--font-code);color:var(--dim);gap:6px;display:grid}.maker-edit-fields.astro-bg46euyx input.astro-bg46euyx{width:100%;min-width:0;min-height:44px;color:var(--on-black);color-scheme:dark;font:16px/1.4 var(--font-code);background:#222;border:1px solid #ffffff40;border-radius:3px;padding:8px 10px}.maker-edit-fields.astro-bg46euyx input.astro-bg46euyx[aria-invalid=true]{border-color:#ffba9e}#maker-edit-error.astro-bg46euyx{color:#ffba9e;min-height:18px;font:15px/1.2 var(--font-ui);margin:8px 0}.maker-edit-done.astro-bg46euyx{background:var(--on-black);width:100%;min-height:44px;color:var(--black);font:18px/1.2 var(--font-ui);border:0;border-radius:3px;padding:8px}.maker-pick.astro-bg46euyx{background:var(--swatch,#b8c8dc);transition:background-color .18s ease-out;position:absolute;inset:0}.maker-role.astro-bg46euyx{font:22px/1.2 var(--font-ui)}.maker-hex.astro-bg46euyx{font:600 clamp(11px, 1.15vw, 16px)/1.4 var(--font-code)}.maker-actions.astro-bg46euyx{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;display:flex}.maker-actions.astro-bg46euyx button.astro-bg46euyx{min-height:44px;color:var(--on-black);font:18px/1.2 var(--font-ui);background:0 0;border:1px solid #0000;border-radius:3px;padding:10px 12px;transition:background-color .12s ease-out,border-color .12s ease-out}.maker-actions.astro-bg46euyx button.astro-bg46euyx:hover:not(:disabled){background:#ffffff14;border-color:#ffffff40}.maker-actions.astro-bg46euyx button.astro-bg46euyx:active:not(:disabled){background:#ffffff24}.maker-actions.astro-bg46euyx button.astro-bg46euyx:disabled{opacity:.4;cursor:default}#maker-generate.astro-bg46euyx{border-color:var(--on-black);background:var(--on-black);color:var(--black);margin-right:8px;padding-inline:20px}#maker-generate.astro-bg46euyx:hover:not(:disabled){background:#dfdfdf;border-color:#dfdfdf}#maker-generate.astro-bg46euyx:active:not(:disabled){background:#ccc}.maker-history.astro-bg46euyx{align-items:center;gap:4px;margin-left:auto;display:flex}#maker-undo.astro-bg46euyx,#maker-redo.astro-bg46euyx,#maker-reset.astro-bg46euyx{align-items:center;gap:8px;min-height:44px;display:inline-flex}#maker-undo.astro-bg46euyx svg.astro-bg46euyx,#maker-redo.astro-bg46euyx svg.astro-bg46euyx{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.maker-footer.astro-bg46euyx{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:12px 0;display:flex}#maker-shortcuts.astro-bg46euyx{font:11px/1.5 var(--font-code);color:var(--dim);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0;display:flex}#maker-shortcuts.astro-bg46euyx span.astro-bg46euyx{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}#maker-shortcuts.astro-bg46euyx kbd.astro-bg46euyx{font:inherit;color:var(--on-black)}.maker-hint.astro-bg46euyx{min-height:1.3em;font:16px/1.3 var(--font-ui);color:var(--dim);margin:0}@media (width<=1100px){.maker-lock-label.astro-bg46euyx{display:none}.maker-actions.astro-bg46euyx button.astro-bg46euyx{padding-inline:10px;font-size:16px}}@media (width<=600px){.maker-edit-dialog.astro-bg46euyx{width:auto;bottom:12px;right:12px;top:auto!important;left:12px!important}.maker-picker-area.astro-bg46euyx{height:clamp(120px,23dvh,180px)}.maker-colour.astro-bg46euyx{height:clamp(220px,100svh - 520px,300px)}.maker-role.astro-bg46euyx{font-size:14px}.maker-colour-open.astro-bg46euyx{padding-inline:2px;padding-bottom:78px}.maker-lock.astro-bg46euyx{right:calc(50% - 22px)}.maker-number.astro-bg46euyx{display:none}.maker-lock-state.astro-bg46euyx svg.astro-bg46euyx{width:17px;height:17px}.maker-edit.astro-bg46euyx{padding-inline:0;bottom:24px;left:2px;right:2px}.maker-edit.astro-bg46euyx svg.astro-bg46euyx{display:none}.maker-hex.astro-bg46euyx{letter-spacing:-.04em;font-size:10px}.maker-actions.astro-bg46euyx{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:12px;display:grid}.maker-actions.astro-bg46euyx button.astro-bg46euyx{padding-inline:4px;font-size:15px}#maker-generate.astro-bg46euyx{margin-right:0;padding-inline:8px}.maker-history.astro-bg46euyx{grid-column:1/-1}.maker-history.astro-bg46euyx button.astro-bg46euyx{min-width:44px}#maker-undo.astro-bg46euyx span.astro-bg46euyx,#maker-redo.astro-bg46euyx span.astro-bg46euyx{display:none}#maker-shortcuts.astro-bg46euyx{font-size:10px}.maker-heading.astro-bg46euyx{flex-wrap:nowrap;gap:8px;margin-bottom:16px}#maker-title.astro-bg46euyx{font-size:24px}.maker.astro-bg46euyx .tool-description.astro-bg46euyx{display:none}.maker-style.astro-bg46euyx{gap:8px}.maker-style.astro-bg46euyx>span.astro-bg46euyx{display:none}.maker-style.astro-bg46euyx select.astro-bg46euyx{width:96px}}@media (hover:none){.maker-picker-icon.astro-bg46euyx{opacity:.4}}@media (prefers-reduced-motion:reduce){.maker-pick.astro-bg46euyx,.maker-lock.astro-bg46euyx,.maker-lock-state.astro-bg46euyx,.maker-picker-icon.astro-bg46euyx,.lock-shackle.astro-bg46euyx,.maker-edit.astro-bg46euyx,.maker-actions.astro-bg46euyx button.astro-bg46euyx{transition:none}}.selected-stop.astro-xtfyfxtk{border:0;min-width:0;margin:8px 0 0;padding:12px 0 0}legend.astro-xtfyfxtk{font:20px/1.4 var(--font-ui);padding:0}.selected-colour.astro-xtfyfxtk{align-items:end;gap:12px;margin-bottom:14px;display:flex}.selected-colour.astro-xtfyfxtk label.astro-xtfyfxtk{min-width:0;font:18px/1.4 var(--font-ui);flex:1}input.astro-xtfyfxtk{background:var(--black);color:var(--on-black);color-scheme:dark;border:1px solid #ffffff80;border-radius:0}input.astro-xtfyfxtk:focus-visible,button.astro-xtfyfxtk:focus-visible{outline:2px solid var(--on-black);outline-offset:4px}.stop-picker.astro-xtfyfxtk{cursor:pointer;flex:none;width:44px;height:44px;padding:3px}.stop-hex.astro-xtfyfxtk{width:100%;min-height:44px;font:14px/1.4 var(--font-code);text-transform:uppercase;margin-top:4px;padding:8px 10px;display:block}.position-control.astro-xtfyfxtk{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid}.position-control.astro-xtfyfxtk>span.astro-xtfyfxtk:first-child{font:18px/1.4 var(--font-ui);grid-column:1/-1}.position-control.astro-xtfyfxtk>span.astro-xtfyfxtk:last-child{font:14px/1.4 var(--font-code);align-items:center;gap:4px;display:flex}input.astro-xtfyfxtk[type=range]{width:100%;min-width:36px;min-height:44px;accent-color:var(--on-black);cursor:pointer}input.astro-xtfyfxtk[type=number]{width:52px;min-height:44px;font:13px/1.4 var(--font-code);padding:6px 3px}button.astro-xtfyfxtk:disabled{opacity:.35;cursor:default}.stop-actions.astro-xtfyfxtk{flex-wrap:wrap;gap:12px 24px;margin-top:8px;display:flex}.stop-actions.astro-xtfyfxtk button.astro-xtfyfxtk{min-height:44px;color:inherit;font:17px/1.4 var(--font-ui);background:0 0;border:0;padding:4px 0}.stop-actions.astro-xtfyfxtk button.astro-xtfyfxtk:hover:enabled{text-underline-offset:4px;text-decoration:underline}.colour-error.astro-xtfyfxtk{font:17px/1.4 var(--font-ui);color:#ffba9e;margin:0 0 8px}.colour-error.astro-xtfyfxtk:empty{display:none}.astro-xtfyfxtk[aria-invalid=true]{border-color:#ffba9e}.inline.astro-xtfyfxtk{margin:8px 0 16px;padding-top:8px}.inline.astro-xtfyfxtk legend.astro-xtfyfxtk{font-size:18px}.inline.astro-xtfyfxtk .selected-colour.astro-xtfyfxtk{margin-bottom:8px}.inline.astro-xtfyfxtk .selected-colour.astro-xtfyfxtk label.astro-xtfyfxtk{font-size:16px}.inline.astro-xtfyfxtk .position-control.astro-xtfyfxtk{grid-template-columns:auto minmax(36px,1fr) auto;gap:8px}.inline.astro-xtfyfxtk .position-control.astro-xtfyfxtk>span.astro-xtfyfxtk:first-child{grid-column:auto;font-size:17px}.inline.astro-xtfyfxtk .stop-actions.astro-xtfyfxtk{margin-top:0}.gradient-settings.astro-ays4g2ul{gap:12px;display:grid}label.astro-ays4g2ul{font:18px/1.4 var(--font-ui)}.shape-control.astro-ays4g2ul{justify-content:space-between;align-items:center;gap:12px;display:flex}.angle-control.astro-ays4g2ul{align-items:center;gap:10px;display:flex}.angle-control.astro-ays4g2ul[hidden]{display:none}input.astro-ays4g2ul,select.astro-ays4g2ul{background:var(--black);color:var(--on-black);color-scheme:dark;border:1px solid #ffffff80;border-radius:0}input.astro-ays4g2ul:focus-visible,select.astro-ays4g2ul:focus-visible{outline:2px solid var(--on-black);outline-offset:4px}select.astro-ays4g2ul{min-height:44px;font:18px/1.4 var(--font-ui);padding:6px 24px 6px 10px}input.astro-ays4g2ul[type=range]{width:100%;min-width:36px;min-height:44px;accent-color:var(--on-black);cursor:pointer;flex:1}input.astro-ays4g2ul[type=number]{width:52px;min-height:44px;font:13px/1.4 var(--font-code);padding:6px 3px}.angle-control.astro-ays4g2ul>span.astro-ays4g2ul{font:14px/1.4 var(--font-code);align-items:center;gap:4px;display:flex}input.astro-ays4g2ul:disabled{opacity:.35;cursor:default}.edit-note.astro-ays4g2ul{font:17px/1.4 var(--font-ui);color:var(--dim);margin:16px 0 0}.inline.astro-ays4g2ul{margin-top:16px}.inline.astro-ays4g2ul .shape-control.astro-ays4g2ul{justify-content:start}@media (width>=1200px){.inline.astro-ays4g2ul{grid-template-columns:auto minmax(0,1fr);gap:24px}}.gradient-editor.astro-4gkdbjti{--hand:var(--font-ui);--mono:var(--font-code);color:var(--on-black);grid-template-columns:minmax(0,1fr) minmax(300px,.48fr);align-items:start;gap:36px;width:100%;min-width:0;display:grid}.gradient-content.astro-4gkdbjti{display:contents}.gradient-preview.astro-4gkdbjti,.gradient-desk.astro-4gkdbjti{min-width:0}.preview-heading.astro-4gkdbjti{justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin-bottom:14px;display:flex}h3.astro-4gkdbjti{font:27px/1.3 var(--hand);margin:0}.gradient-canvas.astro-4gkdbjti{background:var(--black);height:clamp(260px,38dvh,440px);margin:4px;position:relative}.gradient-frame.astro-4gkdbjti{fill:none;width:calc(100% + 10px);height:calc(100% + 10px);stroke:var(--on-black);stroke-width:1px;filter:url(#chalk);pointer-events:none;opacity:.65;position:absolute;inset:-5px}.gradient-frame.astro-4gkdbjti path.astro-4gkdbjti{vector-effect:non-scaling-stroke}button.astro-4gkdbjti{color:inherit}button.astro-4gkdbjti:focus-visible,input.astro-4gkdbjti:focus-visible,select.astro-4gkdbjti:focus-visible,textarea.astro-4gkdbjti:focus-visible,summary.astro-4gkdbjti:focus-visible{outline:2px solid var(--on-black);outline-offset:4px}.gradient-stops.astro-4gkdbjti{grid-template-columns:repeat(var(--stop-columns,5), minmax(0, 1fr));gap:4px;margin:18px 0 0;padding:0;list-style:none;display:grid}.gradient-stop.astro-4gkdbjti{flex-direction:column;min-width:0;display:flex}.stop-select.astro-4gkdbjti{background:0 0;border:1px solid #0000;width:100%;min-height:68px;padding:3px;position:relative}.stop-select.astro-4gkdbjti[aria-pressed=true]{background:#ffffff09;border-color:#ffffff65}.stop-select.astro-4gkdbjti svg.astro-4gkdbjti{width:100%;height:58px;fill:var(--sample);stroke:#fff8;stroke-width:1px;filter:url(#chalk);display:block}.stop-select.astro-4gkdbjti span.astro-4gkdbjti{color:var(--sample-ink);font:16px/1 var(--hand);position:absolute;inset:24px 0 auto}.stop-copy.astro-4gkdbjti{width:100%;min-height:44px;font:12px/1.4 var(--mono);background:0 0;border:0;padding:2px 0}.stop-copy.astro-4gkdbjti:hover{text-underline-offset:4px;text-decoration:underline}label.astro-4gkdbjti{font:18px/1.4 var(--hand)}input.astro-4gkdbjti,select.astro-4gkdbjti{background:var(--black);color:var(--on-black);color-scheme:dark;border:1px solid #ffffff80;border-radius:0}input.astro-4gkdbjti:disabled,button.astro-4gkdbjti:disabled{opacity:.35;cursor:default}.gradient-save.astro-4gkdbjti{gap:8px;display:grid}.gradient-save.astro-4gkdbjti label.astro-4gkdbjti{font:20px/1.4 var(--hand)}.gradient-save.astro-4gkdbjti>input.astro-4gkdbjti{width:100%;min-width:0;min-height:48px;font:20px/1.4 var(--hand);background:0 0;padding:8px 12px}.gradient-save.astro-4gkdbjti p.astro-4gkdbjti{font:17px/1.4 var(--hand);color:var(--dim);margin:0 0 10px}.solid-button.astro-4gkdbjti{border:1px solid var(--on-black);background:var(--on-black);min-height:48px;color:var(--black);box-shadow:3px 3px 0 var(--black), 3px 3px 0 1px var(--on-black);font:700 21px/1.3 var(--hand);transition:translate var(--button-press-duration,.1s) ease-out, box-shadow var(--button-press-duration,.1s) ease-out, background-color .1s ease-out;justify-content:center;align-items:center;padding:10px 12px;display:flex}.solid-button.astro-4gkdbjti:active:not(:disabled){translate:var(--button-press-shift,2px) var(--button-press-shift,2px);box-shadow:var(--button-pressed-shadow,1px 1px 0 var(--black), 1px 1px 0 1px var(--on-black))}.astro-4gkdbjti:is(.compact,.inline) .gradient-actions.astro-4gkdbjti .solid-button.astro-4gkdbjti:active:not(:disabled){box-shadow:var(--button-pressed-shadow)}.gradient-actions.astro-4gkdbjti{flex-wrap:wrap;gap:8px 20px;margin-top:20px;display:flex}.text-button.astro-4gkdbjti{width:fit-content;min-height:44px;font:18px/1.3 var(--hand);background:0 0;border:0;border-bottom:1px solid #ffffff70;padding:4px 0}.text-button.astro-4gkdbjti>span.astro-4gkdbjti{margin-left:6px}textarea.astro-4gkdbjti{resize:vertical;background:var(--black);width:100%;color:var(--on-black);font:12px/1.5 var(--mono);border:1px solid #777;border-radius:0;margin-top:8px;padding:8px;display:block}.gradient-status.astro-4gkdbjti{font:17px/1.4 var(--hand);margin:12px 0 0}.gradient-status.astro-4gkdbjti:empty{display:none}.astro-4gkdbjti[aria-invalid=true]{border-color:#ffba9e}.compact.astro-4gkdbjti{display:contents}.compact.astro-4gkdbjti .gradient-content.astro-4gkdbjti{grid-area:1/2;min-width:0;display:block}.compact.astro-4gkdbjti .preview-heading.astro-4gkdbjti{min-height:44px;margin-bottom:14px}.compact.astro-4gkdbjti .gradient-canvas.astro-4gkdbjti{height:clamp(80px,10dvh,110px)}.compact.astro-4gkdbjti .gradient-save.astro-4gkdbjti{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.compact.astro-4gkdbjti .gradient-save.astro-4gkdbjti label.astro-4gkdbjti{font-size:18px}.compact.astro-4gkdbjti .gradient-save.astro-4gkdbjti>input.astro-4gkdbjti{min-height:44px}.compact.astro-4gkdbjti .gradient-actions.astro-4gkdbjti{grid-area:2/1/auto/-1;align-items:center;gap:8px 16px;margin-top:0}.compact.astro-4gkdbjti .gradient-actions.astro-4gkdbjti .solid-button.astro-4gkdbjti{border:2px solid var(--on-black);background:var(--black);min-height:44px;color:var(--on-black);box-shadow:3px 3px 0 var(--on-black);font:600 11px/1.4 var(--mono);text-transform:uppercase;--button-pressed-shadow:1px 1px 0 var(--on-black);padding:13px 18px}.compact.astro-4gkdbjti .gradient-actions.astro-4gkdbjti .text-button.astro-4gkdbjti{font-size:16px}.compact.astro-4gkdbjti>.gradient-status.astro-4gkdbjti{color:var(--dim);grid-area:3/1/auto/-1;margin:0;font-size:16px}.inline.astro-4gkdbjti{grid-template-columns:minmax(0,1fr) 300px;gap:12px 28px}.inline.astro-4gkdbjti .gradient-preview.astro-4gkdbjti{position:static}.inline.astro-4gkdbjti .gradient-canvas.astro-4gkdbjti{height:clamp(130px,100dvh - 560px,280px)}.inline.astro-4gkdbjti .gradient-stops.astro-4gkdbjti{max-width:calc(var(--stop-columns,5) * 68px);gap:6px;margin-top:8px}.inline.astro-4gkdbjti .stop-select.astro-4gkdbjti{min-height:56px}.inline.astro-4gkdbjti .stop-select.astro-4gkdbjti svg.astro-4gkdbjti{height:46px}.inline.astro-4gkdbjti .stop-select.astro-4gkdbjti span.astro-4gkdbjti{top:20px}.inline.astro-4gkdbjti .stop-copy.astro-4gkdbjti{min-height:32px}.inline.astro-4gkdbjti .gradient-save.astro-4gkdbjti{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.inline.astro-4gkdbjti .gradient-save.astro-4gkdbjti label.astro-4gkdbjti{font-size:18px}.inline.astro-4gkdbjti .gradient-save.astro-4gkdbjti>input.astro-4gkdbjti{min-height:44px}.inline.astro-4gkdbjti .gradient-actions.astro-4gkdbjti{grid-column:1/-1;align-items:center;gap:8px 16px;margin-top:0}.inline.astro-4gkdbjti .gradient-actions.astro-4gkdbjti .solid-button.astro-4gkdbjti{border:2px solid var(--on-black);background:var(--black);min-height:44px;color:var(--on-black);box-shadow:3px 3px 0 var(--on-black);font:600 11px/1.4 var(--mono);text-transform:uppercase;--button-pressed-shadow:1px 1px 0 var(--on-black);padding:13px 18px}.inline.astro-4gkdbjti .gradient-actions.astro-4gkdbjti .text-button.astro-4gkdbjti{font-size:16px}.inline.astro-4gkdbjti .gradient-status.astro-4gkdbjti{color:var(--dim);grid-column:1/-1;margin-top:0;font-size:16px}.inline-css.astro-4gkdbjti{min-width:0}.inline-css.astro-4gkdbjti[open]{flex-basis:100%}.inline-css.astro-4gkdbjti summary.astro-4gkdbjti{cursor:pointer}.inline-css.astro-4gkdbjti textarea.astro-4gkdbjti{resize:none}.more-actions.astro-4gkdbjti{min-width:0}.more-actions.astro-4gkdbjti[open]{flex-basis:100%}.more-actions.astro-4gkdbjti summary.astro-4gkdbjti{cursor:pointer;width:fit-content}.more-actions.astro-4gkdbjti summary.astro-4gkdbjti,.inline-css.astro-4gkdbjti summary.astro-4gkdbjti{align-items:center;list-style:none;display:flex}.more-actions.astro-4gkdbjti summary.astro-4gkdbjti::-webkit-details-marker,.inline-css.astro-4gkdbjti summary.astro-4gkdbjti::-webkit-details-marker{display:none}.more-actions.astro-4gkdbjti summary.astro-4gkdbjti>span.astro-4gkdbjti{transition:transform .14s ease-out}.more-actions.astro-4gkdbjti[open]>summary.astro-4gkdbjti>span.astro-4gkdbjti{transform:rotate(180deg)}.gradient-actions.astro-4gkdbjti{align-items:flex-start}.gradient-actions.astro-4gkdbjti>.text-button.astro-4gkdbjti,.gradient-actions.astro-4gkdbjti>.solid-button.astro-4gkdbjti,.gradient-actions.astro-4gkdbjti>.more-actions.astro-4gkdbjti>summary.astro-4gkdbjti{align-items:center;height:48px;min-height:48px;padding-block:0;display:flex}@media (prefers-reduced-motion:reduce){.more-actions.astro-4gkdbjti summary.astro-4gkdbjti>span.astro-4gkdbjti{transition:none}}.more-actions-list.astro-4gkdbjti{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:8px;display:flex}.colour-count.astro-4gkdbjti{color:var(--dim);font:12px/1.4 var(--mono)}@media (width<=700px){.gradient-editor.astro-4gkdbjti{grid-template-columns:minmax(0,1fr);gap:28px}.compact.astro-4gkdbjti .gradient-content.astro-4gkdbjti{grid-area:2/1}.compact.astro-4gkdbjti .gradient-actions.astro-4gkdbjti{grid-row:3}.compact.astro-4gkdbjti>.gradient-status.astro-4gkdbjti{grid-row:4}.inline.astro-4gkdbjti .preview-heading.astro-4gkdbjti{flex-wrap:wrap}.inline.astro-4gkdbjti .stop-copy.astro-4gkdbjti{min-height:44px}.inline.astro-4gkdbjti .gradient-preview.astro-4gkdbjti{position:static}.inline.astro-4gkdbjti .gradient-canvas.astro-4gkdbjti{height:clamp(140px,22dvh,220px)}}@media (width<=380px){.gradient-stops.astro-4gkdbjti{grid-template-columns:repeat(min(3, var(--stop-columns,5)), minmax(0, 1fr))}}.astro-4gkdbjti[hidden]{display:none!important}.desk-heading.astro-4gkdbjti{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.edit-blend.astro-4gkdbjti{flex:none;font-size:17px}.gradient-dialog.astro-4gkdbjti{outline-offset:4px;background:var(--black);width:min(680px,100% - 32px);max-width:none;height:min(660px,100dvh - 32px);max-height:calc(100dvh - 32px);color:var(--on-black);border:1px solid #ffffff80;outline:1px solid #ffffff30;padding:24px;overflow:hidden}.gradient-dialog.astro-4gkdbjti[open]{flex-direction:column;gap:16px;display:flex}.gradient-dialog.astro-4gkdbjti::backdrop{background:#000b}.dialog-heading.astro-4gkdbjti{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading.astro-4gkdbjti h2.astro-4gkdbjti{font:700 30px/1.15 var(--font-heading);margin:0}.dialog-close.astro-4gkdbjti{width:44px;height:44px;font:28px/1 var(--hand);background:0 0;border:0;flex:none;padding:0}.dialog-previews.astro-4gkdbjti{flex:none;gap:20px;min-width:0;display:flex}.dialog-previews.astro-4gkdbjti figure.astro-4gkdbjti{flex:1;min-width:0;margin:0}.dialog-previews.astro-4gkdbjti .source-context.astro-4gkdbjti{flex:0 0 35%}figcaption.astro-4gkdbjti{font:17px/1.4 var(--hand);color:var(--dim);margin-bottom:8px}.dialog-previews.astro-4gkdbjti .gradient-canvas.astro-4gkdbjti{height:80px}.source-context.astro-4gkdbjti img.astro-4gkdbjti{object-fit:contain;background:var(--black);border:1px solid #ffffff50;width:100%;height:88px;display:block}.dialog-body.astro-4gkdbjti{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-width:0;min-height:0;padding:4px;overflow:auto}.dialog-body.astro-4gkdbjti .gradient-stops.astro-4gkdbjti{margin-top:0}.dialog-body.astro-4gkdbjti .stop-select.astro-4gkdbjti{min-height:52px}.dialog-body.astro-4gkdbjti .stop-select.astro-4gkdbjti svg.astro-4gkdbjti{height:42px}.dialog-body.astro-4gkdbjti .stop-select.astro-4gkdbjti span.astro-4gkdbjti{top:18px}.edit-note.astro-4gkdbjti{font:17px/1.4 var(--hand);color:var(--dim);margin:0 0 16px}.dialog-footer.astro-4gkdbjti{border-top:1px solid #ffffff40;flex:none;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;display:flex}.dialog-footer.astro-4gkdbjti .solid-button.astro-4gkdbjti{min-width:180px}.css-dialog.astro-4gkdbjti{height:min(520px,100dvh - 32px)}.css-dialog.astro-4gkdbjti textarea.astro-4gkdbjti{resize:none;height:calc(100% - 44px);min-height:120px}@media (width<=600px){.gradient-dialog.astro-4gkdbjti{padding:14px}.gradient-dialog.astro-4gkdbjti[open]{gap:12px}.dialog-heading.astro-4gkdbjti h2.astro-4gkdbjti{font-size:26px}.dialog-previews.astro-4gkdbjti{gap:12px}.dialog-previews.astro-4gkdbjti .gradient-canvas.astro-4gkdbjti{height:64px}.source-context.astro-4gkdbjti img.astro-4gkdbjti{height:72px}.dialog-footer.astro-4gkdbjti .solid-button.astro-4gkdbjti{min-width:150px;font-size:19px}}@media (height<=500px){.gradient-dialog.astro-4gkdbjti{padding:10px 16px}.gradient-dialog.astro-4gkdbjti[open]{gap:8px}.dialog-heading.astro-4gkdbjti h2.astro-4gkdbjti{font-size:24px}.dialog-previews.astro-4gkdbjti .gradient-canvas.astro-4gkdbjti{height:36px}.source-context.astro-4gkdbjti img.astro-4gkdbjti{height:44px}figcaption.astro-4gkdbjti{margin-bottom:4px;font-size:15px}.dialog-footer.astro-4gkdbjti{padding-top:8px}}.gradient-maker.astro-joidably{width:100%;min-width:0;color:var(--on-black)}.gradient-maker.astro-joidably[hidden]{display:none}.gradient-maker.astro-joidably:focus{outline:none}.gradient-maker-heading.astro-joidably{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-bottom:14px;display:flex}.gradient-maker.astro-joidably .tool-description.astro-joidably{margin:0 0 18px}#gradient-maker-title.astro-joidably{font:400 clamp(28px, 2.5vw, 36px)/1.2 var(--font-tool-heading);margin:0}.maker-style.astro-joidably{font:11px/1.4 var(--font-code);align-items:center;gap:10px;display:flex}select.astro-joidably{background:var(--black);max-width:160px;min-height:44px;color:var(--on-black);font:inherit;color-scheme:dark;border:1px solid #777;border-radius:0;padding:8px 24px 8px 10px}#gradient-generate.astro-joidably{border:2px solid var(--on-black);background:var(--black);min-height:44px;color:var(--on-black);box-shadow:3px 3px 0 var(--on-black);font:600 11px/1.4 var(--font-code);text-transform:uppercase;transition:translate var(--button-press-duration,.1s) ease-out, box-shadow var(--button-press-duration,.1s) ease-out, background-color .1s ease-out;padding:13px 18px}#gradient-generate.astro-joidably:active:not(:disabled){translate:var(--button-press-shift,2px) var(--button-press-shift,2px);box-shadow:1px 1px 0 var(--on-black)}@media (width>=901px){#made-gradient{grid-template-columns:minmax(0,1fr) minmax(260px,300px);gap:12px 24px}#made-gradient .preview-heading{min-height:32px;margin-bottom:8px}#made-gradient .gradient-canvas{height:clamp(110px,100dvh - 610px,220px)}#made-gradient .gradient-settings{margin-top:12px}#made-gradient .desk-heading{min-height:32px}#made-gradient .gradient-stops{margin-top:4px}#made-gradient .selected-stop{margin:4px 0 8px;padding-top:4px}#made-gradient .selected-colour{margin-bottom:4px}#made-gradient .selected-colour label{align-items:center;gap:8px;display:flex}#made-gradient .selected-colour [data-selected-label]{flex:none}#made-gradient .stop-hex{flex:1;width:0;min-width:0;margin-top:0}}@media (width<=480px){.gradient-maker-heading.astro-joidably{gap:8px;margin-bottom:20px}.maker-style.astro-joidably{gap:8px}select.astro-joidably{max-width:145px}}.extract.astro-ug2whck5{--hand:var(--font-ui);--mono:var(--font-code);width:100%;min-width:0;color:var(--on-black);flex-direction:column;gap:20px;display:flex}.extract.astro-ug2whck5 .astro-ug2whck5[hidden],.extract.astro-ug2whck5[hidden]{display:none!important}.extract.astro-ug2whck5:focus{outline:none}.extract-heading.astro-ug2whck5{align-items:center;min-height:44px;display:flex}.extract-heading.astro-ug2whck5 #extract-title.astro-ug2whck5{font:400 clamp(28px, 2.5vw, 36px)/1.2 var(--font-heading);margin:0}.extract-lead.astro-ug2whck5{color:#b8b8b8;font:18px/1.4 var(--hand);margin:-12px 0 4px}.has-photo.astro-ug2whck5 .extract-lead.astro-ug2whck5{display:none}.has-photo.astro-ug2whck5{gap:0}.has-photo.astro-ug2whck5 .extract-heading.astro-ug2whck5{margin-bottom:28px}.has-photo.astro-ug2whck5 .extract-status.astro-ug2whck5{color:var(--dim);order:1;margin-top:12px;font-size:16px}.has-photo.astro-ug2whck5 .extract-status.astro-ug2whck5[data-error]{color:#ffba9e}.has-photo.astro-ug2whck5 .extract-footer.astro-ug2whck5{display:none}button.astro-ug2whck5{color:inherit}button.astro-ug2whck5:focus-visible{outline:2px solid var(--on-black);outline-offset:4px}.extract-intro.astro-ug2whck5,.upload-desk.astro-ug2whck5{min-width:0}.photo-box.astro-ug2whck5{background:#ffffff04;border:1px dashed #ffffff40;border-radius:4px;transition:background .15s,border-color .15s;position:relative}.photo-box.astro-ug2whck5:hover,.photo-box.astro-ug2whck5:focus-within{background:#ffffff08;border-color:#ffffff80}.photo-box.astro-ug2whck5.dragging{border-color:var(--on-black);background:#ffffff12}.upload-target.astro-ug2whck5{text-align:center;background:0 0;border:0;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;min-height:280px;padding:32px 24px;display:flex;position:relative}.drop-instruction.astro-ug2whck5{font:22px/1.3 var(--hand)}.photo-sketch.astro-ug2whck5{fill:none;stroke:#a8a8a8;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;flex:none;width:44px;height:36px}.choose-photo.astro-ug2whck5{background:var(--on-black);min-height:44px;color:var(--black);font:18px/1.3 var(--hand);border-radius:3px;justify-content:center;align-items:center;gap:12px;padding:10px 20px;display:inline-flex}.choose-photo.astro-ug2whck5>span.astro-ug2whck5{opacity:.65}.shortcut.astro-ug2whck5{font:11px/1.4 var(--mono);color:#999}kbd.astro-ug2whck5{font:12px/1.3 var(--mono);border:1px solid;margin-right:5px;padding:2px 5px;display:inline-block}.upload-details.astro-ug2whck5{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 20px;padding-top:14px;display:flex}.privacy-note.astro-ug2whck5,.file-types.astro-ug2whck5{color:#999;font:15px/1.4 var(--hand);margin:0}.extract.astro-ug2whck5:not(.has-photo) .extract-footer.astro-ug2whck5{display:none}.extract-footer.astro-ug2whck5{font:18px/1.4 var(--hand);opacity:.7}.extract-status.astro-ug2whck5{font:18px/1.4 var(--hand);margin:0}.extract-status.astro-ug2whck5:empty{display:none}.extract-status.astro-ug2whck5[data-error]{color:#ffba9e}.extract.astro-ug2whck5[aria-busy=true] .upload-target.astro-ug2whck5{opacity:.5}.extract-workspace.astro-ug2whck5{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:12px 28px;min-width:0;display:grid}.palette-desk.astro-ug2whck5,.extract-gradient-workspace.astro-ug2whck5{display:contents}.palette-content.astro-ug2whck5{grid-area:1/2;min-width:0}.desk-title.astro-ug2whck5{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}h3.astro-ug2whck5{font:27px/1.3 var(--hand);margin:0}.desk-note.astro-ug2whck5{font:18px/1.4 var(--hand);opacity:.55;margin:6px 0 16px}.extracted-colours.astro-ug2whck5{grid-template-columns:repeat(var(--colour-columns,5), minmax(0, 1fr));gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.extracted-colours.astro-ug2whck5 li.astro-ug2whck5{flex-direction:column;min-width:0;display:flex}.colour-select.astro-ug2whck5{background:0 0;border:1px solid #0000;width:100%;min-height:56px;padding:3px;position:relative}.colour-select.astro-ug2whck5[aria-pressed=true]{background:#ffffff09;border-color:#ffffff65}.colour-select.astro-ug2whck5 svg.astro-ug2whck5{width:100%;height:46px;fill:var(--sample);stroke:#fff8;stroke-width:1px;filter:url(#chalk);display:block}.colour-value.astro-ug2whck5{font:12px/1.4 var(--mono)}.colour-number.astro-ug2whck5{color:var(--sample-ink);font:16px/1 var(--hand);position:absolute;inset:20px 0 auto}.copy-colour.astro-ug2whck5{background:0 0;border:0;width:100%;min-height:32px;padding:2px 0}.copy-colour.astro-ug2whck5:hover{text-underline-offset:4px;text-decoration:underline}.swatch-help.astro-ug2whck5{font:16px/1.4 var(--hand);opacity:.55;margin:0 0 16px}.palette-save.astro-ug2whck5{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.palette-save.astro-ug2whck5 label.astro-ug2whck5{font:18px/1.4 var(--hand)}.palette-save.astro-ug2whck5 input.astro-ug2whck5{box-sizing:border-box;width:100%;min-width:0;min-height:44px;color:inherit;font:20px/1.4 var(--hand);background:0 0;border:1px solid #ffffff80;border-radius:0;padding:8px 12px}.palette-save.astro-ug2whck5 input.astro-ug2whck5:focus-visible{outline:2px solid var(--on-black);outline-offset:3px}#extract-name-help.astro-ug2whck5{font:17px/1.4 var(--hand);opacity:.55;margin:0 0 10px}.solid-button.astro-ug2whck5{border:1px solid var(--on-black);min-height:48px;font:700 21px/1.3 var(--hand);background:var(--on-black);color:var(--black);box-shadow:3px 3px 0 var(--black), 3px 3px 0 1px var(--on-black);transition:translate var(--button-press-duration,.1s) ease-out, box-shadow var(--button-press-duration,.1s) ease-out, background-color .1s ease-out;justify-content:center;align-items:center;padding:10px 12px;display:flex}.solid-button.astro-ug2whck5:active:not(:disabled){translate:var(--button-press-shift,2px) var(--button-press-shift,2px);box-shadow:1px 1px 0 var(--black), 1px 1px 0 1px var(--on-black)}.palette-buttons.astro-ug2whck5{flex-wrap:wrap;grid-area:2/1/auto/-1;align-items:center;gap:8px 16px;display:flex}.palette-buttons.astro-ug2whck5 button.astro-ug2whck5{min-height:44px;font:16px/1.3 var(--hand);background:0 0;border:0;border-bottom:1px solid #ffffff70;padding:4px 0}.palette-buttons.astro-ug2whck5 .solid-button.astro-ug2whck5{border:2px solid var(--on-black);background:var(--black);color:var(--on-black);box-shadow:3px 3px 0 var(--on-black);font:600 11px/1.4 var(--mono);text-transform:uppercase;padding:13px 18px}.palette-buttons.astro-ug2whck5 .solid-button.astro-ug2whck5:active:not(:disabled){box-shadow:1px 1px 0 var(--on-black)}.palette-buttons.astro-ug2whck5 button.astro-ug2whck5>span.astro-ug2whck5{margin-left:6px}.photo-desk.astro-ug2whck5{flex-direction:column;grid-area:1/1;gap:14px;min-width:0;display:flex}.photo-toolbar.astro-ug2whck5{min-height:44px;font:17px/1.4 var(--hand);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}#extract-filename.astro-ug2whck5{text-overflow:ellipsis;white-space:nowrap;opacity:.45;min-width:0;font:12px/1.4 var(--mono);margin:-8px 0 0;overflow:hidden}.photo-actions.astro-ug2whck5{flex-wrap:wrap;gap:18px;display:flex}.photo-toolbar.astro-ug2whck5 button.astro-ug2whck5,.photo-caption.astro-ug2whck5 button.astro-ug2whck5{min-height:44px;font:16px/1.4 var(--hand);background:0 0;border:0;border-bottom:1px solid #ffffff70;flex:none;padding:6px 0}.photo-toolbar.astro-ug2whck5 button.astro-ug2whck5>span.astro-ug2whck5{margin-left:6px}.photo-mount.astro-ug2whck5{outline-offset:4px;background:#ffffff06;border:1px solid #ffffff80;outline:1px solid #ffffff30;place-items:center;min-width:0;height:clamp(180px,26dvh,280px);padding:12px;display:grid;container-type:size}.photo-stage.astro-ug2whck5{width:min(100cqw, calc(100cqh * var(--photo-ratio,1.5)));aspect-ratio:var(--photo-ratio,1.5);cursor:crosshair;touch-action:none;margin:auto;position:relative}#extract-preview.astro-ug2whck5{user-select:none;width:100%;height:100%;display:block}.colour-pin.astro-ug2whck5{left:var(--x);top:var(--y);background:var(--sample);width:36px;height:36px;color:var(--sample-ink);cursor:grab;touch-action:none;z-index:1;border:2px solid #fff;border-radius:50%;padding:0;transition:width .15s,height .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0005,0 2px 7px #0005}.colour-pin.astro-ug2whck5[aria-pressed=true]{z-index:2;border-width:3px;width:44px;height:44px}.colour-pin.astro-ug2whck5:active{cursor:grabbing}.colour-pin.astro-ug2whck5 span.astro-ug2whck5{font:12px var(--mono)}.photo-caption.astro-ug2whck5{justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-caption.astro-ug2whck5>span.astro-ug2whck5{font:16px/1.4 var(--hand)}.photo-caption.astro-ug2whck5 button.astro-ug2whck5{opacity:.6}.is-gradient.astro-ug2whck5 .palette-desk.astro-ug2whck5>.astro-ug2whck5:not(.extract-gradient-workspace){display:none}@media (width<=1150px) and (width>=901px){.photo-caption.astro-ug2whck5{flex-wrap:wrap;gap:4px 12px}}@media (width<=700px){.extract.astro-ug2whck5{gap:18px}.copy-colour.astro-ug2whck5{min-height:44px}.upload-target.astro-ug2whck5{min-height:240px;padding:24px 16px}.drop-instruction.astro-ug2whck5{font-size:20px}.upload-details.astro-ug2whck5{flex-direction:column;align-items:flex-start;gap:6px}.extract-workspace.astro-ug2whck5{grid-template-columns:minmax(0,1fr);gap:24px}.photo-desk.astro-ug2whck5{grid-area:1/1}.photo-mount.astro-ug2whck5{outline-offset:2px;height:clamp(180px,26dvh,280px);padding:10px}.palette-content.astro-ug2whck5{grid-area:2/1}.palette-buttons.astro-ug2whck5{grid-row:3}.desk-note.astro-ug2whck5{font-size:17px}.photo-caption.astro-ug2whck5{flex-wrap:wrap;gap:4px 12px}.photo-toolbar.astro-ug2whck5,.photo-toolbar.astro-ug2whck5 button.astro-ug2whck5,.photo-caption.astro-ug2whck5 button.astro-ug2whck5{font-size:17px}}@media (width<=380px){.extracted-colours.astro-ug2whck5{grid-template-columns:repeat(min(3, var(--colour-columns,5)), minmax(0, 1fr))}}.color-panel.astro-flvk4hoi{--seed-color:#d77b56;width:100%;color:var(--on-black)}.color-panel.astro-flvk4hoi .astro-flvk4hoi[hidden]{display:none!important}.color-gradient-sample.astro-flvk4hoi{margin:24px 4px}.color-gradient-canvas.astro-flvk4hoi{margin:5px;position:relative}.color-gradient-frame.astro-flvk4hoi{pointer-events:none;width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px;overflow:visible}.color-gradient-frame.astro-flvk4hoi path.astro-flvk4hoi{fill:none;stroke:var(--on-black);stroke-width:1.8px;vector-effect:non-scaling-stroke;filter:url(#chalk)}.color-gradient-frame.astro-flvk4hoi .ghost.astro-flvk4hoi{opacity:.35;translate:2px 2px}#color-gradient-fill.astro-flvk4hoi{height:clamp(90px,100dvh - 550px,240px)}#color-gradient-stops.astro-flvk4hoi{opacity:.7;overflow-wrap:anywhere;margin:12px 0 0;font:11px/1.5 ui-monospace,Menlo,monospace}.color-panel.astro-flvk4hoi[hidden]{display:none}.color-panel.astro-flvk4hoi:focus{outline:none}#color-title.astro-flvk4hoi{font:400 clamp(28px, 2.5vw, 36px)/1.2 var(--font-heading);margin:0 0 24px}svg.astro-flvk4hoi{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.seed-row.astro-flvk4hoi{align-items:center;gap:22px;display:flex}.seed-swatch.astro-flvk4hoi{cursor:pointer;flex:0 0 84px;display:block;position:relative;rotate:-3deg}.seed-swatch.astro-flvk4hoi svg.astro-flvk4hoi{width:100%;fill:var(--seed-color);filter:url(#chalk);display:block}.seed-swatch.astro-flvk4hoi input.astro-flvk4hoi{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.seed-swatch.astro-flvk4hoi:focus-within{outline-offset:4px;outline:3px solid #d77b56}.seed-fields.astro-flvk4hoi{flex-wrap:wrap;align-items:center;gap:6px 18px;min-width:0;display:flex}.seed-fields.astro-flvk4hoi label.astro-flvk4hoi{font:20px/1.2 var(--font-ui);flex-basis:100%}#seed-hex.astro-flvk4hoi{border:2px solid var(--on-black);width:130px;box-shadow:3px 3px 0 var(--on-black);color:var(--on-black);background:var(--black);text-transform:uppercase;padding:8px 12px;font:15px/1.2 ui-monospace,Menlo,Consolas,monospace}.seed-fields.astro-flvk4hoi p.astro-flvk4hoi{font:16px/1.2 var(--font-ui);opacity:.7;margin:0}.seed-error.astro-flvk4hoi{margin:10px 0 0;font-size:12px}.seed-error.astro-flvk4hoi:empty{display:none}.seed-wink.astro-flvk4hoi{width:fit-content;color:var(--on-black);font:18px/1.3 var(--font-ui);margin:10px 0 0;rotate:-1.4deg}.seed-wink.astro-flvk4hoi:empty{display:none}@media (prefers-reduced-motion:no-preference){.seed-wink.astro-flvk4hoi:not(:empty){animation:.35s ease-out seed-wink-in}@keyframes seed-wink-in{0%{opacity:0;translate:-5px 3px}}}.palette-outline.astro-flvk4hoi{opacity:.45;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;transition:opacity .3s;display:grid}.palette-outline.astro-flvk4hoi:is(.loading,.live){opacity:1}.palette-outline.astro-flvk4hoi li.astro-flvk4hoi{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.swatch-pick.astro-flvk4hoi{width:100%;max-height:clamp(90px,100dvh - 660px,290px);display:block;overflow:visible}.swatch-pick.astro-flvk4hoi>path.astro-flvk4hoi{filter:url(#chalk)}.swatch.astro-flvk4hoi{fill:var(--swatch,#ffffff59);stroke:none}.scribble.astro-flvk4hoi{stroke:#fff;stroke-width:10px;stroke-dasharray:1 1;stroke-dashoffset:1px}.loading.astro-flvk4hoi .scribble.astro-flvk4hoi{animation:tool-chalk-draw .7s ease-in-out calc(var(--i) * 90ms) infinite alternate}.role.astro-flvk4hoi{min-height:1.2em;font:clamp(16px, 1.5vw, 20px)/1.2 var(--font-ui)}.hex.astro-flvk4hoi{opacity:.7;min-height:1.4em;font:11px/1.4 ui-monospace,Menlo,Consolas,monospace}.seed.astro-flvk4hoi .hex.astro-flvk4hoi{text-underline-offset:3px;opacity:1;text-decoration:underline}.color-actions.astro-flvk4hoi{flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:24px;display:flex}.color-actions.astro-flvk4hoi button.astro-flvk4hoi{border:2px solid var(--on-black);background:var(--black);color:var(--on-black);box-shadow:4px 4px 0 var(--on-black);text-transform:uppercase;letter-spacing:.08em;transition:translate var(--button-press-duration,.1s) ease-out, box-shadow var(--button-press-duration,.1s) ease-out, background-color .1s ease-out;padding:10px 20px;font-size:13px;font-weight:700}.color-actions.astro-flvk4hoi button.astro-flvk4hoi:active:not(:disabled){translate:var(--button-press-shift,2px) var(--button-press-shift,2px);box-shadow:2px 2px 0 var(--on-black)}.color-actions.astro-flvk4hoi button.astro-flvk4hoi:disabled{opacity:.45;cursor:default;box-shadow:none;translate:none}.page-button.astro-flvk4hoi,#find-card.astro-flvk4hoi{align-items:center;gap:8px;min-height:44px;display:inline-flex}.find-wrap.astro-flvk4hoi{display:inline-flex;position:relative}.find-note.astro-flvk4hoi{white-space:nowrap;color:#ffffffd9;pointer-events:none;align-items:flex-start;gap:2px;display:none;position:absolute;top:0;left:calc(100% + 8px)}.live.astro-flvk4hoi~.color-actions.astro-flvk4hoi .find-note.astro-flvk4hoi{display:flex}.find-note.astro-flvk4hoi svg.astro-flvk4hoi{filter:url(#chalk);width:72px;height:44px;overflow:visible}.find-note.astro-flvk4hoi .ghost.astro-flvk4hoi{opacity:.35;stroke-width:1.5px}.find-note.astro-flvk4hoi>span.astro-flvk4hoi{font:19px/1.2 var(--font-ui);margin-top:18px;rotate:-2deg}@media (width<=900px){.find-note.astro-flvk4hoi{display:none!important}}.page-button.astro-flvk4hoi svg.astro-flvk4hoi,#find-card.astro-flvk4hoi svg.astro-flvk4hoi{stroke-width:1.8px;width:18px;height:18px}.color-actions.astro-flvk4hoi p.astro-flvk4hoi{color:#ffffffa6;flex-wrap:wrap;flex-basis:100%;gap:8px 22px;margin:0;font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;display:flex}.color-actions.astro-flvk4hoi p.astro-flvk4hoi span.astro-flvk4hoi{white-space:nowrap}kbd.astro-flvk4hoi{font:inherit;color:var(--on-black)}.color-hint.astro-flvk4hoi{min-height:2.6em;font:16px/1.3 var(--font-ui);opacity:.65;margin:16px 0 0}#palette-count.astro-flvk4hoi{white-space:nowrap;margin-left:10px;font:12px/1.4 ui-monospace,Menlo,Consolas,monospace}@media (width<=480px){.seed-row.astro-flvk4hoi{gap:14px}.seed-swatch.astro-flvk4hoi{flex-basis:64px}.seed-fields.astro-flvk4hoi label.astro-flvk4hoi{font-size:17px}.palette-outline.astro-flvk4hoi{gap:8px}.hex.astro-flvk4hoi{font-size:10px}.color-actions.astro-flvk4hoi{gap:14px}.color-actions.astro-flvk4hoi button.astro-flvk4hoi{padding-inline:12px}.color-actions.astro-flvk4hoi p.astro-flvk4hoi{flex-basis:100%;font-size:10px}#color-title.astro-flvk4hoi{margin-bottom:18px}}.contrast-checker.astro-qpfajhfc{width:100%;color:var(--on-black)}.contrast-checker.astro-qpfajhfc[hidden],.contrast-checker.astro-qpfajhfc .astro-qpfajhfc[hidden]{display:none!important}.contrast-checker.astro-qpfajhfc:focus{outline:none}.contrast-heading.astro-qpfajhfc{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}#contrast-title.astro-qpfajhfc{font:400 clamp(28px, 2.5vw, 36px)/1.2 var(--font-tool-heading);margin:0}.contrast-lead.astro-qpfajhfc{color:var(--dim);font:18px/1.4 var(--font-ui);margin:8px 0 16px}button.astro-qpfajhfc{min-height:44px;color:inherit;font:18px/1.3 var(--font-ui);background:0 0;border:1px solid #777;border-radius:0;padding:8px 12px}button.astro-qpfajhfc:hover{background:#ffffff10}button.astro-qpfajhfc:disabled{opacity:.4}button.astro-qpfajhfc:focus-visible,input.astro-qpfajhfc:focus-visible,summary.astro-qpfajhfc:focus-visible{outline:2px solid var(--on-black);outline-offset:3px}.contrast-toolbar.astro-qpfajhfc{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-bottom:12px;display:flex}#contrast-design-name.astro-qpfajhfc{color:var(--dim);font:17px/1.3 var(--font-ui);margin:0}.contrast-actions.astro-qpfajhfc{flex-wrap:wrap;gap:8px;display:flex}#contrast-random.astro-qpfajhfc{background:var(--on-black);color:var(--black);border:2px solid var(--on-black);box-shadow:3px 3px 0 var(--black), 4px 4px 0 var(--on-black)}#contrast-random.astro-qpfajhfc:hover{background:#ddd}#contrast-back.astro-qpfajhfc,#contrast-to-maker.astro-qpfajhfc{text-underline-offset:4px;border:0;padding-inline:0;text-decoration:underline}.contrast-colours.astro-qpfajhfc{grid-template-columns:repeat(var(--contrast-columns,5), minmax(0, 1fr));gap:12px;margin-bottom:20px;display:grid}.contrast-colours.astro-qpfajhfc button{min-width:0;min-height:44px;color:inherit;text-align:left;font:17px/1.2 var(--font-ui);background:0 0;border:0;justify-items:start;gap:6px;padding:0;display:grid}.contrast-colours.astro-qpfajhfc button:focus-visible{outline:2px solid var(--on-black);outline-offset:3px}.contrast-colours.astro-qpfajhfc .contrast-swatch{border:1px solid #ffffff80;width:100%;height:44px;display:block}.contrast-colours.astro-qpfajhfc button:hover .contrast-swatch{outline:1px solid var(--on-black);outline-offset:2px}.contrast-colours.astro-qpfajhfc code{font:11px/1.2 var(--font-code);color:var(--dim)}.contrast-gradient-options.astro-qpfajhfc{flex-wrap:wrap;align-items:center;gap:8px 16px;margin:-6px 0 14px;display:flex}.contrast-placement.astro-qpfajhfc{gap:6px;display:flex}.contrast-placement.astro-qpfajhfc button.astro-qpfajhfc{min-height:44px;padding:5px 12px;font-size:16px}.contrast-placement.astro-qpfajhfc button.astro-qpfajhfc[aria-pressed=true]{color:var(--black);background:var(--on-black);border-color:var(--on-black)}.contrast-gradient-options.astro-qpfajhfc label.astro-qpfajhfc{min-height:44px;font:16px/1.3 var(--font-ui);align-items:center;gap:6px;display:flex}.contrast-gradient-options.astro-qpfajhfc input.astro-qpfajhfc{width:16px;height:16px}.contrast-layout.astro-qpfajhfc{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}.contrast-sample.astro-qpfajhfc{--scene-bg:#f4d253;--scene-surface:#2e9447;--scene-primary:#d082f4;--scene-accent:#124fb0;--scene-ink:#212f55;--scene-on-primary:#212f55;--scene-on-surface:#212f55;position:relative;overflow:hidden}.contrast-sample-edge.astro-qpfajhfc{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:visible}.contrast-sample-edge.astro-qpfajhfc rect.astro-qpfajhfc{fill:none;stroke:var(--on-black);stroke-width:2px;filter:url(#chalk)}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc{text-align:left;color:inherit;border:0}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc:focus-visible{outline-offset:3px;outline:2px solid}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc[data-selected=true],.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc:hover{outline-offset:4px;outline:1px dashed}.contrast-sample.astro-qpfajhfc .astro-qpfajhfc:is(.contrast-demo-heading,.contrast-demo-body,.contrast-card-link,.contrast-page-heading):hover{background:0 0}.contrast-canvas.astro-qpfajhfc{min-height:208px;color:var(--scene-ink);background:var(--scene-bg);flex-direction:column;align-items:flex-start;gap:10px;padding:26px;display:flex}.contrast-sample.astro-qpfajhfc .contrast-demo-heading.astro-qpfajhfc{letter-spacing:-.035em;min-height:0;padding:0;font:700 30px/1.15 system-ui,sans-serif}.contrast-demo-heading.astro-qpfajhfc>span.astro-qpfajhfc{color:var(--scene-primary)}.contrast-sample.astro-qpfajhfc .contrast-demo-body.astro-qpfajhfc{background:0 0;min-height:0;padding:0;font:400 16px/1.5 system-ui,sans-serif}.contrast-sample.astro-qpfajhfc .contrast-demo-action.astro-qpfajhfc{background:var(--scene-primary);min-height:44px;color:var(--scene-on-primary);justify-content:space-between;align-items:center;gap:24px;margin-top:2px;padding:10px 14px;font:600 16px/1.25 system-ui,sans-serif;display:inline-flex}.contrast-sample.astro-qpfajhfc .contrast-demo-footer.astro-qpfajhfc{background:var(--scene-surface);width:100%;min-height:52px;color:var(--scene-on-surface);justify-content:space-between;align-items:center;gap:12px;padding:12px 26px;font:600 16px/1.3 system-ui,sans-serif;display:flex}.contrast-demo-footer.astro-qpfajhfc>span.astro-qpfajhfc:first-child{align-items:center;gap:10px;display:flex}.contrast-demo-footer.astro-qpfajhfc i.astro-qpfajhfc{background:var(--scene-accent);width:16px;height:16px}.contrast-overview.astro-qpfajhfc{font:22px/1.3 var(--font-ui);margin:0 0 10px}.contrast-report-head.astro-qpfajhfc,.contrast-report-rows.astro-qpfajhfc button{text-align:left;grid-template-columns:minmax(0,1fr) 64px 54px;align-items:center;gap:8px;display:grid}.contrast-report-head.astro-qpfajhfc{color:var(--dim);font:11px/1.3 var(--font-code);padding-bottom:6px}.contrast-report-head.astro-qpfajhfc>.astro-qpfajhfc:nth-child(n+2){text-align:right}.contrast-report-rows.astro-qpfajhfc button{width:100%;min-height:44px;color:inherit;font:17px/1.3 var(--font-ui);background:0 0;border:0;border-bottom:1px solid #ffffff40;padding:7px 0}.contrast-report-rows.astro-qpfajhfc button[aria-pressed=true]{border-bottom-color:var(--on-black)}.contrast-report-rows.astro-qpfajhfc button:hover,.contrast-report-rows.astro-qpfajhfc button[aria-pressed=true]{background:#ffffff0d}.contrast-report-rows.astro-qpfajhfc button:focus-visible{outline:2px solid var(--on-black);outline-offset:2px}.contrast-report-rows.astro-qpfajhfc code{font:11px/1.3 var(--font-code);text-align:right}.contrast-report-rows.astro-qpfajhfc .contrast-pass{text-align:right;font-size:16px}.contrast-report-rows.astro-qpfajhfc [data-pass=true],.contrast-checks.astro-qpfajhfc dd.astro-qpfajhfc[data-pass=true]{color:#b8ddcd}.contrast-report-rows.astro-qpfajhfc [data-pass=false],.contrast-checks.astro-qpfajhfc dd.astro-qpfajhfc[data-pass=false]{color:#ffba9e}#contrast-ratio.astro-qpfajhfc{font:13px/1.2 var(--font-code)}.contrast-check-details.astro-qpfajhfc summary.astro-qpfajhfc{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}#contrast-suggest.astro-qpfajhfc:disabled{display:none}.contrast-check-details.astro-qpfajhfc summary.astro-qpfajhfc,.contrast-about.astro-qpfajhfc summary.astro-qpfajhfc{cursor:pointer;width:fit-content;min-height:44px;color:var(--dim);font:16px/1.4 var(--font-ui);padding-block:10px}.contrast-checks.astro-qpfajhfc{font:17px/1.4 var(--font-ui);margin:0 0 14px}.contrast-checks.astro-qpfajhfc>div.astro-qpfajhfc{border-bottom:1px solid #ffffff25;justify-content:space-between;gap:12px;padding:8px 0;display:flex}.contrast-checks.astro-qpfajhfc small.astro-qpfajhfc{color:var(--dim);font:10px/1.3 var(--font-code);margin-left:6px}.contrast-checks.astro-qpfajhfc dd.astro-qpfajhfc{margin:0}.contrast-hint.astro-qpfajhfc,.contrast-about.astro-qpfajhfc p.astro-qpfajhfc{color:var(--dim);font:15px/1.4 var(--font-ui);margin:10px 0 0}#contrast-message.astro-qpfajhfc:empty,#contrast-error.astro-qpfajhfc:empty{display:none}.contrast-footer.astro-qpfajhfc{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 16px;margin-top:8px;display:flex}.contrast-about.astro-qpfajhfc{min-width:0}.contrast-about.astro-qpfajhfc[open]{flex-basis:100%}.contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-card-page.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc{min-height:260px;display:none}.contrast-gradient-scene.astro-qpfajhfc[data-placement=hero] .contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-scene.astro-qpfajhfc[data-placement=card] .contrast-gradient-card-page.astro-qpfajhfc,.contrast-gradient-scene.astro-qpfajhfc[data-placement=accent] .contrast-gradient-accent.astro-qpfajhfc{display:flex}.contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc{flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding:26px}.contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-card.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc .contrast-demo-action.astro-qpfajhfc{background-image:linear-gradient(var(--scene-scrim), var(--scene-scrim)), var(--scene-gradient);color:var(--scene-gradient-ink)}.contrast-demo-eyebrow.astro-qpfajhfc{letter-spacing:.12em;font:700 11px/1.3 system-ui,sans-serif}.contrast-gradient-hero.astro-qpfajhfc .contrast-demo-action.astro-qpfajhfc{background:var(--scene-gradient-ink);color:var(--scene-gradient-paper)}.contrast-gradient-card-page.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc{color:#111;background:#f4f1eb}.contrast-gradient-card-page.astro-qpfajhfc{flex-direction:column;gap:14px;padding:20px}.contrast-sample.astro-qpfajhfc .contrast-page-heading.astro-qpfajhfc{justify-content:space-between;min-height:0;padding:0;font:600 16px/1.3 system-ui,sans-serif;display:flex}.contrast-gradient-card.astro-qpfajhfc{flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:20px;display:flex}.contrast-sample.astro-qpfajhfc .contrast-card-link.astro-qpfajhfc{justify-content:space-between;gap:16px;width:100%;min-height:44px;margin-top:auto;padding:0;font:600 16px/1.3 system-ui,sans-serif;display:flex}.contrast-gradient-accent.astro-qpfajhfc .contrast-demo-action.astro-qpfajhfc{color:var(--scene-gradient-ink);background-color:#0000}.contrast-picker-dialog.astro-qpfajhfc{background:var(--black);width:min(320px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--on-black);border:2px solid #ffffffa0;border-radius:0;margin:0;padding:16px;position:fixed;inset:auto;overflow:auto;box-shadow:4px 4px #ffffff60}.contrast-picker-dialog.astro-qpfajhfc::backdrop{background:#0003}.contrast-picker-dialog.astro-qpfajhfc header.astro-qpfajhfc{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.contrast-picker-dialog.astro-qpfajhfc h2.astro-qpfajhfc{font:23px/1.3 var(--font-ui);margin:0}.contrast-picker-dialog.astro-qpfajhfc header.astro-qpfajhfc button.astro-qpfajhfc{border:0;font-size:28px}.contrast-picker-area.astro-qpfajhfc{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--picker-hue,red);touch-action:none;cursor:crosshair;height:180px;margin:0 8px;position:relative}.contrast-picker-area.astro-qpfajhfc:focus-visible{outline-offset:3px;outline:2px solid #fff}.contrast-picker-thumb.astro-qpfajhfc{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008}.contrast-hue.astro-qpfajhfc{appearance:none;background:0 0;width:calc(100% - 16px);height:44px;margin:8px;display:block}.contrast-hue.astro-qpfajhfc::-webkit-slider-runnable-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px}.contrast-hue.astro-qpfajhfc::-moz-range-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;height:12px}.contrast-hue.astro-qpfajhfc::-webkit-slider-thumb{appearance:none;background:#171717;border:2px solid #fff;border-radius:50%;width:20px;height:20px;margin-top:-4px}.contrast-hue.astro-qpfajhfc::-moz-range-thumb{background:#171717;border:2px solid #fff;border-radius:50%;width:16px;height:16px}.contrast-picker-hex.astro-qpfajhfc{font:18px/1.3 var(--font-ui);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:12px;display:grid}.contrast-picker-hex.astro-qpfajhfc input.astro-qpfajhfc{width:100%;min-width:0;height:44px;color:inherit;font:16px/1.3 var(--font-code);background:0 0;border:1px solid #777;border-radius:0;padding:10px}#contrast-error.astro-qpfajhfc{color:#ffba9e;font:16px/1.3 var(--font-ui);margin:0 0 12px}.contrast-picker-done.astro-qpfajhfc{background:var(--on-black);width:100%;color:var(--black)}@media (width<=700px){.contrast-layout.astro-qpfajhfc{grid-template-columns:minmax(0,1fr);gap:14px}.contrast-lead.astro-qpfajhfc{margin-bottom:12px;font-size:17px}.contrast-toolbar.astro-qpfajhfc{grid-template-columns:minmax(0,1fr) auto;margin-bottom:8px;display:grid}.contrast-actions.astro-qpfajhfc{display:contents}.contrast-report-head.astro-qpfajhfc{display:none}.contrast-report-rows.astro-qpfajhfc{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;display:grid}.contrast-report-rows.astro-qpfajhfc button{grid-template-columns:minmax(0,1fr) 54px;gap:4px 6px;font-size:16px}.contrast-report-rows.astro-qpfajhfc button>span:first-child{grid-column:1/-1}.contrast-report-rows.astro-qpfajhfc code{text-align:left;font-size:10px}.contrast-report-rows.astro-qpfajhfc .contrast-pass{font-size:15px}.contrast-colours.astro-qpfajhfc{gap:8px;margin-bottom:12px}.contrast-colours.astro-qpfajhfc button{gap:5px;font-size:14px}.contrast-colours.astro-qpfajhfc code{font-size:9px}.contrast-colours.astro-qpfajhfc .contrast-swatch{height:44px}.contrast-colours.astro-qpfajhfc[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}.contrast-canvas.astro-qpfajhfc{gap:10px;min-height:156px;padding:20px}.contrast-sample.astro-qpfajhfc .contrast-demo-heading.astro-qpfajhfc{font-size:28px}.contrast-sample.astro-qpfajhfc .contrast-demo-footer.astro-qpfajhfc{padding-inline:20px}.contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-card-page.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc{min-height:240px}.contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc{padding:20px}.contrast-gradient-card-page.astro-qpfajhfc,.contrast-gradient-card.astro-qpfajhfc{padding:16px}.contrast-overview.astro-qpfajhfc{font-size:21px}.contrast-picker-dialog.astro-qpfajhfc{width:auto;bottom:12px;right:12px;top:auto!important;left:12px!important}}.preview-check-colours.astro-etzfjr5x{min-height:44px;color:var(--chrome);font:16px/1.3 var(--font-ui);text-underline-offset:4px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.palette-preview.astro-etzfjr5x{--preview-bg:#f4f1e9;--preview-surface:#e4e4db;--preview-ink:#23352e;--preview-primary:#315f4c;--preview-accent:#bdcdb2;--preview-on-primary:#fff;--preview-on-surface:#23352e;--preview-gradient:linear-gradient(135deg, #b9d2b6, #315f4c);--preview-gradient-ink:#111;--preview-gradient-paper:#fff;--preview-gradient-scrim:transparent;--chrome:#fff;--chrome-inverse:#111;--preview-font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;left:var(--gutter);top:calc(var(--bar) + 58px + var(--sidebar-navigation-height,0px));z-index:9;width:calc(var(--rail) - var(--gutter) - 28px);color:var(--chrome);transform-origin:12% 100%;font-family:var(--font-ui);position:fixed}.palette-preview.astro-etzfjr5x[data-chrome=paper]{--chrome:#1c1c1a;--chrome-inverse:#fff}.palette-preview.astro-etzfjr5x .astro-etzfjr5x,.palette-preview.astro-etzfjr5x .astro-etzfjr5x:before,.palette-preview.astro-etzfjr5x .astro-etzfjr5x:after{box-sizing:border-box}.preview-heading.astro-etzfjr5x{grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin-bottom:6px;display:grid}.preview-dismiss.astro-etzfjr5x{min-width:32px;min-height:32px;color:inherit;font:22px/1 var(--font-ui);background:0 0;border:1px solid;grid-area:1/2/3;padding:0;position:relative}.preview-kicker.astro-etzfjr5x{white-space:nowrap;font:800 13px/1.2 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:5px;display:inline-flex}.preview-kicker.astro-etzfjr5x i.astro-etzfjr5x{background:#82bd93;border-radius:50%;width:5px;height:5px}.palette-preview.astro-etzfjr5x[data-hovering=true] .preview-kicker.astro-etzfjr5x i.astro-etzfjr5x{background:#d8a06b}#preview-name.astro-etzfjr5x{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:700 13px/1.2 var(--font-ui);opacity:.85;grid-area:2/1;margin:0;overflow:hidden}.preview-scene.astro-etzfjr5x{height:136px}.preview-window.astro-etzfjr5x{flex-direction:column;height:100%;padding:3px;display:flex;position:relative;overflow:hidden}.preview-frame.astro-etzfjr5x{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.preview-frame.astro-etzfjr5x path.astro-etzfjr5x{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-dasharray:1 1;stroke-linecap:round;stroke-linejoin:round;filter:url(#chalk)}.preview-frame-ghost.astro-etzfjr5x{opacity:.3}.sample-canvas.astro-etzfjr5x,.sample-action.astro-etzfjr5x,.sample-surface.astro-etzfjr5x,.sample-accent.astro-etzfjr5x i.astro-etzfjr5x{transition:background-color .24s,color .24s}.sample-canvas.astro-etzfjr5x{background:var(--preview-bg);min-height:0;color:var(--preview-ink);flex-direction:column;flex:1;justify-content:center;align-items:flex-start;gap:5px;padding:10px;display:flex}.sample-index.astro-etzfjr5x{font:700 8px/1.3 var(--preview-font);letter-spacing:.1em}.sample-type.astro-etzfjr5x{font:700 18px/1.12 var(--preview-font);letter-spacing:-.04em;display:block}.sample-type.astro-etzfjr5x span.astro-etzfjr5x{color:var(--preview-primary)}.sample-description.astro-etzfjr5x{font:400 10px/1.3 var(--preview-font);margin:0}.sample-action.astro-etzfjr5x{background:var(--preview-primary);min-height:25px;color:var(--preview-on-primary);font:600 10px/1.2 var(--preview-font);border-radius:2px;justify-content:space-between;align-items:center;gap:12px;padding:5px 8px;display:inline-flex}.sample-action.astro-etzfjr5x span.astro-etzfjr5x{font-size:12px}.sample-surface.astro-etzfjr5x{background:var(--preview-surface);height:26px;color:var(--preview-on-surface);font:600 10px/1.2 var(--preview-font);flex:none;justify-content:space-between;align-items:center;gap:5px;padding:5px 10px;display:flex}.sample-accent.astro-etzfjr5x{align-items:center;gap:5px;display:inline-flex}.sample-accent.astro-etzfjr5x i.astro-etzfjr5x{background:var(--preview-accent);border:1px solid #0002;width:11px;height:11px;display:block}.preview-controls.astro-etzfjr5x{flex:none;justify-content:flex-end;margin:0;display:flex}.preview-control-group.astro-etzfjr5x{gap:3px;display:flex}.preview-control-group.astro-etzfjr5x button.astro-etzfjr5x{border:1px solid var(--chrome);min-height:23px;color:inherit;cursor:pointer;font:700 12px/1.2 var(--font-ui);background:0 0;padding:0 7px}.preview-control-group.astro-etzfjr5x button.astro-etzfjr5x[aria-pressed=true]{background:var(--chrome);color:var(--chrome-inverse)}.preview-colours.astro-etzfjr5x{gap:4px;margin-top:8px;padding-inline:3px;display:flex}.preview-colours.astro-etzfjr5x button{border:1px solid color-mix(in srgb, var(--chrome) 30%, transparent);cursor:copy;border-radius:2px;flex:1;min-width:0;height:22px;padding:0;position:relative}.preview-colours.astro-etzfjr5x button:hover,.preview-colours.astro-etzfjr5x button[aria-pressed=true]{outline:2px solid var(--chrome);outline-offset:1px}.preview-colours.astro-etzfjr5x .is-locked:after{content:"●";color:#fff;text-shadow:0 1px 2px #000;font-size:8px;position:absolute;top:1px;right:2px}.preview-colours.astro-etzfjr5x .swatch-label{display:none}.preview-swatch-detail.astro-etzfjr5x{min-height:16px;font:11px/1.4 var(--preview-font);flex-wrap:wrap;justify-content:space-between;gap:3px 8px;margin:4px 0 6px;display:flex}.preview-swatch-detail.astro-etzfjr5x code.astro-etzfjr5x{font:10px/1.5 var(--font-code);opacity:.75}.preview-context.astro-etzfjr5x{font:11px/1.5 var(--preview-font);color:var(--chrome);opacity:.8;margin:9px 0 0}.preview-vision.astro-etzfjr5x{font:11px/1.4 var(--preview-font);margin-top:0;display:block}.preview-vision.astro-etzfjr5x select.astro-etzfjr5x{border:1px solid color-mix(in srgb, var(--chrome) 40%, transparent);width:100%;min-width:0;min-height:28px;color:var(--chrome);font:11px/1.3 var(--preview-font);cursor:pointer;background:0 0;border-radius:2px;padding:3px 5px}.palette-preview.astro-etzfjr5x[data-vision=protanopia] .astro-etzfjr5x:is(.preview-window,.preview-colours){filter:url(#cvd-protanopia)}.palette-preview.astro-etzfjr5x[data-vision=deuteranopia] .astro-etzfjr5x:is(.preview-window,.preview-colours){filter:url(#cvd-deuteranopia)}.palette-preview.astro-etzfjr5x[data-vision=tritanopia] .astro-etzfjr5x:is(.preview-window,.preview-colours){filter:url(#cvd-tritanopia)}.preview-footer.astro-etzfjr5x{justify-content:space-between;align-items:center;gap:6px;min-height:28px;margin-top:3px;display:flex}.preview-footer.astro-etzfjr5x .preview-context.astro-etzfjr5x{white-space:nowrap;margin:0;font-size:10px}.preview-report-toggle.astro-etzfjr5x{min-height:28px;color:var(--chrome);cursor:pointer;font:600 10px/1.4 var(--preview-font);opacity:.85;background:0 0;border:0;flex:none;margin:0;padding:4px 0;display:block}.preview-report-toggle.astro-etzfjr5x:hover{opacity:1;text-underline-offset:3px;text-decoration:underline}.preview-report.astro-etzfjr5x{height:100%;font:10px/1.3 var(--preview-font)}.preview-report.astro-etzfjr5x table{border-collapse:collapse;table-layout:fixed;width:100%;color:inherit;font:inherit}.preview-report.astro-etzfjr5x tr,.preview-report.astro-etzfjr5x p{color:var(--chrome)}.preview-report.astro-etzfjr5x caption{text-align:left;opacity:.75;padding-bottom:6px}.preview-report.astro-etzfjr5x th,.preview-report.astro-etzfjr5x td{border-bottom:1px solid color-mix(in srgb, var(--chrome) 20%, transparent);text-align:left;vertical-align:middle;font:inherit;padding:4px 3px}.preview-report.astro-etzfjr5x thead th{opacity:.65;font-size:9px}.preview-report.astro-etzfjr5x th:first-child{width:45%;padding-left:0}.preview-report.astro-etzfjr5x th:nth-child(2),.preview-report.astro-etzfjr5x td:nth-child(2){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;width:21%}.preview-report.astro-etzfjr5x th:last-child,.preview-report.astro-etzfjr5x td:last-child{text-align:right;width:34%;padding-right:0}.preview-report.astro-etzfjr5x tbody tr:last-child>*{border-bottom:0}.preview-report.astro-etzfjr5x p{font:9px/1.3 var(--preview-font);opacity:.7;margin:5px 0 0}.preview-selection-hint.astro-etzfjr5x,#palette-preview .preview-position{display:none}.preview-heading.astro-etzfjr5x,.preview-swatch-detail.astro-etzfjr5x,.preview-vision.astro-etzfjr5x,.preview-footer.astro-etzfjr5x,.preview-report.astro-etzfjr5x,.preview-controls.astro-etzfjr5x{color:var(--chrome)}.astro-etzfjr5x[hidden]{display:none!important}.palette-preview.astro-etzfjr5x.preview-docked{z-index:auto;grid-column:1/-1;width:min(320px,100%);margin:10px 0 0;display:block;position:relative;inset:auto}button.astro-etzfjr5x:focus-visible{outline-offset:2px;outline:2px solid #c5764b}.gradient-sample.astro-etzfjr5x,.palette-preview.astro-etzfjr5x[data-kind=gradient] .astro-etzfjr5x:is(.sample-canvas,.sample-surface){display:none}.palette-preview.astro-etzfjr5x[data-kind=gradient] .gradient-sample.astro-etzfjr5x{height:100%;font:10px/1.3 var(--preview-font);color:#222;background:#f4f1eb;display:block}.gradient-hero.astro-etzfjr5x,.gradient-card-page.astro-etzfjr5x,.gradient-accent-page.astro-etzfjr5x{height:100%;display:none}.palette-preview.astro-etzfjr5x[data-kind=gradient][data-gradient-mode=hero] .gradient-hero.astro-etzfjr5x,.palette-preview.astro-etzfjr5x[data-kind=gradient][data-gradient-mode=card] .gradient-card-page.astro-etzfjr5x,.palette-preview.astro-etzfjr5x[data-kind=gradient][data-gradient-mode=accent] .gradient-accent-page.astro-etzfjr5x{display:flex}.gradient-sample.astro-etzfjr5x strong.astro-etzfjr5x{font:700 18px/1.12 var(--preview-font);letter-spacing:-.04em}.gradient-sample.astro-etzfjr5x p.astro-etzfjr5x{font:inherit;margin:0}.gradient-eyebrow.astro-etzfjr5x{font:700 8px/1.2 var(--preview-font);letter-spacing:.12em}.gradient-hero.astro-etzfjr5x,.gradient-accent-page.astro-etzfjr5x{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:12px}.gradient-hero.astro-etzfjr5x,.gradient-feature-card.astro-etzfjr5x,.gradient-accent-action.astro-etzfjr5x{color:var(--preview-gradient-ink);background-image:linear-gradient(var(--preview-gradient-scrim), var(--preview-gradient-scrim)), var(--preview-gradient)}.gradient-solid-action.astro-etzfjr5x,.gradient-accent-action.astro-etzfjr5x{border-radius:3px;justify-content:space-between;align-items:center;gap:18px;min-height:27px;padding:6px 9px;font-weight:600;display:inline-flex}.gradient-solid-action.astro-etzfjr5x{background:var(--preview-gradient-ink);color:var(--preview-gradient-paper)}.gradient-card-page.astro-etzfjr5x{flex-direction:column;gap:6px;padding:9px}.gradient-page-heading.astro-etzfjr5x{justify-content:space-between;align-items:center;font-size:9px;display:flex}.gradient-feature-card.astro-etzfjr5x{border-radius:4px;flex-direction:column;flex:1;justify-content:space-between;min-height:0;padding:10px;display:flex}.gradient-feature-card.astro-etzfjr5x strong.astro-etzfjr5x{font-size:16px}.gradient-feature-card.astro-etzfjr5x p.astro-etzfjr5x{margin-top:3px;font-size:9px}.gradient-card-link.astro-etzfjr5x{justify-content:space-between;font-size:9px;font-weight:600;display:flex}.palette-preview.astro-etzfjr5x[data-kind=gradient] .preview-control-group.astro-etzfjr5x button.astro-etzfjr5x{min-height:28px;font:600 10px/1.2 var(--preview-font);padding:0 4px}@media (width<=900px){.palette-preview.astro-etzfjr5x,.preview-selection-hint.astro-etzfjr5x{display:none}.preview-colours.astro-etzfjr5x button{height:32px}.preview-dismiss.astro-etzfjr5x{min-width:44px;min-height:44px}.preview-swatch-detail.astro-etzfjr5x,.preview-context.astro-etzfjr5x,.preview-vision.astro-etzfjr5x,.preview-report-toggle.astro-etzfjr5x{font-size:12px}.preview-swatch-detail.astro-etzfjr5x code.astro-etzfjr5x{font-size:11px}.sample-type.astro-etzfjr5x{font-size:20px}.sample-description.astro-etzfjr5x{font-size:11px}.preview-vision.astro-etzfjr5x select.astro-etzfjr5x{min-height:36px;font-size:16px}.preview-report-toggle.astro-etzfjr5x{min-height:32px;font-size:11px}.preview-footer.astro-etzfjr5x,.palette-preview.astro-etzfjr5x[data-kind=gradient] .preview-control-group.astro-etzfjr5x button.astro-etzfjr5x{min-height:32px}.preview-footer.astro-etzfjr5x .preview-context.astro-etzfjr5x,.preview-report.astro-etzfjr5x{font-size:11px}.preview-report.astro-etzfjr5x thead th{font-size:10px}html.tool-view .palette-preview.astro-etzfjr5x{z-index:auto;width:min(320px, calc(100% - 2 * var(--gutter)));margin:0 var(--gutter) 24px;display:block;position:relative;inset:auto}}.search.astro-av774hkb{--search-bg:#fff;--search-ink:#111;--search-muted:#727272;--search-line:#e5e2dc;top:32px;right:var(--gutter);z-index:40;width:min(380px,100% - 48px);color:var(--search-ink);background:var(--search-bg);color-scheme:light;border:2px solid #111;position:fixed;box-shadow:5px 5px #111,5px 5px 0 2px #fff}form.astro-av774hkb{align-items:center;gap:10px;min-height:44px;padding:0 14px;display:flex}.search.astro-av774hkb:focus-within{outline-offset:4px;outline:2px solid #fff}input.astro-av774hkb{width:100%;min-width:0;color:inherit;font:20px/1.4 var(--font-ui);background:0 0;border:0;outline:none;padding:10px 0}input.astro-av774hkb:focus-visible{outline:none}input.astro-av774hkb::placeholder{color:var(--search-muted);opacity:1}input.astro-av774hkb::-webkit-search-cancel-button{display:none}button.astro-av774hkb{color:inherit;font:inherit;background:0 0;border:0}form.astro-av774hkb button.astro-av774hkb{flex:none;min-width:28px;min-height:28px;padding:0}#search-clear.astro-av774hkb{color:var(--search-muted);font-size:20px}#search-clear.astro-av774hkb:hover{color:var(--search-ink)}kbd.astro-av774hkb{text-align:center;border:1px solid;flex:none;min-width:22px;padding:2px 5px;font:11px/1.2 ui-monospace,Menlo,monospace}#search-submit.astro-av774hkb{color:#fff;background:#111;border:1px solid #111;font:20px/1 ui-monospace,Menlo,monospace;display:none}#search-submit.astro-av774hkb:hover{color:#111;background:#fff}.search.astro-av774hkb.has-query kbd.astro-av774hkb,.search.astro-av774hkb.has-query .shortcut-key{display:none}.search.astro-av774hkb.has-query #search-submit.astro-av774hkb{display:block}.astro-av774hkb[hidden]{display:none!important}.search-popover.astro-av774hkb{background:var(--search-bg);color:var(--search-ink);overscroll-behavior:contain;border:2px solid #111;max-height:min(520px,100dvh - 110px);position:absolute;top:calc(100% + 8px);left:-2px;right:-2px;overflow-y:auto;box-shadow:5px 5px #111,5px 5px 0 2px #fff}.search-popover-heading.astro-av774hkb{border-bottom:1px solid var(--search-line);color:#555;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:6px 14px;font:700 10px/1.4 ui-monospace,Menlo,monospace;display:flex}.search-popover-heading.astro-av774hkb button.astro-av774hkb{min-height:24px;color:var(--search-muted);text-underline-offset:3px;font:10px ui-monospace,monospace;text-decoration:underline}ul.astro-av774hkb{margin:0;padding:0;list-style:none}ul.astro-av774hkb li{border-bottom:1px solid var(--search-line);cursor:pointer;align-items:center;gap:10px;min-height:42px;padding:9px 14px;font:12px/1.5 ui-monospace,Menlo,monospace;display:flex}ul.astro-av774hkb li:hover{background:#f3f1ed}ul.astro-av774hkb li:has([aria-selected=true]){color:#fff;background:#111}ul.astro-av774hkb [role=option]{flex:1;align-items:center;gap:10px;min-width:0;display:flex}ul.astro-av774hkb .recent-remove{border:1px solid;border-radius:2px;flex:none;width:32px;height:32px;padding:0;font-size:20px}ul.astro-av774hkb i{border:1px solid #8887;flex:none;width:15px;height:15px}#search-results-link.astro-av774hkb{color:#111;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:10px 14px;font:700 11px/1.5 ui-monospace,monospace;display:flex}#search-results-link.astro-av774hkb:hover{background:#f3f1ed}html.tool-view .search.astro-av774hkb{display:none}@media (width<=900px){.search.astro-av774hkb{width:auto;top:52px;left:24px;right:24px}form.astro-av774hkb{gap:6px;padding-inline:12px}form.astro-av774hkb button.astro-av774hkb{min-width:30px;min-height:30px}input.astro-av774hkb{padding-block:8px}kbd.astro-av774hkb{display:none}.search-popover.astro-av774hkb{max-height:calc(100dvh - 125px)}.shortcut-key kbd.astro-av774hkb{display:inline-block}}@media (width<=600px){.search.astro-av774hkb{top:88px}.search-popover.astro-av774hkb{max-height:calc(100dvh - 161px)}}.palette-reveal.astro-nllpdzy4{container-type:inline-size}.demo-canvas.astro-nllpdzy4{background:var(--demo-bg);color:var(--demo-ink);border-radius:2px;padding:18px;position:relative;overflow:hidden}.astro-nllpdzy4[data-demo-kind=gradients] .demo-canvas.astro-nllpdzy4{background:linear-gradient(var(--demo-scrim), var(--demo-scrim)), var(--demo-blend-fallback)}@supports (background:linear-gradient(90deg in oklab, red, blue)){.astro-nllpdzy4[data-demo-kind=gradients] .demo-canvas.astro-nllpdzy4{background:linear-gradient(var(--demo-scrim), var(--demo-scrim)), var(--demo-blend)}}.demo-composition.astro-nllpdzy4{grid-template-columns:minmax(0,1fr) 90px;align-items:center;gap:20px;min-height:124px;display:grid}.demo-copy.astro-nllpdzy4{min-width:0;color:var(--demo-ink);position:relative}strong.astro-nllpdzy4{font:700 clamp(28px, 8cqi, 36px)/1.05 var(--font-ui);letter-spacing:-.025em;display:block}.demo-art.astro-nllpdzy4{width:90px;height:90px;position:relative}.demo-surface.astro-nllpdzy4{background:var(--demo-surface);border-radius:2px;width:78px;height:64px;position:absolute;bottom:0;left:0}.demo-accent.astro-nllpdzy4{background:var(--demo-accent);border-radius:2px;width:38px;height:30px;position:absolute;top:6px;right:0}.demo-primary.astro-nllpdzy4{background:var(--demo-primary);color:var(--demo-on-primary);font:16px/1.2 var(--font-ui);border-radius:2px;align-items:center;gap:16px;margin-top:14px;padding:8px 12px;display:inline-flex}.demo-arrow.astro-nllpdzy4{width:16px;height:16px;display:block}path.astro-nllpdzy4{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.demo-footer.astro-nllpdzy4{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.demo-name.astro-nllpdzy4{text-overflow:ellipsis;white-space:nowrap;color:#fffc;min-width:0;font:16px/1.3 var(--font-ui);overflow:hidden}.demo-roles.astro-nllpdzy4{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.demo-types.astro-nllpdzy4{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-roles.astro-nllpdzy4 button.astro-nllpdzy4{color:#fffc;min-width:0;min-height:56px;font:14px/1.1 var(--font-ui);background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:4px 0;display:flex}.demo-dot.astro-nllpdzy4{background:var(--dot-colour);border:1px solid #ffffff40;border-radius:2px;width:100%;height:26px;display:block}.demo-roles.astro-nllpdzy4 button.astro-nllpdzy4[aria-pressed=true]{color:#fff;text-underline-offset:4px;text-decoration:underline}.demo-roles.astro-nllpdzy4 button.astro-nllpdzy4[aria-pressed=true] .demo-dot.astro-nllpdzy4{outline-offset:3px;outline:1px solid #fff}.demo-roles.astro-nllpdzy4 button.astro-nllpdzy4:hover .demo-dot.astro-nllpdzy4{border-color:#fff}.demo-role-note.astro-nllpdzy4{color:#ffffffa8;min-height:1.4em;font:14px/1.4 var(--font-ui);margin:8px 0}.palette-reveal.astro-nllpdzy4[data-active-role=background] .demo-canvas.astro-nllpdzy4{outline:2px solid var(--demo-ink);outline-offset:-6px}.palette-reveal.astro-nllpdzy4[data-active-role=surface] .demo-surface.astro-nllpdzy4,.palette-reveal.astro-nllpdzy4[data-active-role=primary] .demo-primary.astro-nllpdzy4,.palette-reveal.astro-nllpdzy4[data-active-role=accent] .demo-accent.astro-nllpdzy4{outline:2px solid var(--demo-ink);outline-offset:3px}.palette-reveal.astro-nllpdzy4[data-active-role=text] .demo-copy.astro-nllpdzy4 strong.astro-nllpdzy4{text-underline-offset:5px;text-decoration:underline 1px}button.astro-nllpdzy4:focus-visible{outline-offset:3px;outline:2px solid #fff}.sr-only.astro-nllpdzy4{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=360px){.demo-canvas.astro-nllpdzy4{padding:14px}.demo-composition.astro-nllpdzy4{grid-template-columns:minmax(0,1fr) 64px;gap:12px}.demo-art.astro-nllpdzy4{width:64px;height:68px}.demo-surface.astro-nllpdzy4{width:58px;height:48px}.demo-accent.astro-nllpdzy4{width:30px;height:24px}.demo-roles.astro-nllpdzy4{gap:6px}.demo-roles.astro-nllpdzy4 button.astro-nllpdzy4{font-size:12px}}@media (width>=701px) and (width<=900px){.demo-canvas.astro-nllpdzy4{padding:12px}.demo-composition.astro-nllpdzy4{min-height:112px}.demo-role-note.astro-nllpdzy4{margin-block:4px}}.browse-sketch.astro-njdjtmus{max-width:640px;margin:0;display:grid}.astro-njdjtmus[data-sketch-kind]{grid-area:1/1}.astro-njdjtmus[data-sketch-kind=gradients],html[data-browse-kind=gradients] .astro-njdjtmus[data-sketch-kind=palettes]{visibility:hidden}html[data-browse-kind=gradients] .astro-njdjtmus[data-sketch-kind=gradients]{visibility:visible}html.tool-view .browse-sketch.astro-njdjtmus{display:none}.browse-notes.astro-taa5jsfj{min-width:0;padding-top:12px}.scroll-note.astro-taa5jsfj{bottom:24px;right:var(--gutter);color:#ffffffe0;width:220px;text-decoration:none;display:block;position:absolute}.scroll-note.astro-taa5jsfj span.astro-taa5jsfj{font:24px/1.2 var(--font-ui);display:block;rotate:-5deg}.scroll-note.astro-taa5jsfj svg.astro-taa5jsfj{width:200px;height:var(--scroll-arrow-height,72px);display:block;overflow:visible}.scroll-note.astro-taa5jsfj path.astro-taa5jsfj{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:url(#chalk)}.scroll-note.astro-taa5jsfj .arrow-ghost.astro-taa5jsfj{opacity:.3;stroke-width:1.2px}.scroll-note.astro-taa5jsfj:hover{color:#fff;text-decoration:none}@media (hover:hover) and (prefers-reduced-motion:no-preference){.scroll-note.astro-taa5jsfj:hover svg.astro-taa5jsfj{animation:.22s ease-out scroll-arrow-nudge}}@keyframes scroll-arrow-nudge{50%{translate:0 4px}}h2.astro-taa5jsfj{font:700 clamp(26px, 2.1vw, 32px)/1.1 var(--font-heading);margin:0 0 8px}.how-it-works.astro-taa5jsfj summary.astro-taa5jsfj{cursor:pointer;min-height:44px;font:700 19px/1.4 var(--font-ui);padding:8px 0;display:none}.role-intro.astro-taa5jsfj{color:#fffc;font:17px/1.4 var(--font-ui);margin:0 0 16px}.selection-help.astro-taa5jsfj{max-width:38ch;font:22px/1.4 var(--font-ui);margin:0 0 20px}.keyboard-notes.astro-taa5jsfj{color:#fffc;border-top:1px solid #ffffff59;flex-wrap:wrap;gap:6px 16px;margin:0;padding:10px 0 0;list-style:none;display:flex}.keyboard-notes.astro-taa5jsfj li.astro-taa5jsfj{font:15px/1.4 var(--font-ui);align-items:center;gap:6px;display:flex}kbd.astro-taa5jsfj{color:#fff;text-align:center;min-width:22px;font:700 11px/1.3 var(--font-code);border:1px solid;padding:2px 5px;display:inline-block}@media (width>=901px){.selection-help.astro-taa5jsfj{display:none}}@media (width<=900px){.scroll-note.astro-taa5jsfj{display:none}.browse-notes.astro-taa5jsfj{border-top:1px solid #ffffff59;padding-top:24px}.keyboard-notes.astro-taa5jsfj{gap:4px 16px;padding-top:8px}.browse-notes.astro-taa5jsfj:has(.how-it-works[open]) .selection-help.astro-taa5jsfj{display:none}.how-it-works.astro-taa5jsfj summary.astro-taa5jsfj{display:list-item}.how-it-works.astro-taa5jsfj[open] summary.astro-taa5jsfj{margin-bottom:10px}h2.astro-taa5jsfj{font-size:30px}.role-intro.astro-taa5jsfj{margin-bottom:8px;font-size:18px}.selection-help.astro-taa5jsfj{font-size:19px}}@media (width>=701px) and (width<=900px){.browse-notes.astro-taa5jsfj{border-top:0;padding-top:0}h2.astro-taa5jsfj{font-size:28px}}@media (width<=360px){h2.astro-taa5jsfj{min-height:2.2em}}.astro-kjnm3dtt[hidden]{display:none!important}.colour-challenge.astro-kjnm3dtt{flex:none;align-items:center;display:flex}.challenge-invite.astro-kjnm3dtt{min-height:44px;color:inherit;font:18px/1.3 var(--font-ui);background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;display:inline-flex}.challenge-invite.astro-kjnm3dtt:hover>span.astro-kjnm3dtt:nth-child(2){text-underline-offset:5px;text-decoration:underline}.invite-arrow.astro-kjnm3dtt{opacity:.65}.chalk-dot.astro-kjnm3dtt{background:#ce8778;border:1.5px solid;border-radius:47% 53% 44% 56%;width:17px;height:17px;animation:12s ease-in-out 3 chalk-dot-wiggle;box-shadow:inset 0 0 0 2px #0008}@keyframes chalk-dot-wiggle{0%,36%,44%,to{transform:rotate(0)}38%,42%{transform:rotate(-16deg)scale(1.1)}40%{transform:rotate(16deg)scale(1.1)}}.invite-status.astro-kjnm3dtt{font:16px/1.3 var(--font-ui);display:block}.invite-status.astro-kjnm3dtt:empty{display:none}.challenge-dialog.astro-kjnm3dtt{overscroll-behavior:contain;color:#242321;width:min(480px,100vw - 40px);max-width:none;max-height:calc(100dvh - 40px);font:18px/1.4 var(--font-ui);background:#fffefc;border:2px solid #242321;border-radius:0;margin:auto;padding:26px;overflow-y:auto;box-shadow:7px 7px #242321}.challenge-dialog.astro-kjnm3dtt::backdrop{background:#0009}.challenge-heading.astro-kjnm3dtt{z-index:1;background:#fffefc;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:sticky;top:0}.challenge-kicker.astro-kjnm3dtt{margin:0 0 4px;font-size:16px}h2.astro-kjnm3dtt{font:700 38px/1.1 var(--font-heading);margin:0}.challenge-close.astro-kjnm3dtt{width:44px;min-height:48px;color:inherit;background:0 0;border:0;flex:none;align-content:center;justify-items:center;gap:2px;margin:-8px -12px 0 0;font-size:26px;line-height:1;display:grid}kbd.astro-kjnm3dtt{text-align:center;min-width:22px;font:11px/1.2 var(--font-code);border:1px solid;flex:none;padding:3px 5px;text-decoration:none;display:inline-block}kbd.astro-kjnm3dtt[data-shortcut-flash]{color:#fffefc!important;background:#242321!important}.challenge-primary.astro-kjnm3dtt kbd.astro-kjnm3dtt[data-shortcut-flash]{color:#242321!important;background:#fffefc!important}.challenge-keys.astro-kjnm3dtt{align-items:center;gap:8px;display:flex}.challenge-arrows.astro-kjnm3dtt{display:inline-flex}.challenge-arrows.astro-kjnm3dtt button.astro-kjnm3dtt{width:44px;height:36px;color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.challenge-arrows.astro-kjnm3dtt button.astro-kjnm3dtt:hover kbd.astro-kjnm3dtt{background:#24232110}.challenge-faster.astro-kjnm3dtt{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.challenge-date.astro-kjnm3dtt{color:#645e55;margin:10px 0 0;font-size:15px}.challenge-instruction.astro-kjnm3dtt{min-height:2.8em;margin:16px 0;font-size:19px}.memory-swatch.astro-kjnm3dtt{border:2px solid #242321;height:clamp(120px,24vh,180px)}.memory-countdown.astro-kjnm3dtt{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.astro-kjnm3dtt[data-challenge-countdown]{font:700 25px/1 var(--font-heading)}form.astro-kjnm3dtt label.astro-kjnm3dtt{margin:18px 0 8px;display:block}input.astro-kjnm3dtt[type=range]{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;height:44px;margin:0;padding:0;display:block}input.astro-kjnm3dtt[type=range]::-webkit-slider-runnable-track{background:var(--challenge-spectrum);border:1px solid #242321;border-radius:0;height:20px}input.astro-kjnm3dtt[type=range]::-moz-range-track{background:var(--challenge-spectrum);border:1px solid #242321;border-radius:0;height:20px}input.astro-kjnm3dtt[type=range]::-webkit-slider-thumb{appearance:none;background:#fffefc;border:2px solid #242321;border-radius:2px;width:18px;height:34px;margin-top:-8px;box-shadow:2px 2px #242321}input.astro-kjnm3dtt[type=range]::-moz-range-thumb{background:#fffefc;border:2px solid #242321;border-radius:2px;width:14px;height:30px;box-shadow:2px 2px #242321}.challenge-help.astro-kjnm3dtt{color:#645e55;margin:6px 0 18px;font-size:16px}.challenge-primary.astro-kjnm3dtt{color:#fffefc;width:calc(100% - 4px);min-height:48px;font:700 20px/1.25 var(--font-ui);transition:translate var(--button-press-duration,.1s) ease-out, box-shadow var(--button-press-duration,.1s) ease-out, background-color .1s ease-out;background:#242321;border:2px solid #242321;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;box-shadow:4px 4px #c8b9a0}.challenge-primary.astro-kjnm3dtt:hover{background:#3a3834}.challenge-primary.astro-kjnm3dtt:active:not(:disabled){translate:var(--button-press-shift,2px) var(--button-press-shift,2px);box-shadow:2px 2px #c8b9a0}.challenge-secondary.astro-kjnm3dtt{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:12px 0 2px;display:flex}.challenge-secondary.astro-kjnm3dtt button.astro-kjnm3dtt{min-height:44px;color:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.challenge-secondary.astro-kjnm3dtt button.astro-kjnm3dtt:hover{text-underline-offset:4px;text-decoration:underline}button.astro-kjnm3dtt:disabled{opacity:.5;cursor:default}.match-score.astro-kjnm3dtt{font:700 58px/1 var(--font-heading)}.match-score.astro-kjnm3dtt:focus{outline:none}.match-score.astro-kjnm3dtt small.astro-kjnm3dtt{font:18px/1 var(--font-ui)}.match-reaction.astro-kjnm3dtt{margin:8px 0 16px;font-size:20px}.match-pair.astro-kjnm3dtt{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 20px;display:grid}figure.astro-kjnm3dtt{min-width:0;margin:0}figure.astro-kjnm3dtt>div.astro-kjnm3dtt{border:1px solid #242321;height:clamp(72px,15vh,104px)}figcaption.astro-kjnm3dtt{padding-top:6px;font-size:17px}code.astro-kjnm3dtt{color:#645e55;font:11px/1.4 var(--font-code);margin-top:2px;display:block}.rival-result.astro-kjnm3dtt{margin:-4px 0 18px}.challenge-status.astro-kjnm3dtt{margin:8px 0 0;font-size:16px}.challenge-status.astro-kjnm3dtt:empty{display:none}.manual-link.astro-kjnm3dtt label.astro-kjnm3dtt{font-size:16px;display:block}.manual-link.astro-kjnm3dtt input.astro-kjnm3dtt{color:#242321;width:100%;min-height:44px;font:13px var(--font-code);background:#fff;border:1px solid #242321;padding:8px}@media (width<=900px){.challenge-invite.astro-kjnm3dtt{min-height:32px;margin-block:-7px;padding:0}}@media (width<=600px){.challenge-invite.astro-kjnm3dtt{gap:6px;font-size:16px}.chalk-dot.astro-kjnm3dtt{width:13px;height:13px}.invite-arrow.astro-kjnm3dtt{display:none}.challenge-dialog.astro-kjnm3dtt{width:100%;max-height:calc(100dvh - 16px);padding:22px 24px max(22px, env(safe-area-inset-bottom));border-inline:0;box-shadow:none;border-bottom:0;margin:auto 0 0}h2.astro-kjnm3dtt{font-size:34px}}@media (prefers-reduced-motion:reduce){.chalk-dot.astro-kjnm3dtt{animation:none}}#tool-loading.astro-ge2uvauf{top:calc(var(--bar) + 8px);left:var(--rail);z-index:30;max-width:calc(100vw - var(--rail) - var(--gutter));background:var(--black);color:var(--on-black);margin:0;padding:6px 10px;font-size:14px;position:fixed}@media (width<=900px){#tool-loading.astro-ge2uvauf{left:var(--gutter)}}.astro-ge2uvauf[hidden]{display:none!important}.bar.astro-ge2uvauf{height:var(--bar);padding:0 var(--gutter);background:var(--black);color:var(--on-black);justify-content:space-between;align-items:center;transition:background-color .4s,color .4s;display:flex}.bar-brand.astro-ge2uvauf{flex-wrap:wrap;align-items:center;gap:0 clamp(12px,2.4vw,36px);max-width:calc(100% - 410px);display:flex}.logo.astro-ge2uvauf{align-items:center;gap:10px;line-height:18px;display:inline-flex}.logo.astro-ge2uvauf img.astro-ge2uvauf{flex:none;width:32px;height:32px}.logo.astro-ge2uvauf span.astro-ge2uvauf{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:700}.hero.astro-ge2uvauf{min-height:clamp(560px, calc(100svh - var(--bar) - 120px), 780px);background:var(--black);color:var(--on-black);transition:background-color .4s,color .4s;position:relative}.board.astro-ge2uvauf{max-width:1800px;padding:42px var(--gutter) 56px var(--rail)}.browse-intro.astro-ge2uvauf{grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);align-items:start;gap:clamp(40px,5vw,96px);display:grid}.intro-copy.astro-ge2uvauf{min-width:0}.intro-eyebrow.astro-ge2uvauf{font:18px/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}#hero-title.astro-ge2uvauf{font:700 clamp(52px, 5.4vw, 90px)/1.02 var(--font-heading);letter-spacing:-.03em;margin:0}#hero-title.astro-ge2uvauf span.astro-ge2uvauf{display:block}.intro-description.astro-ge2uvauf{font:23px/1.4 var(--font-ui);margin:20px 0 22px}.intro-actions.astro-ge2uvauf{align-items:center;width:min(100%,440px);min-height:76px;display:flex;position:relative}.chrome-install.astro-ge2uvauf{min-height:44px;font:18px/1.3 var(--font-ui);white-space:nowrap;border:1px solid;flex:none;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.chrome-install.astro-ge2uvauf img.astro-ge2uvauf{flex:none}.chrome-install.astro-ge2uvauf:hover{background:#ffffff1a}.browse-start.astro-ge2uvauf{min-height:48px;color:inherit;font:700 20px/1.3 var(--font-ui);transition:translate var(--button-press-duration,.1s) ease-out, box-shadow var(--button-press-duration,.1s) ease-out, background-color .1s ease-out;background:0 0;border:2px solid;align-items:center;gap:24px;padding:8px 18px;display:inline-flex;box-shadow:3px 3px}.browse-start.astro-ge2uvauf:hover{translate:var(--button-hover-shift,1px) var(--button-hover-shift,1px);box-shadow:2px 2px}.browse-start.astro-ge2uvauf:active:not(:disabled){translate:var(--button-press-shift,2px) var(--button-press-shift,2px);box-shadow:1px 1px}.catalogue-count.astro-ge2uvauf{font:17px/1.5 var(--font-ui);color:var(--dim);margin:12px 0 0}.featured-palette.astro-ge2uvauf{width:min(100%,400px);color:inherit;text-align:left;background:0 0;border:0;margin-top:24px;padding:0;display:block}.featured-colours.astro-ge2uvauf{border:1px solid;height:56px;padding:3px;display:flex}.featured-colours.astro-ge2uvauf span{flex:1;min-width:0}.featured-label.astro-ge2uvauf{font:18px/1.4 var(--font-ui);align-items:baseline;gap:6px;padding-top:8px;display:flex}.featured-label.astro-ge2uvauf>span.astro-ge2uvauf:last-child{margin-left:auto}.featured-palette.astro-ge2uvauf:hover .featured-label.astro-ge2uvauf{text-underline-offset:4px;text-decoration:underline}.featured-name.astro-ge2uvauf{color:var(--dim);font:16px/1.4 var(--font-ui);margin-top:2px;display:block}.note-stamp.astro-ge2uvauf{color:#fff;user-select:none;pointer-events:none;width:132px;height:132px;position:absolute;top:50%;right:0;translate:0 -50%;rotate:-6deg}.note-stamp.astro-ge2uvauf svg.astro-ge2uvauf{width:100%;height:100%;display:block;overflow:visible}.note-stamp.astro-ge2uvauf .stamp-title.astro-ge2uvauf,.note-stamp.astro-ge2uvauf .stamp-arc-top-text.astro-ge2uvauf,.note-stamp.astro-ge2uvauf .stamp-arc-bot-text.astro-ge2uvauf{font-family:var(--font-ui);fill:currentColor;text-shadow:0 0 1px #ffffff73;font-weight:700}.note-stamp.astro-ge2uvauf .stamp-title.astro-ge2uvauf{letter-spacing:.025em;font-size:12px}.note-stamp.astro-ge2uvauf .stamp-arc-top-text.astro-ge2uvauf,.note-stamp.astro-ge2uvauf .stamp-arc-bot-text.astro-ge2uvauf{letter-spacing:.06em;font-size:8.4px}.sidebar.astro-ge2uvauf{display:contents}.rail.astro-ge2uvauf{left:var(--gutter);top:calc(var(--bar) + 42px);max-height:calc(100dvh - var(--bar) - 58px - var(--sidebar-preview-space,0px));z-index:10;width:calc(var(--rail) - var(--gutter) - 28px);scrollbar-width:none;color:#fff;mix-blend-mode:difference;position:fixed;overflow-y:auto}.rail.astro-ge2uvauf::-webkit-scrollbar{display:none}.rail-section.astro-ge2uvauf+.rail-section.astro-ge2uvauf{margin-top:16px}.rail-kicker.astro-ge2uvauf,.rail.astro-ge2uvauf summary.astro-ge2uvauf{font:700 16px/1.4 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}.rail.astro-ge2uvauf summary.astro-ge2uvauf{cursor:pointer;padding-block:4px}.collection-current.astro-ge2uvauf{display:none}.rail.astro-ge2uvauf a.astro-ge2uvauf,.rail.astro-ge2uvauf button.astro-ge2uvauf{width:fit-content;max-width:100%;color:inherit;font:400 18px/25px var(--font-ui);text-align:left;background:0 0;border:0;padding:3px 0;display:block;position:relative}.rail.astro-ge2uvauf .rail-kicker.astro-ge2uvauf{font:700 16px/1.4 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px}.rail.astro-ge2uvauf .preview-restore.astro-ge2uvauf{margin-top:16px}.rail.astro-ge2uvauf .tools-preview-return.astro-ge2uvauf{opacity:.75;min-height:44px;margin-top:8px;font-size:16px}.rail.astro-ge2uvauf .tools-preview-return.astro-ge2uvauf[hidden]{display:none}.rail-editorial.astro-ge2uvauf a.astro-ge2uvauf span.astro-ge2uvauf{margin-left:3px;font-size:.8em;display:inline-block}.preview-restore.astro-ge2uvauf span.astro-ge2uvauf{margin-left:8px}.rail.astro-ge2uvauf a.astro-ge2uvauf:after,.rail.astro-ge2uvauf button.astro-ge2uvauf:after{content:"";transform-origin:0;width:100%;height:1px;transition:scale .35s var(--ease);background:currentColor;position:absolute;bottom:3px;left:0;scale:0 1}.rail.astro-ge2uvauf .astro-ge2uvauf:is(a,button):hover:after,.rail.astro-ge2uvauf .on.astro-ge2uvauf:after{scale:1}.browse-kinds.astro-ge2uvauf{gap:14px;margin-bottom:4px;display:flex}.rail.astro-ge2uvauf .sub.astro-ge2uvauf{font:400 18px/25px var(--font-ui)}.rail.astro-ge2uvauf .browse-kinds.astro-ge2uvauf .sub.astro-ge2uvauf{align-items:center;gap:6px;display:flex}.rail.astro-ge2uvauf .browse-kinds.astro-ge2uvauf .sub.astro-ge2uvauf:before{content:"";background:0 0;border:1px solid;border-radius:50%;width:6px;height:6px}.rail.astro-ge2uvauf .browse-kinds.astro-ge2uvauf .sub.astro-ge2uvauf.on:before{background:currentColor}.rail.astro-ge2uvauf .browse-kinds.astro-ge2uvauf .sub.astro-ge2uvauf:after{display:none}.rail.astro-ge2uvauf .shuffle-palettes.astro-ge2uvauf{align-items:center;gap:7px;display:inline-flex}.rail.astro-ge2uvauf .astro-ge2uvauf[data-view=saved]{align-items:center;gap:8px;margin-top:4px;font-weight:700;display:flex}.rail.astro-ge2uvauf .astro-ge2uvauf[data-view=saved]:after{display:none}.saved-nav-label.astro-ge2uvauf{text-underline-offset:5px;text-decoration:underline 1px}.saved-nav-count.astro-ge2uvauf{min-width:27px;height:23px;font:700 12px/1 var(--font-code);border:1px solid;place-items:center;padding:2px 5px;display:inline-grid}.rail.astro-ge2uvauf .astro-ge2uvauf[data-view=saved].on .saved-nav-label.astro-ge2uvauf{text-decoration-thickness:2px}.rail.astro-ge2uvauf .astro-ge2uvauf[data-view=saved].on .saved-nav-count.astro-ge2uvauf{color:#000;background:#fff}.shuffle-palettes.astro-ge2uvauf:disabled{opacity:.4;cursor:not-allowed}.shuffle-palettes.astro-ge2uvauf svg.astro-ge2uvauf{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.jobs.astro-ge2uvauf{border-left:1px solid #ffffff59;padding-left:10px}.jobs-scroll.astro-ge2uvauf{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff59 transparent;max-height:clamp(72px,100dvh - 790px,110px);overflow-y:auto}.collections-hint.astro-ge2uvauf{font:15px/1.4 var(--font-ui);margin:6px 0 0}html[data-view=saved] .hero.astro-ge2uvauf{height:0;min-height:0}html[data-view=saved] .board.astro-ge2uvauf{display:none}html[data-view=saved] .content{padding-top:32px}html.tool-view{overflow:hidden}html.tool-view body{background:var(--black);height:100dvh;overflow:hidden}html.tool-view .rail.astro-ge2uvauf .shuffle-palettes.astro-ge2uvauf,html.tool-view .browse-intro.astro-ge2uvauf,html.tool-view .content{display:none}html.tool-view .hero.astro-ge2uvauf{min-height:0;height:calc(100dvh - var(--bar))}html.tool-view .board.astro-ge2uvauf{max-width:1050px;max-height:calc(100dvh - var(--bar) - clamp(24px, 7vh, 72px) - 24px);scrollbar-width:thin;padding:6px;position:absolute;top:clamp(24px,7vh,72px);left:max(320px,26%);right:6%;overflow:auto}html[data-view=color].has-cards{overflow:auto}html[data-view=color].has-cards body{background:var(--bg);height:auto;overflow:visible}html[data-view=color].has-cards .content{display:block}html.search-active[data-view=browse] .hero.astro-ge2uvauf{height:0;min-height:0}html.search-active[data-view=browse] .board.astro-ge2uvauf{display:none}@media (width<=1100px){.intro-actions.astro-ge2uvauf{width:min(100%,400px)}.note-stamp.astro-ge2uvauf{width:108px;height:108px}.browse-start.astro-ge2uvauf{gap:16px;padding-inline:14px;font-size:18px}}@media (width>=901px) and (width<=1100px){.note-stamp.astro-ge2uvauf{display:none}#hero-title.astro-ge2uvauf{font-size:clamp(42px,4.6vw,50px)}}@media (width<=900px){.bar-brand.astro-ge2uvauf{gap:0 16px;width:100%;max-width:none}.chrome-install.astro-ge2uvauf{min-height:32px;margin-block:-7px;padding:4px 8px;font-size:16px}.chrome-install.astro-ge2uvauf img.astro-ge2uvauf{width:20px;height:20px}.chrome-arrow.astro-ge2uvauf{display:none}.logo.astro-ge2uvauf{gap:8px}.logo.astro-ge2uvauf img.astro-ge2uvauf{width:24px;height:24px}.logo.astro-ge2uvauf span.astro-ge2uvauf{letter-spacing:.1em;font-size:12px}.sidebar.astro-ge2uvauf{width:100%;max-height:none;display:block;position:static}html[data-view=saved],html[data-view=browse]{--bar:108px}html[data-view=saved] .bar.astro-ge2uvauf,html[data-view=browse] .bar.astro-ge2uvauf{align-items:flex-start;padding-top:18px}.rail.astro-ge2uvauf{width:auto;max-height:none;padding:4px var(--gutter);background:var(--black);color:var(--on-black);mix-blend-mode:normal;flex-wrap:wrap;align-items:center;gap:0 12px;display:flex;position:relative;top:auto;left:auto;overflow:visible}.rail-browse.astro-ge2uvauf{display:contents}.rail.astro-ge2uvauf .rail-kicker.astro-ge2uvauf{font:400 18px/25px var(--font-ui);letter-spacing:0;text-transform:none;margin:0}.rail.astro-ge2uvauf a.astro-ge2uvauf,.rail.astro-ge2uvauf button.astro-ge2uvauf{min-height:36px}.browse-kinds.astro-ge2uvauf{gap:14px;margin:0}.rail-section.astro-ge2uvauf+.rail-section.astro-ge2uvauf{margin-top:0}.rail.astro-ge2uvauf summary.astro-ge2uvauf{min-height:36px;margin:0;padding-block:11px}.rail-collections.astro-ge2uvauf[open],.rail-tools.astro-ge2uvauf[open]{flex-basis:100%}.collection-current.astro-ge2uvauf{display:none}.jobs.astro-ge2uvauf{margin-bottom:4px}.jobs-scroll.astro-ge2uvauf{max-height:180px}.collections-hint.astro-ge2uvauf{margin-bottom:12px}.rail-tool-actions.astro-ge2uvauf{flex-wrap:wrap;gap:0 16px;display:flex}.hero.astro-ge2uvauf{min-height:0}.board.astro-ge2uvauf{padding:22px var(--gutter) 28px}.browse-intro.astro-ge2uvauf{grid-template-columns:minmax(0,1fr);gap:28px}#hero-title.astro-ge2uvauf{font-size:clamp(38px,7vw,62px)}.intro-eyebrow.astro-ge2uvauf{margin-bottom:12px;font-size:16px}.intro-description.astro-ge2uvauf{margin:12px 0 16px;font-size:20px}.catalogue-count.astro-ge2uvauf{margin-top:10px;font-size:16px}.featured-palette.astro-ge2uvauf{margin-top:18px}html.tool-view .rail.astro-ge2uvauf{top:var(--bar);align-content:start;min-height:108px;padding-top:8px;position:fixed;left:0;right:0}html.tool-view .browse-home.astro-ge2uvauf,html[data-view=saved] .browse-home.astro-ge2uvauf{display:block!important}html.tool-view .rail-tools.astro-ge2uvauf,html.tool-view .rail-tools.astro-ge2uvauf>.rail-disclosure.astro-ge2uvauf{display:contents}html.tool-view .rail-tools.astro-ge2uvauf summary.astro-ge2uvauf{display:none}html.tool-view .rail-tool-actions.astro-ge2uvauf{flex-basis:100%}html.tool-view .rail-editorial.astro-ge2uvauf{display:none}html.tool-view .board.astro-ge2uvauf{left:24px;right:24px;top:calc(var(--mobile-rail-height,108px) + 16px);max-height:calc(100dvh - var(--bar) - var(--mobile-rail-height,108px) - 32px)}html.tool-view[data-browse-kind=gradients] .board.astro-ge2uvauf{max-height:calc(100dvh - var(--bar) - var(--mobile-rail-height,108px) - 96px)}html.search-active .rail.astro-ge2uvauf{padding-bottom:8px}}@media (width<=600px){.bar-brand.astro-ge2uvauf{grid-template-columns:minmax(0,1fr) auto;gap:6px 8px;display:grid}.logo.astro-ge2uvauf{grid-column:1/-1}.chrome-install.astro-ge2uvauf{margin:0}html[data-view=saved],html[data-view=browse]{--bar:144px}html.tool-view{--bar:100px}.note-stamp.astro-ge2uvauf,.intro-eyebrow.astro-ge2uvauf{display:none}.intro-actions.astro-ge2uvauf{min-height:44px}.board.astro-ge2uvauf{padding-top:14px}#hero-title.astro-ge2uvauf{font-size:clamp(34px,8vw,44px)}.intro-description.astro-ge2uvauf{margin:10px 0 14px;font-size:18px}.browse-start.astro-ge2uvauf{min-height:44px;font-size:18px}.featured-colours.astro-ge2uvauf{height:40px}.featured-label.astro-ge2uvauf,.rail.astro-ge2uvauf a.astro-ge2uvauf,.rail.astro-ge2uvauf button.astro-ge2uvauf{font-size:17px}.browse-kinds.astro-ge2uvauf{gap:12px}}@media (width>=701px) and (width<=900px){.browse-intro.astro-ge2uvauf{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}#hero-title.astro-ge2uvauf{font-size:46px}}@media (width<=380px){.bar-brand.astro-ge2uvauf{gap:8px}.logo.astro-ge2uvauf{gap:6px}.logo.astro-ge2uvauf span.astro-ge2uvauf{letter-spacing:.08em;font-size:11px}.rail.astro-ge2uvauf{gap:0 10px}html.tool-view .rail.astro-ge2uvauf{gap:0 10px;padding-inline:18px}html.tool-view .rail.astro-ge2uvauf button.astro-ge2uvauf{font-size:14px}html.tool-view .rail-tool-actions.astro-ge2uvauf{gap:0 12px}}html[data-view=extract] .rail.astro-ge2uvauf .astro-ge2uvauf[data-view=extract].on{font-weight:700}@media (height<=500px){html[data-view=extract]{--bar:44px}}@media (width<=900px) and (height<=500px) and (width>=540px){html.tool-view .rail.astro-ge2uvauf{gap:0 10px;min-height:56px;padding-top:2px}html.tool-view .rail.astro-ge2uvauf button.astro-ge2uvauf{font-size:14px}html.tool-view .rail-tool-actions.astro-ge2uvauf{flex-basis:auto;gap:0 10px}html.tool-view .board.astro-ge2uvauf{top:calc(var(--mobile-rail-height,72px) + 12px);max-height:calc(100dvh - var(--bar) - var(--mobile-rail-height,72px) - 24px)}html.tool-view[data-browse-kind=gradients]{--bar:44px}html.tool-view[data-browse-kind=gradients] .board.astro-ge2uvauf{top:calc(var(--mobile-rail-height,72px) + 12px);max-height:calc(100dvh - var(--bar) - var(--mobile-rail-height,72px) - 88px)}}html:is([data-view=make],[data-view=extract],[data-view=contrast]){overflow:auto}html:is([data-view=make],[data-view=extract],[data-view=contrast]) body{height:auto;overflow:visible}html:is([data-view=make],[data-view=extract],[data-view=contrast]) .hero.astro-ge2uvauf{height:auto;min-height:calc(100svh - var(--bar))}html:is([data-view=make],[data-view=extract],[data-view=contrast]) .board.astro-ge2uvauf{width:min(1050px,94vw - max(320px,26vw));height:auto;max-height:none;margin-left:max(320px,26vw);padding:calc(clamp(24px,7vh,72px) + 6px) 6px 24px;position:relative;inset:auto;overflow:visible}@media (width>=901px) and (height<=760px){html:is([data-view=make],[data-view=extract],[data-view=contrast]) .board.astro-ge2uvauf{padding-bottom:6px}}@media (width>=901px){html:is([data-view=make],[data-view=contrast]) .board.astro-ge2uvauf{padding-top:clamp(18px,3vh,32px)}}@media (width<=900px){html:is([data-view=make],[data-view=extract],[data-view=contrast]){--bar:52px}html:is([data-view=make],[data-view=extract],[data-view=contrast]) .rail.astro-ge2uvauf{min-height:0;padding:4px var(--gutter);position:relative;inset:auto}html:is([data-view=make],[data-view=extract],[data-view=contrast]) .board.astro-ge2uvauf{width:100%;padding:22px var(--gutter) 32px;margin-left:0;inset:auto}html:is([data-view=make],[data-view=extract],[data-view=contrast]) .hero.astro-ge2uvauf{min-height:calc(100svh - var(--bar) - var(--mobile-rail-height,96px))}}.saved-heading.astro-nn5vlmxs[hidden],button.astro-nn5vlmxs[hidden]{display:none}.saved-heading.astro-nn5vlmxs{color:#242321;margin-bottom:18px;scroll-margin-top:24px}.saved-title-row.astro-nn5vlmxs{justify-content:space-between;align-items:center;gap:24px;padding:0 0 14px;display:flex}h2.astro-nn5vlmxs{font:700 clamp(28px, 2.5vw, 36px)/1.1 var(--font-heading);letter-spacing:-.03em;align-items:center;gap:14px;margin:0;display:flex}.collection-count.astro-nn5vlmxs{min-width:30px;height:30px;font:14px/1 var(--font-code);letter-spacing:0;background:#e5d7b9;border:1.5px solid #242321;place-items:center;margin-top:3px;padding:0 7px;display:inline-grid;box-shadow:2px 2px #242321}.saved-filters.astro-nn5vlmxs{scrollbar-width:thin;border-bottom:1px solid #cec7bb;gap:22px;display:flex;overflow-x:auto}.saved-filters.astro-nn5vlmxs[hidden]{display:none}button.astro-nn5vlmxs{color:#76716a;min-height:48px;font:500 18px/1.4 var(--font-ui);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;align-items:center;gap:8px;padding:10px 0 14px;display:inline-flex}button.astro-nn5vlmxs[aria-pressed=true]{color:#242321;border-bottom-color:#242321}button.astro-nn5vlmxs:hover{color:#242321}button.astro-nn5vlmxs span.astro-nn5vlmxs{font:12px/1.2 var(--font-code);background:#e6e1d7;padding:2px 5px}button.astro-nn5vlmxs[aria-pressed=true] span.astro-nn5vlmxs{color:#fffefc;background:#242321}@media (width<=1100px){.saved-filters.astro-nn5vlmxs{gap:16px}}@media (width<=600px){.collection-count.astro-nn5vlmxs{min-width:25px;height:25px;font-size:12px}h2.astro-nn5vlmxs{gap:12px}}.saved-heading.astro-nn5vlmxs:focus-visible,button.astro-nn5vlmxs:focus-visible{outline-offset:4px;outline:2px solid #242321}#saved-collection[hidden],#saved-empty[hidden],#saved-search-match-label[hidden]{display:none}.saved-hero{width:100vw;min-height:0;margin:-32px 0 24px calc(-1 * var(--rail));color:#fff;background:#000;position:relative}.saved-board{max-width:1800px;padding:32px var(--gutter) 32px var(--rail);grid-template-columns:minmax(0,1.25fr) minmax(300px,.85fr);align-items:start;gap:clamp(40px,5vw,96px);display:grid}.saved-intro,.saved-support{min-width:0}.saved-support{padding-top:12px}.saved-eyebrow{font:18px/1.3 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}.saved-hero #saved-hero-title{font:700 clamp(42px, 4.5vw, 68px)/1.02 var(--font-heading);letter-spacing:-.03em;margin:0}.saved-hero #saved-hero-title>span{display:block}.saved-description{font:23px/1.4 var(--font-ui);margin:20px 0 22px}.saved-featured{width:min(100%,400px);color:inherit;text-align:left;background:0 0;border:0;margin:24px 0 0;padding:0;display:block}.saved-featured-colours{border:1px solid;height:56px;padding:3px;display:flex}.saved-featured-colours>span{flex:1;min-width:0}.saved-featured-label{font:18px/1.4 var(--font-ui);justify-content:space-between;align-items:baseline;gap:12px;padding-top:8px;display:flex}.saved-featured-label>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.saved-featured:hover .saved-featured-label{text-underline-offset:4px;text-decoration:underline}.saved-intro-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;min-height:76px;display:flex}.saved-collection-link{border:2px solid var(--button-frame,currentColor);min-height:48px;color:inherit;box-shadow:3px 3px 0 var(--button-frame,currentColor);text-align:left;font:700 20px/1.3 var(--font-ui);transition:translate var(--button-press-duration,.1s) ease-out, box-shadow var(--button-press-duration,.1s) ease-out, background-color .1s ease-out;background:0 0;align-items:center;gap:24px;padding:8px 18px;display:inline-flex}.saved-collection-link.find-more{--button-frame:#fffefc;color:#242321;background:#fffefc}.saved-collection-link:hover{translate:var(--button-hover-shift,1px) var(--button-hover-shift,1px);box-shadow:2px 2px 0 var(--button-frame,currentColor)}.saved-collection-link:active:not(:disabled){translate:var(--button-press-shift,2px) var(--button-press-shift,2px);box-shadow:1px 1px 0 var(--button-frame,currentColor)}.saved-count-note{color:var(--dim);font:17px/1.5 var(--font-ui);margin:12px 0 0}.saved-hero-actions{margin-top:24px}.saved-action-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.saved-tool{min-width:0}.saved-tool-button{color:#fff;text-align:left;cursor:pointer;width:100%;min-width:0;min-height:52px;transition:translate .2s var(--ease);background:0 0;border:0;padding:0;display:block;position:relative}.saved-tool-box{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.saved-tool-box path,.saved-tool-icon path{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:url(#chalk)}.saved-tool-box .saved-tool-wash{fill:currentColor;fill-opacity:.08;stroke:none;transition:fill-opacity .2s}.saved-tool-box .saved-tool-ghost{opacity:.3;stroke-width:1.2px;translate:1.5px 1px}.saved-tool-box .saved-tool-outline{stroke-width:2.2px}.saved-tool-content{align-items:center;gap:8px;min-height:52px;padding:10px 12px;display:flex;position:relative}.saved-tool-icon{flex:none;width:26px;height:26px;overflow:visible}.saved-tool-icon .saved-tool-glyph{stroke-width:2px;--chalk-delay:.4s}.saved-tool-label{min-width:0;font:400 20px/1.2 var(--font-ui)}.saved-tool-key{color:#fff;text-align:center;min-width:22px;font:12px/1 var(--font-code);border:1px solid #ddd;flex:none;margin-left:auto;padding:4px;rotate:-3deg}.saved-tool-note{color:#bfbfbf;font:17px/1.4 var(--font-ui);margin:10px 0 0}.saved-action-group-secondary{margin-top:18px}.saved-action-group-secondary .saved-action-pair{flex-wrap:wrap;gap:8px 24px;display:flex}.saved-backup-button{min-height:44px;color:inherit;font:18px/1.4 var(--font-ui);background:0 0;border:0;border-bottom:1px solid #ffffff59;align-items:center;gap:12px;padding:6px 0;display:inline-flex}.saved-backup-button:hover:not(:disabled){border-bottom-color:currentColor}.saved-backup-button:disabled{opacity:.45;cursor:not-allowed}.saved-backup-note{color:#bfbfbf;font:16px/1.4 var(--font-ui);margin:8px 0 0}.saved-tool-button:hover:not(:disabled),.saved-tool-button:focus-visible{translate:0 -2px}.saved-tool-button:hover:not(:disabled) .saved-tool-wash,.saved-tool-button:focus-visible .saved-tool-wash{fill-opacity:.18}.saved-tool-button:active:not(:disabled){translate:1px 2px}.saved-hero :is(button,a):focus-visible{outline-offset:6px;outline:2px solid #fff}.saved-tool-button:disabled{opacity:.45;cursor:not-allowed}.saved-featured[hidden],.saved-collection-link[hidden]{display:none}.saved-guide h2{font:700 clamp(28px, 2.6vw, 40px)/1.1 var(--font-heading);margin:0 0 8px}.saved-guide p{color:#eee;font:20px/1.4 var(--font-ui);margin:0}.saved-shortcuts{border-top:1px solid #ffffff59;margin-top:24px;padding-top:18px}.saved-shortcut-hint{color:#eee;font:18px/1.45 var(--font-ui);margin:0 0 12px}.saved-shortcuts kbd{color:#fff;text-align:center;min-width:24px;font:12px/1.2 var(--font-code);border:1px solid #bbb;padding:3px 5px;display:inline-block}.saved-shortcut-keys{color:#ddd;font:17px/1.4 var(--font-ui);flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.saved-shortcut-keys>span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.saved-hero-status{color:#fff;font:18px/1.4 var(--font-ui);margin:16px 0 0}.saved-hero-status:empty{display:none}#saved-restore-dialog{color:#242321;background:#fffefc;border:2px solid #242321;border-radius:0;width:min(430px,100vw - 28px);padding:0;box-shadow:8px 8px #242321}#saved-restore-dialog::backdrop{background:#111111ad}.restore-sheet{padding:30px}.restore-kicker{color:#6e6250;font:16px/1.4 var(--font-ui);margin:0}.restore-sheet h2{font:400 34px/1.1 var(--font-heading);margin:14px 0 12px}.restore-sheet p:not(.restore-kicker){font:16px/1.55 var(--font-ui);margin:0}.restore-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}.restore-actions button{color:#242321;min-height:44px;font:700 18px/1.3 var(--font-ui);background:#fffefc;border:1px solid #242321;padding:8px 13px}.restore-actions button:last-child{color:#fffefc;background:#242321}.saved-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 20px;display:flex}.saved-toolbar[hidden]{display:none}.saved-projects{align-items:center;gap:8px 18px;margin:0 -4px 12px;padding:4px;display:flex;overflow-x:auto}.saved-projects[hidden]{display:none}.saved-projects button{color:#76716a;max-width:300px;min-height:44px;font:18px/1.3 var(--font-ui);overflow-wrap:anywhere;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:7px 2px}.saved-projects button[aria-pressed=true]{color:#242321;border-bottom-color:#242321}.saved-projects button:focus-visible,.saved-project input:focus-visible{outline-offset:2px;outline:2px solid #242321}.saved-memory{color:#71695f;font:17px/1.4 var(--font-ui);overflow-wrap:anywhere;margin:0 0 14px}.saved-project{color:#76716a;font:17px/1.4 var(--font-ui);cursor:text;align-items:center;gap:10px;margin:0 0 12px;display:flex}.saved-project input{color:#242321;width:100%;min-width:0;min-height:44px;font:inherit;background:0 0;border:0;border-bottom:1px solid #cec7bb;border-radius:0;padding:6px 2px}.saved-project input::placeholder{color:#76716a}.saved-result{font:17px/1.4 var(--font-ui);color:#76716a;margin:0}.saved-sort{color:#76716a;font:17px/1.4 var(--font-ui);align-items:center;gap:8px;display:flex}.saved-sort select{color:#242321;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #cec7bb;border-radius:0;padding:6px 22px 6px 8px}.saved-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:36px 28px}.saved-empty{text-align:center;background:#ffffff30;border:1px dashed #bdb5a7;flex-direction:column;align-items:center;padding:54px 24px 48px;display:flex}.saved-empty .empty-kicker{letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font:10px/1.4 ui-monospace,monospace}.saved-empty h2{font:700 28px/1.1 var(--font-heading);letter-spacing:-.04em;margin:0 0 10px}.saved-empty p{color:#76716a;max-width:42ch;margin:0 auto 24px;font-size:18px;line-height:1.5}.empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;display:flex}.empty-actions a{font:600 18px/1.4 var(--font-ui)}.empty-actions button{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 18px/1.4 var(--font-ui);padding:10px}.empty-actions button[hidden]{display:none}.empty-actions a:first-child{color:#fffefc;background:#242321;border:2px solid #242321;padding:11px 14px;box-shadow:3px 3px #b9b1a3}.saved-storage-note{color:#8a8378;font:17px/1.4 var(--font-ui);margin:40px 0 0}.saved-tool-icon{display:none}@media (width>=901px) and (width<=1100px){.saved-hero #saved-hero-title{font-size:clamp(42px,4.6vw,50px)}.saved-intro-actions{min-height:72px}}@media (width<=900px){.saved-hero{min-height:0}.saved-board{padding:22px var(--gutter) 28px;grid-template-columns:minmax(0,1fr);gap:28px}.saved-support{border-top:1px solid #ffffff59;padding-top:24px}.saved-eyebrow{margin-bottom:12px;font-size:16px}.saved-hero #saved-hero-title{font-size:clamp(38px,7vw,62px)}.saved-description{margin:12px 0 16px;font-size:20px}.saved-count-note{margin-top:10px;font-size:16px}.saved-guide h2{font-size:30px}.saved-guide p{font-size:18px}.saved-shortcuts{padding-top:14px}.saved-featured{margin-top:18px}}@media (width>=701px) and (width<=900px){.saved-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.saved-support{border-top:0;padding-top:0}.saved-guide h2{font-size:28px}.saved-hero #saved-hero-title{font-size:46px}}@media (width<=600px){.saved-grid{grid-template-columns:1fr}.saved-board{padding-top:14px}.saved-eyebrow{display:none}.saved-hero #saved-hero-title{font-size:clamp(34px,8vw,44px)}.saved-description{margin:10px 0 14px;font-size:18px}.saved-featured-colours{height:40px}.saved-featured-label{font-size:17px}.saved-intro-actions{min-height:0}.saved-collection-link{gap:16px;min-height:44px;padding-inline:14px;font-size:18px}.saved-count-note{font-size:16px}.saved-action-pair{gap:14px}.saved-tool-content{gap:8px;padding-inline:12px}.saved-tool-icon{display:none}.saved-tool-label{font-size:19px}.saved-tool-note{font-size:16px}.saved-shortcut-hint{font-size:17px}.saved-shortcut-keys{gap:10px 14px;font-size:16px}.restore-sheet{padding:24px}}html.search-blank :is(.browse-guide,.filter-chips),.astro-bpxvl34w[hidden]{display:none!important}.search-results.astro-bpxvl34w{color:var(--card-ink);margin-bottom:30px;scroll-margin-top:112px}.search-eyebrow.astro-bpxvl34w{color:var(--card-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;font:10px/1.5 ui-monospace,Menlo,monospace;display:flex}button.astro-bpxvl34w{min-height:36px;color:inherit;background:0 0;border:0;padding:6px 0;font:11px/1.5 ui-monospace,Menlo,monospace}button.astro-bpxvl34w:hover{text-underline-offset:4px;text-decoration:underline}#search-title.astro-bpxvl34w{overflow-wrap:anywhere;font:400 clamp(27px, 3.2vw, 44px)/1.15 var(--font-heading);margin:12px 0 20px;scroll-margin-top:120px}#search-title.astro-bpxvl34w:focus{outline:none}.search-refinements.astro-bpxvl34w{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 22px;padding-bottom:16px;font:11px/1.5 ui-monospace,monospace;display:flex}.search-refinements.astro-bpxvl34w p.astro-bpxvl34w{margin:0 auto 0 0}.search-status.astro-bpxvl34w{align-items:center;gap:8px;display:flex}.astro-bpxvl34w[data-state=invalid] .search-refinements.astro-bpxvl34w,.astro-bpxvl34w[data-state=empty] .search-refinements.astro-bpxvl34w,.astro-bpxvl34w[data-state=error] .search-refinements.astro-bpxvl34w{display:none}#search-state-icon.astro-bpxvl34w{flex:0 0 14px;place-items:center;width:14px;height:14px;font-size:14px;display:inline-grid}.astro-bpxvl34w[data-state=loading] #search-state-icon.astro-bpxvl34w{border:1.5px solid var(--line);border-top-color:currentColor;border-radius:50%;animation:.8s linear infinite search-turn}.astro-bpxvl34w[data-state=success] #search-state-icon.astro-bpxvl34w{color:var(--card-muted)}.search-loading-note.astro-bpxvl34w{color:var(--card-muted);margin:14px 0 24px;font:11px/1.6 ui-monospace,monospace}.search-skeletons.astro-bpxvl34w{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:56px 40px;display:grid}.search-skeleton.astro-bpxvl34w{background:var(--surface);border:1px solid var(--line);padding:12px 12px 22px;box-shadow:0 5px 10px #00000008}.skeleton-swatch.astro-bpxvl34w{aspect-ratio:1;background:var(--line);opacity:.5}.skeleton-title.astro-bpxvl34w,.skeleton-detail.astro-bpxvl34w{background:var(--line);opacity:.65;width:62%;height:16px;margin:18px 6px 0}.skeleton-detail.astro-bpxvl34w{width:42%;height:8px;margin-top:12px}@keyframes search-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.astro-bpxvl34w[data-state=loading] #search-state-icon.astro-bpxvl34w{border-style:dashed;animation:none}}@media (width<=600px){.search-skeletons.astro-bpxvl34w{grid-template-columns:1fr}.search-skeleton.astro-bpxvl34w:not(:first-child){display:none}}label.astro-bpxvl34w{color:var(--card-muted);align-items:center;gap:8px;display:flex}select.astro-bpxvl34w{border:1px solid var(--line);max-width:170px;min-height:36px;color:var(--card-ink);background:var(--surface);font:inherit;border-radius:0;padding:6px}.search-understood.astro-bpxvl34w{color:var(--card-muted);overflow-wrap:anywhere;margin:12px 0 0;font:11px/1.6 ui-monospace,monospace}.search-understood.astro-bpxvl34w:empty{display:none}.search-empty.astro-bpxvl34w{color:#111;background:#fff;border:2px solid #111;width:min(100%,760px);margin:0 6px 40px 0;padding:26px 30px 20px;box-shadow:6px 6px #111}.empty-message.astro-bpxvl34w{padding-right:68px;position:relative}.empty-mark.astro-bpxvl34w{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;filter:url(#chalk);width:58px;height:52px;position:absolute;top:0;right:0;transform:rotate(-6deg)}.empty-kicker.astro-bpxvl34w{color:#555;letter-spacing:.08em;margin:0 0 10px;font:700 11px/1.4 ui-monospace,Menlo,monospace}h2.astro-bpxvl34w{font:400 clamp(28px, 3vw, 37px)/1.15 var(--font-heading);margin:0 0 8px}.empty-message.astro-bpxvl34w>p.astro-bpxvl34w:not(.empty-kicker){color:#393939;max-width:56ch;font:16px/1.55 var(--font-ui);margin:0}.search-empty-actions.astro-bpxvl34w{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-top:18px;display:flex}.search-empty-actions.astro-bpxvl34w button.astro-bpxvl34w{color:#111;border:1px solid #111;min-height:38px;padding:8px 13px;font:700 11px/1.4 ui-monospace,Menlo,monospace}.search-empty-actions.astro-bpxvl34w button.astro-bpxvl34w:hover{color:#fff;background:#111;text-decoration:none}#search-retry.astro-bpxvl34w,#search-all-moods.astro-bpxvl34w,#search-edit.astro-bpxvl34w.is-primary{color:#fff;background:#111}#search-retry.astro-bpxvl34w:hover,#search-all-moods.astro-bpxvl34w:hover,#search-edit.astro-bpxvl34w.is-primary:hover{color:#111;background:#fff}.search-examples.astro-bpxvl34w{border-top:1px solid #d5d1ca;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:24px;padding-top:12px;display:flex}.search-examples.astro-bpxvl34w>span.astro-bpxvl34w{color:#666;letter-spacing:.06em;margin-right:4px;font:700 10px/1.4 ui-monospace,Menlo,monospace}.search-examples.astro-bpxvl34w button.astro-bpxvl34w{color:#111;border-bottom:1px solid #111;align-items:center;gap:5px;min-height:28px;padding:2px 0;font:600 12px/1.4 ui-monospace,Menlo,monospace;display:inline-flex}.search-examples.astro-bpxvl34w button.astro-bpxvl34w:hover{color:#555;text-decoration:none}@media (width<=600px){.search-eyebrow.astro-bpxvl34w{font-size:9px}.search-refinements.astro-bpxvl34w p.astro-bpxvl34w{flex-basis:100%}.search-empty.astro-bpxvl34w{margin-right:6px;padding:24px 20px 18px}.empty-message.astro-bpxvl34w{padding-right:0}.empty-mark.astro-bpxvl34w{float:right;width:45px;height:40px;margin-left:10px;position:static}.search-examples.astro-bpxvl34w{gap:6px 18px}.search-examples.astro-bpxvl34w>span.astro-bpxvl34w{flex-basis:100%}}.astro-lad3ped7[hidden]{display:none!important}.shared-palette.astro-lad3ped7{margin-bottom:42px;scroll-margin-top:120px}.shared-heading.astro-lad3ped7{border-bottom:2px solid var(--card-ink);color:var(--card-ink);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:8px;font:700 11px/1.4 ui-monospace,Menlo,monospace;display:flex}.shared-heading.astro-lad3ped7 button.astro-lad3ped7{color:inherit;font:inherit;letter-spacing:0;background:0 0;border:0}.shared-heading.astro-lad3ped7 button.astro-lad3ped7:hover{text-underline-offset:4px;text-decoration:underline}.shared-content.astro-lad3ped7{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,72px);display:grid}.shared-card.astro-lad3ped7{min-width:0}.shared-card.astro-lad3ped7 .palette-card.selected{outline:none}.shared-intro.astro-lad3ped7 #shared-palette-title.astro-lad3ped7{font:400 clamp(32px, 4vw, 54px)/1.13 var(--font-heading);overflow-wrap:anywhere;margin:0 0 14px}.shared-intro.astro-lad3ped7 p.astro-lad3ped7{max-width:40ch;font:16px/1.6 var(--font-ui);margin:0}@media (width<=700px){.shared-content.astro-lad3ped7{grid-template-columns:1fr;gap:20px}.shared-intro.astro-lad3ped7{grid-row:1}.shared-card.astro-lad3ped7{max-width:420px}}.astro-5erqgcgu[hidden]{display:none!important}.browse-guide.astro-5erqgcgu{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:24px;display:flex}.feed-heading.astro-5erqgcgu h2.astro-5erqgcgu{font:700 34px/1.15 var(--font-heading);margin:0 0 6px}.feed-heading.astro-5erqgcgu p.astro-5erqgcgu{font:18px/1.5 var(--font-ui);margin:0}.starting-points.astro-5erqgcgu{font:18px/1.5 var(--font-ui);flex-wrap:wrap;align-items:center;gap:6px 18px;display:flex}.starting-points.astro-5erqgcgu a.astro-5erqgcgu{text-underline-offset:4px;align-items:center;min-height:36px;text-decoration:underline;display:inline-flex}.starting-points.astro-5erqgcgu a.astro-5erqgcgu[aria-current]{font-weight:700;text-decoration-thickness:2px}@media (width<=600px){.browse-guide.astro-5erqgcgu{gap:8px;margin-bottom:18px}.feed-heading.astro-5erqgcgu h2.astro-5erqgcgu{font-size:28px}.feed-heading.astro-5erqgcgu p.astro-5erqgcgu,.starting-points.astro-5erqgcgu{font-size:17px}.starting-points.astro-5erqgcgu{gap:4px 16px}}.editorial-teaser{color:#fff;background:#111;border:2px solid #111;grid-column:1/-1;justify-content:space-between;align-items:center;gap:32px;min-height:230px;padding:clamp(26px,4vw,48px);display:flex;box-shadow:6px 6px #d7c9ad}.editorial-teaser:hover{background:#25231f}.editorial-teaser-copy{flex-direction:column;align-items:flex-start;max-width:640px;display:flex}.editorial-teaser-kicker{font:700 12px/1.4 var(--font-code);letter-spacing:.07em;text-transform:uppercase}.editorial-teaser-kicker span{color:#d7c9ad}.editorial-teaser h2{font:700 clamp(32px, 3.5vw, 54px)/1.06 var(--font-heading);margin:10px 0 0}.editorial-teaser-description{font:20px/1.3 var(--font-ui);margin-top:10px}.editorial-teaser-action{font:20px/1.25 var(--font-ui);border-bottom:1px solid;margin-top:23px}.editorial-teaser-action span{margin-left:10px}.editorial-teaser-art{border:2px solid #fff;flex:none;align-items:center;width:min(27%,240px);height:122px;display:flex;rotate:-4deg;box-shadow:5px 5px #fff}.editorial-teaser-art i{flex:1;height:100%}.editorial-teaser-art i:first-child{background:#f5f2eb}.editorial-teaser-art i:nth-child(2){background:#ddcc48}.editorial-teaser-art i:nth-child(3){background:#30aa96}.editorial-teaser-art i:nth-child(4){background:#342e99}.editorial-teaser-art i:nth-child(5){background:#bb2b45}@media (width<=700px){.editorial-teaser{min-height:0;padding:25px 22px 28px}.editorial-teaser-art{display:none}.editorial-teaser h2{font-size:clamp(32px,8vw,42px)}.editorial-teaser-description{font-size:18px}}.content.astro-bq6j2t3v{max-width:1800px;padding:24px var(--gutter) 120px var(--rail)}@media (width<=900px){.content.astro-bq6j2t3v{padding-inline:var(--gutter)}}#grid.astro-bq6j2t3v[hidden]{display:none}