.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}.editor-subheading.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)}.inline.astro-4gkdbjti .gradient-actions.astro-4gkdbjti{order:1}.inline.astro-4gkdbjti .gradient-status.astro-4gkdbjti{order:2}.inline.astro-4gkdbjti .gradient-desk.astro-4gkdbjti{order:3}}@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}.extract-subheading.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}.has-photo.astro-ug2whck5 .extract-heading.astro-ug2whck5{margin-bottom:8px}.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<=600px){.color-actions.astro-flvk4hoi{gap:4px 18px}#create-palette.astro-flvk4hoi{order:-2;margin-right:4px}.page-button.astro-flvk4hoi{order:-1}.color-actions.astro-flvk4hoi button.astro-flvk4hoi:not(#create-palette){box-shadow:none;font:18px/1.2 var(--font-ui);letter-spacing:0;text-transform:none;background:0 0;border:0;padding:8px 0}}@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);container-type:inline-size}.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;grid-template-columns:minmax(0,1fr) auto;place-items:baseline start;gap:8px 4px;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{width:100%;height:52px;transition:background-color .36s ease-out, translate .2s var(--spring), rotate .2s var(--spring);border:1px solid #ffffff80;grid-column:1/-1;display:block}.contrast-colours.astro-qpfajhfc button:hover .contrast-swatch{outline:1px solid var(--on-black);outline-offset:2px;translate:0 -3px;rotate:-1.5deg}.contrast-colours.astro-qpfajhfc button:active .contrast-swatch{transition-duration:.36s,60ms,60ms;translate:0}.contrast-checker.astro-qpfajhfc[data-live] .contrast-colours.astro-qpfajhfc .contrast-swatch{transition-duration:0s,.2s,.2s}.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-check-list.astro-qpfajhfc{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.contrast-check-list.astro-qpfajhfc button{min-width:0;min-height:44px;color:var(--on-black);font:16px/1.3 var(--font-ui);text-align:left;background:0 0;border:1px solid #ffffff35;border-radius:0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:10px 12px;display:flex}.contrast-check-list.astro-qpfajhfc button:hover{background:#ffffff0a;border-color:#ffffff80}.contrast-check-list.astro-qpfajhfc button:focus-visible{outline:2px solid var(--on-black);outline-offset:3px}.contrast-check-list.astro-qpfajhfc button[aria-pressed=true]{border-color:var(--on-black);background:#ffffff0d}.contrast-check-list.astro-qpfajhfc .contrast-check-result{font:12px/1.4 var(--font-code);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.contrast-check-list.astro-qpfajhfc [data-pass=true]{color:var(--pass)}.contrast-check-list.astro-qpfajhfc [data-pass=false]{color:var(--fail)}.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-checker.astro-qpfajhfc{--ease-out:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.4, .64, 1);--pass:#b8ddcd;--fail:#ffba9e}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc{text-align:left;color:inherit;border:0;position:relative}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc:focus-visible{outline-offset:3px;outline:2px solid}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc:hover{outline-offset:4px;outline:1px dashed}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc[data-selected=true]{outline-offset:5px;outline:2px solid}.contrast-sample.astro-qpfajhfc .astro-qpfajhfc:is(.contrast-canvas,.contrast-demo-action,.contrast-demo-footer,.contrast-demo-footer i,.contrast-demo-heading>span,.contrast-gradient-card-page,.contrast-gradient-accent){transition:background-color .36s ease-out,color .36s ease-out}.contrast-sample.astro-qpfajhfc button.astro-qpfajhfc{transition:outline-offset .16s var(--ease-out), background-color .36s ease-out, color .36s ease-out}.contrast-checker.astro-qpfajhfc[data-live] .contrast-sample.astro-qpfajhfc .astro-qpfajhfc:is(*,button){transition-duration:0s}.contrast-sample.astro-qpfajhfc .contrast-mark{z-index:2;color:#fff;white-space:nowrap;font:600 12px/1 var(--font-code);letter-spacing:0;pointer-events:none;transition:scale .2s var(--spring), rotate .2s var(--spring);background:#111;border-radius:2px;align-items:center;gap:3px;padding:4px 6px 3px;text-decoration:none;display:flex;position:absolute;top:50%;left:calc(100% + 12px);translate:0 -50%;rotate:-4deg;box-shadow:0 0 0 1.5px #ffffffb0,2px 3px #0005}.contrast-sample.astro-qpfajhfc .contrast-mark b{font:400 15px/1 var(--font-ui);color:var(--pass)}.contrast-sample.astro-qpfajhfc .contrast-mark[data-pass=false]{background:var(--fail);color:#111;box-shadow:0 0 0 1.5px #111,2px 3px #0005}.contrast-sample.astro-qpfajhfc .contrast-mark[data-pass=false] b{color:#111}.contrast-sample.astro-qpfajhfc [data-selected=true]>.contrast-mark{rotate:0deg;scale:1.18}.contrast-sample.astro-qpfajhfc .astro-qpfajhfc:is(.contrast-demo-footer,.contrast-card-link,.contrast-page-heading) .contrast-mark{left:auto;right:46px}.contrast-sample.astro-qpfajhfc .contrast-demo-footer.astro-qpfajhfc .contrast-mark{right:58px}.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:not(.contrast-mark){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-checks.astro-qpfajhfc dd.astro-qpfajhfc[data-pass=true]{color:var(--pass)}.contrast-checks.astro-qpfajhfc dd.astro-qpfajhfc[data-pass=false]{color:var(--fail)}.contrast-lens.astro-qpfajhfc{margin-top:14px}.contrast-lens-head.astro-qpfajhfc{font:20px/1.2 var(--font-ui);align-items:center;gap:10px;margin:0;display:flex}.contrast-pair.astro-qpfajhfc{letter-spacing:-.02em;border-radius:2px;place-items:center;width:44px;height:34px;font:700 17px/1 system-ui,sans-serif;transition:background-color .36s ease-out,color .36s ease-out;display:grid;box-shadow:0 0 0 1px #ffffff60}.contrast-lens-ratio.astro-qpfajhfc{flex-wrap:wrap;align-items:baseline;gap:0 4px;margin:4px 0 0;display:flex}#contrast-ratio.astro-qpfajhfc{font:400 clamp(56px, 6vw, 84px)/1 var(--font-tool-heading);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.contrast-lens-unit.astro-qpfajhfc{color:var(--dim);font:400 clamp(24px, 2.4vw, 32px)/1 var(--font-tool-heading);margin-right:14px}.contrast-verdict.astro-qpfajhfc{font:20px/1.2 var(--font-ui);border:2px solid;border-radius:3px;align-items:center;gap:6px;padding:3px 10px 2px;display:inline-flex;rotate:-3deg}.contrast-verdict.astro-qpfajhfc[data-pass=true]{color:var(--pass)}.contrast-verdict.astro-qpfajhfc[data-pass=false]{color:var(--fail)}.contrast-meter.astro-qpfajhfc{--pos:0;--goal:.49;height:52px;margin:10px -8px 0;position:relative;overflow:hidden}.contrast-meter-track.astro-qpfajhfc{background:#ffba9e45;border-radius:5px;height:10px;position:absolute;top:20px;left:8px;right:8px;overflow:hidden}.contrast-meter-pass.astro-qpfajhfc{transform-origin:100%;transform:scaleX(calc(1 - var(--goal)));transition:transform .32s var(--ease-out);background:#b8ddcdb0;position:absolute;inset:0}.contrast-meter-tick.astro-qpfajhfc{top:34px;left:calc(8px + var(--at) * (100% - 16px));color:var(--dim);font:11px/1.2 var(--font-code);transition:color .2s ease-out;position:absolute;translate:-50%}.contrast-meter-tick.astro-qpfajhfc:before{content:"";opacity:.7;background:currentColor;width:1px;height:18px;position:absolute;bottom:calc(100% + 1px);left:50%}.contrast-meter-tick.astro-qpfajhfc[data-goal]{color:var(--on-black);font-weight:700}.contrast-meter-tick.astro-qpfajhfc[data-goal]:before{opacity:1;width:2px}.contrast-meter-needle.astro-qpfajhfc{width:calc(100% - 16px);height:34px;transform:translateX(calc(var(--pos) * 100%));transition:transform .46s var(--spring);position:absolute;top:0;left:8px}.contrast-meter-needle.astro-qpfajhfc i.astro-qpfajhfc{width:14px;height:30px;position:absolute;top:2px;left:-7px}.contrast-meter-needle.astro-qpfajhfc i.astro-qpfajhfc:before{content:"";border:7px solid #0000;border-top:11px solid var(--on-black);position:absolute;top:0;left:0}.contrast-meter-needle.astro-qpfajhfc i.astro-qpfajhfc:after{content:"";background:var(--on-black);border-radius:1px;width:2px;height:20px;position:absolute;top:10px;left:6px;box-shadow:0 0 0 1px #000}.contrast-checker.astro-qpfajhfc[data-live] .astro-qpfajhfc:is(.contrast-meter-needle,.contrast-pair){transition-duration:0s}.contrast-lens.astro-qpfajhfc #contrast-selected-pair.astro-qpfajhfc{margin-top:4px}.contrast-overview-row.astro-qpfajhfc{justify-content:space-between;align-items:center;gap:12px;display:flex}.contrast-overview-row.astro-qpfajhfc .contrast-overview.astro-qpfajhfc{margin-bottom:0}.contrast-target.astro-qpfajhfc{gap:2px;display:flex}.contrast-target.astro-qpfajhfc button.astro-qpfajhfc{min-width:44px;min-height:36px;font:12px/1.2 var(--font-code);color:var(--dim);border:1px solid #ffffff40;padding:2px 8px}.contrast-target.astro-qpfajhfc button.astro-qpfajhfc[aria-pressed=true]{color:var(--black);background:var(--on-black);border-color:var(--on-black)}.contrast-fix.astro-qpfajhfc{margin-top:4px}.contrast-fix-note.astro-qpfajhfc{font:17px/1.35 var(--font-ui);margin:0 0 2px}.contrast-fix-option.astro-qpfajhfc{border-bottom:1px solid #ffffff25;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 10px;padding:6px 0;display:grid}.contrast-fix-actions.astro-qpfajhfc{align-items:center;gap:6px;display:flex}.contrast-fix-compare.astro-qpfajhfc{flex:none;align-items:center;gap:4px;display:flex}.contrast-fix-compare.astro-qpfajhfc>span.astro-qpfajhfc{width:38px;height:32px;transition:scale .2s var(--spring);border-radius:2px;place-items:center;font:700 15px/1 system-ui,sans-serif;display:grid}.contrast-fix-compare.astro-qpfajhfc svg.astro-qpfajhfc{width:20px;height:10px;overflow:visible}.contrast-fix-compare.astro-qpfajhfc path.astro-qpfajhfc{fill:none;stroke:var(--dim);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1}.contrast-fix-option.astro-qpfajhfc:hover .astro-qpfajhfc[data-fix-after],.contrast-fix-option.astro-qpfajhfc:focus-within .astro-qpfajhfc[data-fix-after]{scale:1.12}.contrast-fix-option.astro-qpfajhfc:hover .contrast-fix-compare.astro-qpfajhfc path.astro-qpfajhfc,.contrast-fix-option.astro-qpfajhfc:focus-within .contrast-fix-compare.astro-qpfajhfc path.astro-qpfajhfc{stroke:var(--on-black);animation:tool-chalk-draw .3s var(--ease-out) both}.contrast-fix-values.astro-qpfajhfc{overflow-wrap:anywhere;min-width:0;font:16px/1.3 var(--font-ui);margin:0}.contrast-fix-values.astro-qpfajhfc code{font:12px/1.3 var(--font-code)}.contrast-fix-values.astro-qpfajhfc [data-pass=true]{color:var(--pass)}.contrast-fix-values.astro-qpfajhfc [data-pass=false]{color:var(--fail)}.contrast-fix-option.astro-qpfajhfc .astro-qpfajhfc[data-fix-apply]{background:var(--on-black);color:var(--black);border-color:var(--on-black);padding:5px 14px;font-size:16px}.contrast-fix-option.astro-qpfajhfc .astro-qpfajhfc[data-fix-apply]:hover{background:#ddd}.contrast-fix-option.astro-qpfajhfc .astro-qpfajhfc[data-fix-copy]{text-underline-offset:4px;border:0;padding:5px 4px;font-size:16px;text-decoration:underline}.contrast-fix-option.astro-qpfajhfc[data-available=false] .astro-qpfajhfc:is(.contrast-fix-compare,.contrast-fix-actions){display:none}.contrast-fix-option.astro-qpfajhfc[data-available=false]{grid-template-columns:minmax(0,1fr)}.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],.contrast-footer.astro-qpfajhfc .contrast-check-details.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[open]{animation:contrast-picker-in .17s var(--ease-out)}@keyframes contrast-picker-in{0%{opacity:0;translate:0 -6px;scale:.96}}.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-fix-option.astro-qpfajhfc{grid-template-columns:auto minmax(0,1fr)}.contrast-fix-actions.astro-qpfajhfc{grid-column:2}.contrast-colours.astro-qpfajhfc{gap:8px;margin-bottom:12px}.contrast-colours.astro-qpfajhfc button{grid-template-columns:minmax(0,1fr);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-lens.astro-qpfajhfc{margin-top:8px}.contrast-sample.astro-qpfajhfc .contrast-mark{left:calc(100% + 8px)}.contrast-picker-dialog.astro-qpfajhfc{width:auto;bottom:12px;right:12px;top:auto!important;left:12px!important}}@media (width>=901px){.contrast-lead.astro-qpfajhfc{margin-bottom:12px}.contrast-toolbar.astro-qpfajhfc{margin-bottom:8px}.contrast-colours.astro-qpfajhfc{margin-bottom:12px}.contrast-colours.astro-qpfajhfc .contrast-swatch{height:44px}.contrast-canvas.astro-qpfajhfc{gap:8px;min-height:clamp(148px,100dvh - 570px,192px);padding:20px}.contrast-sample.astro-qpfajhfc .contrast-demo-footer.astro-qpfajhfc{min-height:44px;padding:8px 20px}.contrast-check-list.astro-qpfajhfc{gap:6px;margin-top:8px}.contrast-check-list.astro-qpfajhfc button{min-height:38px;padding:7px 10px}.contrast-hint.astro-qpfajhfc{margin-top:8px}.contrast-footer.astro-qpfajhfc{margin-top:4px}.contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-card-page.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc{min-height:clamp(156px,100dvh - 570px,220px)}}@media (width>=901px) and (height<=800px){#contrast-title.astro-qpfajhfc{font-size:32px}.contrast-lead.astro-qpfajhfc{margin-top:5px;margin-bottom:8px;font-size:16px}.contrast-colours.astro-qpfajhfc{gap:10px}.contrast-colours.astro-qpfajhfc .contrast-swatch{height:36px}.contrast-canvas.astro-qpfajhfc{padding:16px}.contrast-sample.astro-qpfajhfc .contrast-demo-heading.astro-qpfajhfc{font-size:26px}.contrast-sample.astro-qpfajhfc .contrast-demo-footer.astro-qpfajhfc{padding-inline:16px}.contrast-lens.astro-qpfajhfc{margin-top:8px}#contrast-ratio.astro-qpfajhfc{font-size:64px}.contrast-meter.astro-qpfajhfc{margin-top:6px}.contrast-overview.astro-qpfajhfc{font-size:20px}.contrast-fix-note.astro-qpfajhfc{font-size:16px}.contrast-fix-option.astro-qpfajhfc{grid-template-columns:minmax(0,1fr) auto;padding-block:4px}.contrast-fix-compare.astro-qpfajhfc{display:none}.contrast-fix-values.astro-qpfajhfc{font-size:15px}.contrast-fix-values.astro-qpfajhfc code{font-size:11px}.contrast-gradient-hero.astro-qpfajhfc,.contrast-gradient-accent.astro-qpfajhfc,.contrast-gradient-card-page.astro-qpfajhfc{gap:8px;padding:12px}.contrast-gradient-card.astro-qpfajhfc{gap:8px;padding:14px}}@media (prefers-reduced-motion:reduce){.contrast-sample.astro-qpfajhfc .astro-qpfajhfc:is(*,button),.contrast-sample.astro-qpfajhfc .contrast-mark,.contrast-colours.astro-qpfajhfc .contrast-swatch,.contrast-pair.astro-qpfajhfc,.contrast-meter-pass.astro-qpfajhfc,.contrast-meter-needle.astro-qpfajhfc,.contrast-meter-tick.astro-qpfajhfc,.contrast-fix-compare.astro-qpfajhfc>span.astro-qpfajhfc{transition:none}.contrast-picker-dialog.astro-qpfajhfc[open],.contrast-fix-option.astro-qpfajhfc .contrast-fix-compare.astro-qpfajhfc path.astro-qpfajhfc{animation:none}}.shades.astro-wsvjik4l{width:100%;color:var(--on-black);container-type:inline-size}.shades.astro-wsvjik4l[hidden],.shades.astro-wsvjik4l .astro-wsvjik4l[hidden]{display:none!important}.shades.astro-wsvjik4l:focus{outline:none}.shades-heading.astro-wsvjik4l{margin-bottom:24px}#shade-title.astro-wsvjik4l{font:400 clamp(28px, 2.5vw, 36px)/1.2 var(--font-tool-heading);margin:0}.shades-heading.astro-wsvjik4l p.astro-wsvjik4l{color:var(--dim);font:18px/1.4 var(--font-ui);margin:9px 0 0}.shades-bar.astro-wsvjik4l{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding-bottom:20px;display:flex}.shades-colour.astro-wsvjik4l{align-items:center;gap:14px;min-width:0;display:flex}.shades-seed.astro-wsvjik4l{cursor:pointer;flex:none;width:58px;height:58px;transition:rotate .18s ease-out;display:block;position:relative;rotate:-3deg}.shades-seed.astro-wsvjik4l:hover,.shades-seed.astro-wsvjik4l:focus-within{rotate:0deg}.shades-seed.astro-wsvjik4l svg.astro-wsvjik4l{width:100%;height:100%;display:block;overflow:visible}.shades-seed.astro-wsvjik4l path.astro-wsvjik4l{fill:var(--seed);stroke:var(--on-black);stroke-width:2px;stroke-linejoin:round;filter:url(#chalk)}.shades-seed.astro-wsvjik4l input.astro-wsvjik4l{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.shades-seed.astro-wsvjik4l:focus-within{outline:2px solid var(--on-black);outline-offset:4px}.shades-field.astro-wsvjik4l{width:190px;min-width:0}.shades-field.astro-wsvjik4l label.astro-wsvjik4l{color:var(--dim);font:16px/1.2 var(--font-ui);display:block}#shade-hex.astro-wsvjik4l{width:100%;min-height:40px;color:var(--on-black);font:500 19px/1.4 var(--font-code);background:0 0;border:0;border-bottom:1px solid #ffffff70;border-radius:0;padding:4px 0;display:block}#shade-hex.astro-wsvjik4l:hover{border-color:var(--on-black)}#shade-hex.astro-wsvjik4l:focus-visible{border-bottom:2px solid var(--on-black);outline:none}#shade-hex.astro-wsvjik4l[aria-invalid=true]{border-color:#ffba9e}.shades-export.astro-wsvjik4l{flex:none;position:relative}.shades-export.astro-wsvjik4l summary.astro-wsvjik4l{border:1px solid var(--on-black);background:var(--on-black);min-height:44px;color:var(--black);cursor:pointer;white-space:nowrap;font:18px/1.3 var(--font-ui);align-items:center;gap:10px;padding:10px 18px;list-style:none;display:flex}.shades-export.astro-wsvjik4l summary.astro-wsvjik4l::-webkit-details-marker,.shades-about.astro-wsvjik4l summary.astro-wsvjik4l::-webkit-details-marker{display:none}.shades-export.astro-wsvjik4l summary.astro-wsvjik4l:hover{text-underline-offset:5px;text-decoration:underline}.shades-export.astro-wsvjik4l summary.astro-wsvjik4l>svg.astro-wsvjik4l{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.shades-export.astro-wsvjik4l[open] summary.astro-wsvjik4l>svg.astro-wsvjik4l{rotate:180deg}.shades-export-menu.astro-wsvjik4l{z-index:5;background:var(--black);border:1px solid #ffffff80;gap:2px;width:220px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:4px 4px #ffffff30}.shades-export-menu.astro-wsvjik4l label.astro-wsvjik4l{color:var(--dim);font:16px/1.3 var(--font-ui);gap:6px;margin-bottom:8px;display:grid}.shades-export-menu.astro-wsvjik4l input.astro-wsvjik4l{width:100%;min-height:40px;color:var(--on-black);font:15px/1.3 var(--font-code);background:0 0;border:1px solid #777;border-radius:0;padding:4px 8px}.shades-export-menu.astro-wsvjik4l button.astro-wsvjik4l{min-height:44px;color:var(--on-black);text-align:left;font:18px/1.3 var(--font-ui);cursor:pointer;background:0 0;border:0;padding:6px 8px}.shades-export-menu.astro-wsvjik4l button.astro-wsvjik4l:hover{background:#ffffff18}.shades-export.astro-wsvjik4l summary.astro-wsvjik4l:focus-visible,.shades-export-menu.astro-wsvjik4l .astro-wsvjik4l:is(button,input):focus-visible,.shades-about.astro-wsvjik4l summary.astro-wsvjik4l:focus-visible{outline:2px solid var(--on-black);outline-offset:4px}.shades-direction.astro-wsvjik4l{color:var(--dim);font:15px/1.3 var(--font-ui);justify-content:space-between;align-items:center;gap:14px;margin-bottom:8px;display:flex}.shades-direction.astro-wsvjik4l>.astro-wsvjik4l:nth-child(2){color:#ffffff60;font-size:14px}.shades-scroll.astro-wsvjik4l{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;max-width:100%;margin:0 -5px;padding:3px 5px 0;overflow-x:auto}.shades-scroll-hint.astro-wsvjik4l{color:var(--dim);font:15px/1.4 var(--font-ui);margin:-6px 0 18px;display:none}.shades-scale.astro-wsvjik4l{grid-template-columns:repeat(11,minmax(0,1fr));gap:0;margin:0 0 28px;padding:0;list-style:none;display:grid}.shades-scale.astro-wsvjik4l li.astro-wsvjik4l{min-width:0;position:relative}.shade.astro-wsvjik4l{width:100%;min-width:0;height:clamp(196px,25dvh,260px);color:var(--on-black);cursor:copy;isolation:isolate;background:0 0;border:0;flex-direction:column;justify-content:space-between;align-items:center;padding:0 3px 2px;display:flex;position:relative}.shades-scale.astro-wsvjik4l li.astro-wsvjik4l:first-child .shade-paint.astro-wsvjik4l{border-radius:3px 0 0 3px}.shades-scale.astro-wsvjik4l li.astro-wsvjik4l:last-child .shade-paint.astro-wsvjik4l{border-radius:0 3px 3px 0}.shade-step.astro-wsvjik4l{z-index:1;min-width:36px;height:26px;color:var(--dim);font:17px/1.2 var(--font-ui);border-radius:2px;place-items:center;transition:background-color .14s ease-out,color .14s ease-out;display:grid}.shade.astro-wsvjik4l[aria-pressed=true] .shade-step.astro-wsvjik4l{background:var(--on-black);color:var(--black)}.shade-chip.astro-wsvjik4l{z-index:-1;color:var(--shade-ink);place-items:center;display:grid;position:absolute;inset:34px 0 30px}.shade-paint.astro-wsvjik4l{background:var(--shade);transition:background-color .18s ease-out,translate .16s ease-out;position:absolute;inset:0}.shade-copy.astro-wsvjik4l{color:#fff;opacity:0;font:15px/1.2 var(--font-ui);background:#111;border-radius:3px;align-items:center;gap:5px;padding:6px 8px;transition:opacity .12s ease-out;display:inline-flex;position:relative}.shade-copy.astro-wsvjik4l svg.astro-wsvjik4l,#shade-selected-copy.astro-wsvjik4l svg.astro-wsvjik4l{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.shade.astro-wsvjik4l:hover .shade-copy.astro-wsvjik4l,.shade.astro-wsvjik4l:focus-visible .shade-copy.astro-wsvjik4l{opacity:1}.shade.astro-wsvjik4l:hover .shade-paint.astro-wsvjik4l,.shade.astro-wsvjik4l:focus-visible .shade-paint.astro-wsvjik4l{translate:0 -3px}.shade.astro-wsvjik4l:focus-visible{z-index:2;outline:none}.shade.astro-wsvjik4l:focus-visible .shade-chip.astro-wsvjik4l:after{content:"";border:2px solid var(--shade-ink);pointer-events:none;position:absolute;inset:4px}.shade.astro-wsvjik4l:active .shade-copy.astro-wsvjik4l{scale:.95}.shade.astro-wsvjik4l .hex-code.astro-wsvjik4l{white-space:nowrap;color:#ffffffb3;min-height:24px;font:400 11px/1.4 var(--font-code);justify-content:center;align-items:center;display:flex}.shade.astro-wsvjik4l[aria-pressed=true] .hex-code.astro-wsvjik4l{color:var(--on-black)}.shade.astro-wsvjik4l[data-copy-state=success] .shade-copy.astro-wsvjik4l{opacity:0}.shade-yours.astro-wsvjik4l{white-space:nowrap;color:var(--dim);font:13px/1.3 var(--font-ui);align-items:center;gap:5px;display:flex;position:absolute;top:calc(100% + 4px);left:50%;translate:-50%}.shade-yours.astro-wsvjik4l i.astro-wsvjik4l{background:var(--on-black);border-radius:50%;width:4px;height:4px}.shades-scale.astro-wsvjik4l li.astro-wsvjik4l:last-child .shade-yours.astro-wsvjik4l{left:auto;right:0;translate:none}.shades-scale.astro-wsvjik4l li.astro-wsvjik4l:first-child .shade-yours.astro-wsvjik4l{left:0;translate:none}.shades-inspector.astro-wsvjik4l{border-top:1px solid #ffffff26;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;margin-top:12px;padding-top:22px;display:grid}.shade-specimen.astro-wsvjik4l{background:var(--selected-shade);min-height:192px;color:var(--selected-ink);border-radius:3px;flex-direction:column;justify-content:space-between;padding:20px 24px;font-family:system-ui,sans-serif;transition:background-color .18s ease-out,color .18s ease-out;display:flex}.shade-specimen-top.astro-wsvjik4l{font:600 9px/1.3 var(--font-code);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:12px;display:flex}.shade-specimen-top.astro-wsvjik4l>.astro-wsvjik4l:last-child{letter-spacing:0;font-size:12px}.shade-specimen.astro-wsvjik4l p.astro-wsvjik4l{letter-spacing:-.045em;margin:14px 0 20px;font:650 clamp(24px,3.3cqi,34px)/1.05 system-ui,sans-serif}.shade-specimen-bottom.astro-wsvjik4l{justify-content:space-between;align-items:center;gap:10px;font-size:11px;line-height:1.4;display:flex}.shade-specimen-bottom.astro-wsvjik4l>span.astro-wsvjik4l{font-size:20px}.shade-detail.astro-wsvjik4l{min-width:0}.shade-detail-heading.astro-wsvjik4l{justify-content:space-between;align-items:start;gap:12px;display:flex}#shade-selected-role.astro-wsvjik4l{color:var(--dim);font:16px/1.2 var(--font-ui);margin:0}#shade-selected-copy.astro-wsvjik4l{min-height:38px;color:var(--on-black);cursor:copy;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;display:inline-flex}#shade-selected-copy.astro-wsvjik4l code.astro-wsvjik4l{font:500 21px/1.3 var(--font-code)}#shade-selected-copy.astro-wsvjik4l svg.astro-wsvjik4l{opacity:.6;width:15px;height:15px}#shade-selected-copy.astro-wsvjik4l:hover svg.astro-wsvjik4l{opacity:1}#shade-selected-copy.astro-wsvjik4l:focus-visible{outline:2px solid var(--on-black);outline-offset:4px}.shade-detail-step.astro-wsvjik4l{color:var(--dim);font:13px/1.3 var(--font-ui);white-space:nowrap;border:1px solid #ffffff40;border-radius:2px;margin-top:2px;padding:4px 8px}.shade-detail-step.astro-wsvjik4l b.astro-wsvjik4l{color:var(--on-black);font-weight:400}.shade-readability-title.astro-wsvjik4l{font:15px/1.3 var(--font-ui);margin:10px 0 8px}.shade-readability.astro-wsvjik4l{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.shade-text-check.astro-wsvjik4l{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:5px 8px;display:grid}.shade-text-aa.astro-wsvjik4l{background:var(--selected-shade);border:1px solid #ffffff30;border-radius:2px;grid-row:span 2;place-items:center;height:36px;font:600 15px/1 system-ui,sans-serif;display:grid}.shade-text-label.astro-wsvjik4l{font:15px/1.1 var(--font-ui)}.shade-text-label.astro-wsvjik4l small.astro-wsvjik4l{color:var(--dim);font:13px/1.2 var(--font-ui);white-space:nowrap;margin-top:4px;display:block}.shade-text-check.astro-wsvjik4l[data-pass=true] small.astro-wsvjik4l{color:#b8ddcd}.shade-text-check.astro-wsvjik4l[data-pass=false] small.astro-wsvjik4l{color:#ffba9e}.shade-text-ratio.astro-wsvjik4l{color:var(--dim);font:11px/1.2 var(--font-code);grid-column:2}.shade-readability-note.astro-wsvjik4l{color:#ffffff70;font:13px/1.3 var(--font-ui);margin:10px 0 0}.shades-footer.astro-wsvjik4l{border-top:1px solid #ffffff26;justify-content:space-between;align-items:baseline;gap:10px 24px;margin-top:18px;padding-top:12px;display:flex}.shades-hint.astro-wsvjik4l{min-height:1.4em;color:var(--dim);font:16px/1.4 var(--font-ui);margin:0}.shades-hint.astro-wsvjik4l[data-error]{color:#ffba9e}.shades-about.astro-wsvjik4l{text-align:right;color:var(--dim);font:16px/1.4 var(--font-ui);flex:0 260px}.shades-about.astro-wsvjik4l summary.astro-wsvjik4l{cursor:pointer;text-underline-offset:4px;align-items:center;min-height:44px;margin-block:-10px;text-decoration:underline #fff5;list-style:none;display:inline-flex}.shades-about.astro-wsvjik4l summary.astro-wsvjik4l:hover,.shades-about.astro-wsvjik4l[open] summary.astro-wsvjik4l{color:var(--on-black)}.shades-about.astro-wsvjik4l p.astro-wsvjik4l{margin:10px 0 0}@container (width<=760px){.shades-scroll-hint.astro-wsvjik4l{display:block}.shades-scale.astro-wsvjik4l{grid-template-columns:repeat(11,minmax(76px,1fr))}.shade.astro-wsvjik4l{height:212px}.shades-inspector.astro-wsvjik4l{gap:20px}.shade-readability.astro-wsvjik4l{gap:8px}}@container (width<=600px){.shades-inspector.astro-wsvjik4l{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:4px;padding-top:18px}.shade-specimen.astro-wsvjik4l{min-height:184px}.shade-specimen.astro-wsvjik4l p.astro-wsvjik4l{font-size:30px}.shade-readability.astro-wsvjik4l{gap:16px}}@container (width<=480px){.shades-heading.astro-wsvjik4l{margin-bottom:22px}.shades-heading.astro-wsvjik4l p.astro-wsvjik4l{font-size:17px}.shades-bar.astro-wsvjik4l{flex-wrap:wrap;gap:14px;margin-bottom:18px}.shades-colour.astro-wsvjik4l{gap:10px}.shades-seed.astro-wsvjik4l{width:44px;height:44px}.shades-field.astro-wsvjik4l{width:140px}.shades-field.astro-wsvjik4l label.astro-wsvjik4l{font-size:15px}#shade-hex.astro-wsvjik4l{font-size:17px}.shades-export.astro-wsvjik4l{margin-left:auto}.shades-export.astro-wsvjik4l summary.astro-wsvjik4l{gap:6px;padding-inline:10px;font-size:17px}.shades-direction.astro-wsvjik4l>.astro-wsvjik4l:nth-child(2){font-size:12px}.shades-scroll.astro-wsvjik4l{margin-bottom:12px}.shades-footer.astro-wsvjik4l{display:block}.shades-about.astro-wsvjik4l{text-align:left;margin-top:12px}.shades-about.astro-wsvjik4l summary.astro-wsvjik4l{margin:0}.shades-about.astro-wsvjik4l p.astro-wsvjik4l{max-width:34ch;margin-top:4px}}@media (width>=901px){.shades-heading.astro-wsvjik4l{margin-bottom:16px}.shades-bar.astro-wsvjik4l{margin-bottom:12px;padding-bottom:12px}.shade.astro-wsvjik4l{height:clamp(164px,100dvh - 580px,210px)}.shades-inspector.astro-wsvjik4l{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;margin-top:4px;padding-top:14px}.shade-specimen.astro-wsvjik4l{min-height:152px;padding:14px 20px}.shade-specimen.astro-wsvjik4l p.astro-wsvjik4l{margin:10px 0 12px;font-size:clamp(24px,3cqi,30px)}.shade-readability-title.astro-wsvjik4l{margin-block:6px}.shade-text-label.astro-wsvjik4l small.astro-wsvjik4l{white-space:normal;margin-top:2px}.shade-text-check.astro-wsvjik4l{gap:3px 8px}.shade-readability-note.astro-wsvjik4l{margin-top:6px}.shades-footer.astro-wsvjik4l{margin-top:10px;padding-top:8px}.shades-scroll-hint.astro-wsvjik4l{display:none}.shades-scale.astro-wsvjik4l{grid-template-columns:repeat(11,minmax(0,1fr))}@container (width<=760px){.shade.astro-wsvjik4l .hex-code.astro-wsvjik4l{font-size:9px}.shade-copy.astro-wsvjik4l{gap:3px;padding:5px 4px;font-size:13px}.shade-copy.astro-wsvjik4l svg.astro-wsvjik4l{width:12px;height:12px}}}@media (width>=901px) and (height<=800px){#shade-title.astro-wsvjik4l{font-size:32px}.shades-heading.astro-wsvjik4l{margin-bottom:10px}.shades-heading.astro-wsvjik4l p.astro-wsvjik4l{margin-top:5px;font-size:16px}.shades-seed.astro-wsvjik4l{width:44px;height:44px}.shades-field.astro-wsvjik4l label.astro-wsvjik4l{font-size:15px}#shade-hex.astro-wsvjik4l{min-height:36px;font-size:18px}.shades-bar.astro-wsvjik4l{margin-bottom:8px;padding-bottom:8px}.shades-scale.astro-wsvjik4l{margin-bottom:22px}.shades-inspector.astro-wsvjik4l{padding-top:10px}.shades-footer.astro-wsvjik4l{margin-top:6px;padding-top:4px}}@media (hover:none){.shade.astro-wsvjik4l:hover .shade-copy.astro-wsvjik4l{opacity:0}}@media (prefers-reduced-motion:reduce){.shade-paint.astro-wsvjik4l,.shade-copy.astro-wsvjik4l,.shades-seed.astro-wsvjik4l,.shade-step.astro-wsvjik4l,.shade-specimen.astro-wsvjik4l{transition:none}.shade.astro-wsvjik4l:hover .shade-paint.astro-wsvjik4l,.shade.astro-wsvjik4l:focus-visible .shade-paint.astro-wsvjik4l{translate:none}}.palette-preview:not([data-kind=gradient]) .preview-scene{height:var(--preview-scene-height,168px)}.palette-preview:not([data-scene=page]):not([data-kind=gradient]) :is(.sample-canvas,.sample-surface),.palette-preview .ps-scene{display:none}.palette-preview[data-scene=dashboard]:not([data-kind=gradient]) .ps-dashboard,.palette-preview[data-scene=poster]:not([data-kind=gradient]) .ps-poster{display:grid}.palette-preview[data-scene=app]:not([data-kind=gradient]) .ps-app{display:flex}.ps-scene{min-height:0;font:400 8px/1.25 var(--preview-font);flex:1;overflow:hidden}.ps-scene *{transition:background-color .24s,color .24s,border-color .24s}.ps-dashboard{background:var(--preview-bg);color:var(--preview-ink);grid-template-columns:26px minmax(0,1fr)}.ps-dash-nav{background:var(--preview-surface);border-right:1px solid var(--preview-border);flex-direction:column;align-items:center;gap:7px;padding:8px 0;display:flex}.ps-dash-nav i{background:var(--preview-surface-muted);border-radius:2px;width:12px;height:4px}.ps-dash-nav .ps-logo{background:var(--preview-primary);border-radius:3px;width:12px;height:12px;margin-bottom:4px}.ps-dash-nav .on{background:var(--preview-primary)}.ps-dash-main{grid-template-rows:auto auto minmax(0,1fr) auto;gap:5px;min-width:0;padding:7px;display:grid}.ps-dash-head{justify-content:space-between;align-items:center;gap:4px;display:flex}.ps-dash-head b{letter-spacing:-.02em;font-size:11px}.ps-btn{background:var(--preview-primary);color:var(--preview-on-primary);box-shadow:inset 0 0 0 1px var(--preview-border);border-radius:3px;padding:3px 6px;font-weight:600}.ps-dash-stats{grid-template-columns:1fr 1fr;gap:5px;display:grid}.ps-card{border:1px solid var(--preview-border);background:var(--preview-surface);min-width:0;color:var(--preview-on-surface);border-radius:4px;padding:5px}.ps-card small{color:var(--preview-surface-muted);font-size:7px;display:block}.ps-card strong{letter-spacing:-.02em;font-size:11px;display:block}.ps-card em{font-size:7px;font-style:normal;font-weight:700}.ps-card .up{color:var(--preview-positive)}.ps-card .down{color:var(--preview-negative)}.ps-chart{align-items:flex-end;gap:3px;padding:6px;display:flex}.ps-chart i{background:var(--preview-chart-1);border-radius:1px 1px 0 0;flex:1;min-height:3px}.ps-chart i:first-child{height:38%}.ps-chart i:nth-child(2){background:var(--preview-chart-2);height:56%}.ps-chart i:nth-child(3){background:var(--preview-chart-3);height:44%}.ps-chart i:nth-child(4){height:72%}.ps-chart i:nth-child(5){background:var(--preview-chart-2);height:60%}.ps-chart i:nth-child(6){background:var(--preview-chart-4);height:86%}.ps-chart i:nth-child(7){background:var(--preview-chart-3);height:68%}.ps-chart i:nth-child(8){height:92%}.ps-row{border-top:1px solid var(--preview-border);align-items:center;gap:5px;padding-top:4px;display:flex}.ps-row span:nth-child(2){flex:1}.ps-dot{background:var(--preview-positive);border-radius:50%;width:6px;height:6px}.ps-pill{background:var(--preview-accent);color:var(--preview-on-accent);border-radius:6px;padding:1px 5px;font-weight:700}.ps-app{background:var(--preview-border);justify-content:center;align-items:center;padding:4px}.ps-phone{border:2px solid var(--preview-ink);background:var(--preview-bg);width:min(124px,100%);height:100%;color:var(--preview-ink);border-radius:14px;flex-direction:column;gap:4px;padding:5px 7px 0;display:flex;overflow:hidden}.ps-status{justify-content:space-between;font-size:6px;font-weight:700;display:flex}.ps-app-head small{color:var(--preview-muted);font-size:7px;display:block}.ps-app-head b{letter-spacing:-.02em;font-size:12px}.ps-app-card{background:var(--preview-accent);color:var(--preview-on-accent);border-radius:7px;padding:6px}.ps-app-card small{font-size:7px;display:block}.ps-app-card strong{margin:1px 0 3px;font-size:10px;display:block}.ps-progress{background:color-mix(in srgb, var(--preview-on-accent) 25%, transparent);border-radius:2px;height:3px;display:block}.ps-progress i{border-radius:inherit;background:var(--preview-on-accent);width:62%;height:100%;display:block}.ps-item{background:var(--preview-surface);color:var(--preview-on-surface);border-radius:5px;align-items:center;gap:4px;padding:3px 5px;font-size:7px;display:flex}.ps-item i{border:1px solid var(--preview-on-surface);border-radius:50%;width:6px;height:6px}.ps-item span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ps-item em{color:var(--preview-surface-muted);font-style:normal}.ps-cta{background:var(--preview-primary);color:var(--preview-on-primary);text-align:center;box-shadow:inset 0 0 0 1px var(--preview-border);border-radius:6px;margin-top:auto;padding:5px;font-size:8px;font-weight:700;display:block}.ps-tabs{border-top:1px solid var(--preview-border);background:var(--preview-surface);justify-content:space-around;margin:0 -7px;padding:5px 0 6px;display:flex}.ps-tabs i{background:var(--preview-surface-muted);border-radius:3px;width:9px;height:9px}.ps-tabs .on{background:var(--preview-primary)}.ps-poster{background:var(--preview-bg);color:var(--preview-ink);grid-template-rows:minmax(0,1fr) auto auto}.ps-poster-art{background:var(--preview-primary);color:var(--preview-on-primary);flex-direction:column;justify-content:flex-end;gap:4px;padding:9px 10px;display:flex;position:relative;overflow:hidden}.ps-kicker{z-index:1;font:700 7px/1 var(--preview-font);letter-spacing:.14em;text-transform:uppercase;position:relative}.ps-poster-art strong{z-index:1;font:800 22px/.92 var(--preview-font);letter-spacing:-.05em;position:relative}.ps-sun{aspect-ratio:1;background:var(--preview-accent);border-radius:50%;width:62%;position:absolute;top:12%;right:-14%}.ps-poster-foot{justify-content:space-between;align-items:center;padding:6px 10px;font-weight:600;display:flex}.ps-tag{border:1px solid var(--preview-ink);border-radius:8px;padding:2px 6px}.ps-band{height:9px;display:flex}.ps-band i{flex:1}.ps-band i:first-child{background:var(--preview-bg);box-shadow:inset 0 1px 0 var(--preview-border);flex:3}.ps-band i:nth-child(2){background:var(--preview-surface);flex:2}.ps-band i:nth-child(3){background:var(--preview-primary);flex:2}.ps-band i:nth-child(4){background:var(--preview-accent)}.ps-band i:nth-child(5){background:var(--preview-ink)}.palette-preview[data-kind=gradient] .preview-scenes{display:none}@media (width<=900px){.ps-scene{font-size:9px}.palette-preview:not([data-kind=gradient]) .preview-scene{height:220px}.ps-phone{width:min(140px,100%)}.ps-poster-art strong{font-size:26px}}@media (prefers-reduced-motion:reduce){.ps-scene *{transition:none}}.preview-check-colours.astro-etzfjr5x{min-height:32px;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) + 40px + 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:var(--preview-scene-height,168px)}.preview-options.astro-etzfjr5x{color:var(--chrome);margin-top:2px}.preview-options.astro-etzfjr5x summary.astro-etzfjr5x{cursor:pointer;width:fit-content;font:13px/1.4 var(--font-ui);padding:3px 0}.preview-options.astro-etzfjr5x[open] summary.astro-etzfjr5x{margin-bottom:5px}@media (width>=901px){.preview-options.astro-etzfjr5x{position:relative}.preview-options.astro-etzfjr5x[open] summary.astro-etzfjr5x{margin-bottom:0}.preview-options-content.astro-etzfjr5x{color:#1c1c1a;background:#f2f0eb;border:1px solid #242321;width:240px;padding:14px;position:absolute;bottom:0;left:calc(100% + 16px);box-shadow:3px 3px #242321}}.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}.palette-preview.astro-etzfjr5x[data-compact=true] .sample-canvas.astro-etzfjr5x{gap:2px;padding:4px 8px}.palette-preview.astro-etzfjr5x[data-compact=true] .sample-type.astro-etzfjr5x{font-size:16px}.palette-preview.astro-etzfjr5x[data-compact=true] .sample-description.astro-etzfjr5x{font-size:9px;line-height:1.2}.palette-preview.astro-etzfjr5x[data-compact=true] .sample-action.astro-etzfjr5x{min-height:21px;padding:3px 7px;font-size:9px}.palette-preview.astro-etzfjr5x[data-compact=true] .sample-surface.astro-etzfjr5x{height:22px;padding-block:3px;font-size:9px}.preview-views.astro-etzfjr5x{margin:0 0 6px;padding-inline:3px}.preview-controls.astro-etzfjr5x{flex:none;margin:0;display:flex}.preview-control-group.astro-etzfjr5x{gap:3px;display:flex}.preview-control-group.astro-etzfjr5x button.astro-etzfjr5x{white-space:nowrap;border:1px solid var(--chrome);min-height:23px;color:inherit;cursor:pointer;font:700 12px/1.2 var(--font-ui);background:0 0;flex:auto;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}@media (width>=901px){.preview-report.astro-etzfjr5x th,.preview-report.astro-etzfjr5x td{padding-block:2px;font-size:9px;line-height:1.2}.preview-report.astro-etzfjr5x p{margin-top:2px;line-height:1.2}}@media (width>=901px) and (height<=760px){.palette-preview.astro-etzfjr5x{top:calc(var(--bar) + 20px + var(--sidebar-navigation-height,0px))}}.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-compact=true] .astro-etzfjr5x:is(.gradient-hero,.gradient-accent-page){gap:4px;padding:8px}.palette-preview.astro-etzfjr5x[data-compact=true] .gradient-sample.astro-etzfjr5x strong.astro-etzfjr5x{font-size:16px}.palette-preview.astro-etzfjr5x[data-compact=true] .gradient-sample.astro-etzfjr5x p.astro-etzfjr5x{font-size:9px}@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{min-height:32px}.preview-control-group.astro-etzfjr5x button.astro-etzfjr5x{min-height:36px;font-size:14px}.preview-options.astro-etzfjr5x summary.astro-etzfjr5x,.preview-check-colours.astro-etzfjr5x{min-height:44px}.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}#color-to-palette>.palette-preview.astro-etzfjr5x{width:min(320px,100%);margin-inline:0}}@media (width<=600px){.palette-preview.astro-etzfjr5x.preview-docked,html.tool-view .palette-preview.astro-etzfjr5x,#color-to-palette>.palette-preview.astro-etzfjr5x{width: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:100%;position:relative;top:auto;right:auto}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 - 160px)}.shortcut-key kbd.astro-av774hkb{display:inline-block}}.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<=700px){.selection-help.astro-taa5jsfj{display:none}}@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}@media (width>=901px){.bar-brand.astro-ge2uvauf:before{content:"The Color Sheet";visibility:hidden;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding-left:42px;font-size:13px;font-weight:700;line-height:18px}.logo.astro-ge2uvauf{top:calc((var(--bar) - 32px) / 2);left:var(--gutter);z-index:11;color:#fff;mix-blend-mode:difference;position:fixed}}.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) + 24px);max-height:calc(100dvh - var(--bar) - 44px);z-index:10;width:calc(var(--rail) - var(--gutter) - 28px);scrollbar-width:thin;scrollbar-color:#ffffff60 transparent;color:#fff;mix-blend-mode:difference;position:fixed;overflow-y:auto}.rail-section.astro-ge2uvauf+.rail-section.astro-ge2uvauf{margin-top:12px}.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}@media (width>=901px) and (height<=760px){.rail.astro-ge2uvauf{top:calc(var(--bar) + 8px);max-height:calc(100dvh - var(--bar) - 28px)}.rail-section.astro-ge2uvauf+.rail-section.astro-ge2uvauf{margin-top:8px}}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] .bar.astro-ge2uvauf,html[data-view=browse] .bar.astro-ge2uvauf{flex-wrap:wrap;gap:14px;height:auto;padding-block:16px 14px}html[data-view=browse] .rail.astro-ge2uvauf .browse-home.astro-ge2uvauf{display:none}.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{align-items:center;min-height:36px;padding-block:0;display:flex}.rail.astro-ge2uvauf .astro-ge2uvauf[data-view=saved]{margin-top:0}.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;font:400 18px/25px var(--font-ui);letter-spacing:0;text-transform:none;margin:0;padding-block:5.5px}.rail-collections.astro-ge2uvauf[open],.rail-tools.astro-ge2uvauf[open]{flex-basis:100%}.collection-current.astro-ge2uvauf{display:none}.jobs.astro-ge2uvauf{border-left:0;flex-wrap:wrap;gap:0 14px;margin-bottom:12px;padding-left:0;display:flex}.jobs-scroll.astro-ge2uvauf{display:contents}.collections-hint.astro-ge2uvauf{display:none}.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 .browse-home.astro-ge2uvauf,html[data-view=saved] .browse-home.astro-ge2uvauf{display:block!important}html.tool-view .rail-editorial.astro-ge2uvauf{display:none}html.search-active .rail.astro-ge2uvauf{padding-bottom:8px}}@media (width<=600px){.bar-brand.astro-ge2uvauf{justify-content:space-between;gap:4px 12px}.chrome-install.astro-ge2uvauf{margin:0}.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,.rail.astro-ge2uvauf summary.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 .astro-ge2uvauf:is(a,button){font-size:16px}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 .astro-ge2uvauf:is(a,button){font-size:16px}html.tool-view .rail.astro-ge2uvauf{gap:0 10px}html.tool-view .rail-tool-actions.astro-ge2uvauf{flex-basis:auto;gap:0 10px}}html:is([data-view=make],[data-view=extract],[data-view=contrast],[data-view=shades]){overflow:auto}html:is([data-view=make],[data-view=extract],[data-view=contrast],[data-view=shades]) body{height:auto;overflow:visible}html:is([data-view=make],[data-view=extract],[data-view=contrast],[data-view=shades]) .hero.astro-ge2uvauf{height:auto;min-height:calc(100svh - var(--bar))}html:is([data-view=make],[data-view=extract],[data-view=contrast],[data-view=shades]) .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],[data-view=shades]) .board.astro-ge2uvauf{padding-bottom:6px}}@media (width>=901px){html:is([data-view=make],[data-view=contrast],[data-view=shades]) .board.astro-ge2uvauf{padding-top:clamp(18px,3vh,32px)}html:is([data-view=shades],[data-view=contrast]) .board.astro-ge2uvauf{padding-bottom:8px}}@media (width>=901px) and (height<=800px){html:is([data-view=shades],[data-view=contrast]){--bar:76px}html:is([data-view=shades],[data-view=contrast]) .board.astro-ge2uvauf{padding-top:18px}}@media (width<=900px){html.tool-view{--bar:52px;overflow:auto}html.tool-view body{height:auto;overflow:visible}html.tool-view .rail.astro-ge2uvauf{min-height:0;padding:4px var(--gutter);position:relative;inset:auto}html.tool-view .board.astro-ge2uvauf{width:100%;height:auto;max-height:none;padding:22px var(--gutter) 32px;margin-left:0;position:relative;inset:auto;overflow:visible}html.tool-view .hero.astro-ge2uvauf{height:auto;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;gap:32px}.skeleton-swatch.astro-bpxvl34w{aspect-ratio:4/3}.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}#search-empty-title.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){html.search-active .feed-heading.astro-5erqgcgu{display:none}.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}