.color-picker[data-astro-cid-lcxoojkz]{width:min(100%,68rem);margin:0 auto}.color-picker-toast[data-astro-cid-lcxoojkz]{z-index:80;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));border:1px solid var(--blue-200);background:var(--surface);width:min(25rem,100vw - 2rem);color:var(--navy-800);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.85rem .9rem;font-size:.8rem;animation:.16s ease-out color-picker-toast-in;display:grid;position:fixed;box-shadow:0 1.2rem 3rem oklch(31% .055 255/.2)}.color-picker-toast[data-astro-cid-lcxoojkz][hidden]{display:none}.color-picker-toast[data-astro-cid-lcxoojkz][data-tone=error]{border-color:oklch(76% .12 25)}.color-picker-toast[data-astro-cid-lcxoojkz][data-tone=success]{border-color:oklch(78% .12 150)}.color-picker-toast-icon[data-astro-cid-lcxoojkz]{background:var(--blue-100);width:1.8rem;height:1.8rem;color:var(--blue-800);border-radius:50%;place-items:center;font-weight:900;display:grid}.color-picker-toast[data-astro-cid-lcxoojkz][data-tone=error] .color-picker-toast-icon[data-astro-cid-lcxoojkz]{color:oklch(49% .18 27);background:oklch(95% .035 25)}.color-picker-toast[data-astro-cid-lcxoojkz][data-tone=success] .color-picker-toast-icon[data-astro-cid-lcxoojkz]{color:oklch(43% .13 150);background:oklch(95% .04 150)}.color-picker-toast[data-astro-cid-lcxoojkz] button[data-astro-cid-lcxoojkz]{width:2rem;height:2rem;color:var(--navy-600);cursor:pointer;background:0 0;border:0;border-radius:.55rem;place-items:center;font-size:1.2rem;display:grid}.color-picker-dropzone[data-astro-cid-lcxoojkz]{border:1px solid color-mix(in oklch, var(--blue-200), var(--surface) 42%);background:color-mix(in oklch, var(--surface), var(--blue-100) 12%);cursor:pointer;border-radius:1.5rem;align-content:center;place-items:center;gap:.8rem;width:100%;min-height:clamp(18.5rem,45svh,30rem);padding:clamp(2rem,5vw,4rem);transition:border-color .16s,background-color .16s,transform .16s,box-shadow .16s;display:grid;box-shadow:0 1.5rem 4rem oklch(31% .055 255/.09)}.color-picker-dropzone[data-astro-cid-lcxoojkz]:hover,.color-picker-dropzone[data-astro-cid-lcxoojkz][data-dragging=true]{border-color:var(--blue-500);background:color-mix(in oklch, var(--surface), var(--blue-100) 38%);transform:translateY(-2px);box-shadow:0 1.8rem 4.5rem oklch(31% .055 255/.13)}.color-picker-dropzone[data-astro-cid-lcxoojkz]:focus-visible,.color-picker-manual-open[data-astro-cid-lcxoojkz]:focus-visible,.color-picker[data-astro-cid-lcxoojkz] [data-astro-cid-lcxoojkz]:is(button,input,canvas):focus-visible{outline:3px solid var(--blue-300);outline-offset:2px}.color-picker-dropzone[data-astro-cid-lcxoojkz] img[data-astro-cid-lcxoojkz]{object-fit:contain;width:clamp(7.5rem,16vw,10rem);height:auto}.color-picker-dropzone[data-astro-cid-lcxoojkz] strong[data-astro-cid-lcxoojkz]{background:var(--blue-600);min-height:3.5rem;color:var(--surface);border-radius:.85rem;justify-content:center;align-items:center;margin-top:.3rem;padding:0 1.65rem;font-size:.95rem;font-weight:820;display:inline-flex;box-shadow:0 .65rem 1.25rem oklch(52% .17 255/.2)}.color-picker-dropzone[data-astro-cid-lcxoojkz]>span[data-astro-cid-lcxoojkz]{color:var(--navy-600);font-size:.8rem}.color-picker-limits[data-astro-cid-lcxoojkz]{color:var(--neutral-500);text-align:center;margin:.75rem 0 0;font-size:.75rem}.color-picker-manual-open[data-astro-cid-lcxoojkz]{min-height:2.5rem;color:var(--blue-700);cursor:pointer;font:inherit;text-underline-offset:.2rem;background:0 0;border:0;margin:.35rem auto 0;padding:0 .75rem;font-size:.78rem;font-weight:760;text-decoration:underline;display:block}.color-picker-workbench[data-astro-cid-lcxoojkz]{border:1px solid var(--line);background:color-mix(in oklch, var(--surface), var(--blue-100) 8%);border-radius:1.4rem;padding:clamp(.9rem,2.5vw,1.4rem);box-shadow:0 1.5rem 4rem oklch(31% .055 255/.09)}.color-picker-filebar[data-astro-cid-lcxoojkz],.color-picker-filebar[data-astro-cid-lcxoojkz]>div[data-astro-cid-lcxoojkz],.color-picker-file-actions[data-astro-cid-lcxoojkz]{align-items:center;display:flex}.color-picker-filebar[data-astro-cid-lcxoojkz]{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.15rem .15rem 1rem}.color-picker-filebar[data-astro-cid-lcxoojkz]>div[data-astro-cid-lcxoojkz]:first-child{gap:.75rem;min-width:0}.color-picker-filebar[data-astro-cid-lcxoojkz]>div[data-astro-cid-lcxoojkz]:first-child>div[data-astro-cid-lcxoojkz]{min-width:0}.color-picker-filebar[data-astro-cid-lcxoojkz] strong[data-astro-cid-lcxoojkz],.color-picker-filebar[data-astro-cid-lcxoojkz] span[data-astro-cid-lcxoojkz]{display:block}.color-picker-filebar[data-astro-cid-lcxoojkz] strong[data-astro-cid-lcxoojkz]{overflow-wrap:anywhere;color:var(--navy-950);font-size:.86rem}.color-picker-filebar[data-astro-cid-lcxoojkz]>div[data-astro-cid-lcxoojkz]:first-child>div[data-astro-cid-lcxoojkz]>span[data-astro-cid-lcxoojkz]{color:var(--navy-600);margin-top:.2rem;font-size:.72rem}.color-picker-file-icon[data-astro-cid-lcxoojkz]{color:var(--blue-600);filter:drop-shadow(.55rem 0 oklch(72% .16 165))drop-shadow(-.55rem 0 oklch(72% .16 45))}.color-picker-file-actions[data-astro-cid-lcxoojkz]{flex:none;gap:.45rem}.color-picker-grid[data-astro-cid-lcxoojkz]{grid-template-columns:minmax(0,1.15fr) minmax(22rem,.85fr);gap:1rem;margin-top:1rem;display:grid}.color-picker-workbench[data-astro-cid-lcxoojkz][data-has-image=false] .color-picker-grid[data-astro-cid-lcxoojkz]{grid-template-columns:minmax(0,36rem);justify-content:center}.color-picker-workbench[data-astro-cid-lcxoojkz][data-has-image=false] .color-picker-image-card[data-astro-cid-lcxoojkz]{display:none}.color-picker-image-card[data-astro-cid-lcxoojkz],.color-picker-controls[data-astro-cid-lcxoojkz]{border:1px solid var(--line);background:var(--surface);border-radius:1.15rem;min-width:0;padding:clamp(1rem,2.5vw,1.35rem)}.color-picker-card-heading[data-astro-cid-lcxoojkz]{justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;display:flex}.color-picker-card-heading[data-astro-cid-lcxoojkz] h2[data-astro-cid-lcxoojkz],.color-picker-card-heading[data-astro-cid-lcxoojkz] p[data-astro-cid-lcxoojkz]{margin:0}.color-picker-card-heading[data-astro-cid-lcxoojkz] h2[data-astro-cid-lcxoojkz]{color:var(--navy-950);font-family:var(--font-display);letter-spacing:-.03em;font-size:1.05rem}.color-picker-card-heading[data-astro-cid-lcxoojkz] p[data-astro-cid-lcxoojkz]{color:var(--navy-600);margin-top:.25rem;font-size:.72rem;line-height:1.45}.color-picker-card-heading[data-astro-cid-lcxoojkz]>strong[data-astro-cid-lcxoojkz]{color:var(--blue-700);flex:none;font-size:.72rem}.color-picker-image-stage[data-astro-cid-lcxoojkz]{background-color:#f8fafc;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 .5rem,.5rem -.5rem,-.5rem 0;background-size:1rem 1rem;border-radius:.9rem;place-items:center;min-height:22rem;margin-top:1rem;display:grid;overflow:hidden}.color-picker-canvas-wrap[data-astro-cid-lcxoojkz]{max-width:100%;max-height:34rem;line-height:0;display:inline-block;position:relative}.color-picker-canvas-wrap[data-astro-cid-lcxoojkz] canvas[data-astro-cid-lcxoojkz]{cursor:crosshair;width:auto;max-width:100%;height:auto;max-height:34rem;display:block}.color-picker-pixel-marker[data-astro-cid-lcxoojkz]{top:var(--pixel-y);left:var(--pixel-x);pointer-events:none;border:2px solid #fff;border-radius:50%;width:1.1rem;height:1.1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #0f172ac7,0 .25rem .8rem #0f172a59}.color-picker-key-hint[data-astro-cid-lcxoojkz]{color:var(--neutral-500);text-align:center;margin:.65rem 0 0;font-size:.68rem}.color-picker-controls-heading[data-astro-cid-lcxoojkz] .quiet-button[data-astro-cid-lcxoojkz]{flex:none}.color-picker-current[data-astro-cid-lcxoojkz]{background:color-mix(in oklch, var(--surface), var(--blue-100) 28%);border-radius:.9rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.9rem;margin-top:1rem;padding:.9rem;display:grid}.color-picker-current[data-astro-cid-lcxoojkz]>div[data-astro-cid-lcxoojkz]{min-width:0}.color-picker-current[data-astro-cid-lcxoojkz] strong[data-astro-cid-lcxoojkz]{color:var(--navy-950);font-size:1.15rem;display:block}.color-picker-current[data-astro-cid-lcxoojkz]>div[data-astro-cid-lcxoojkz]>span[data-astro-cid-lcxoojkz]{color:var(--navy-600);margin-top:.2rem;font-size:.68rem;line-height:1.4;display:block}.color-picker-native[data-astro-cid-lcxoojkz]{border:.45rem solid var(--surface);cursor:pointer;background:conic-gradient(#ef4444,#f59e0b,#22c55e,#06b6d4,#6366f1,#d946ef,#ef4444);border-radius:50%;flex:none;width:4.2rem;height:4.2rem;display:block;position:relative;box-shadow:0 .5rem 1.2rem #0f172a26}.color-picker-native[data-astro-cid-lcxoojkz]:after{background:var(--selected-color);content:"";pointer-events:none;border:2px solid #fff;border-radius:50%;position:absolute;inset:.55rem;box-shadow:0 0 0 1px #0f172a29}.color-picker-native[data-astro-cid-lcxoojkz] input[data-astro-cid-lcxoojkz]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-picker-field[data-astro-cid-lcxoojkz]{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), hsl(var(--picker-hue) 100% 50%);cursor:crosshair;touch-action:none;border:1px solid #0f172a1f;border-radius:.85rem;width:100%;height:8.5rem;margin-top:.85rem;display:block;position:relative;overflow:hidden}.color-picker-field[data-astro-cid-lcxoojkz]>span[data-astro-cid-lcxoojkz]{top:var(--picker-value);left:var(--picker-saturation);pointer-events:none;border:2px solid #fff;border-radius:50%;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #0f172abf}.color-picker-hue[data-astro-cid-lcxoojkz]{color:var(--navy-700);grid-template-columns:auto minmax(0,1fr) 2.5rem;align-items:center;gap:.65rem;margin-top:.8rem;font-size:.72rem;font-weight:760;display:grid}.color-picker-hue[data-astro-cid-lcxoojkz] input[data-astro-cid-lcxoojkz]{width:100%;height:.7rem;accent-color:var(--blue-600);background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:999px;margin:0}.color-picker-hue[data-astro-cid-lcxoojkz] output[data-astro-cid-lcxoojkz]{text-align:right}.color-picker-formats[data-astro-cid-lcxoojkz]{gap:.5rem;margin-top:1rem;display:grid}.color-picker-format[data-astro-cid-lcxoojkz]{grid-template-columns:3.15rem minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.color-picker-format[data-astro-cid-lcxoojkz]>strong[data-astro-cid-lcxoojkz]{color:var(--navy-800);font-size:.7rem}.color-picker-format-fields[data-astro-cid-lcxoojkz]{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;min-width:0;display:grid}.color-picker-format-fields-four[data-astro-cid-lcxoojkz]{grid-template-columns:repeat(4,minmax(0,1fr))}.color-picker-format-fields-single[data-astro-cid-lcxoojkz]{grid-template-columns:1fr}.color-picker-format-fields[data-astro-cid-lcxoojkz] label[data-astro-cid-lcxoojkz]{min-width:0;position:relative}.color-picker-format-fields[data-astro-cid-lcxoojkz] label[data-astro-cid-lcxoojkz]>span[data-astro-cid-lcxoojkz]:not(.sr-only){z-index:1;color:var(--neutral-500);pointer-events:none;font-size:.58rem;font-weight:800;position:absolute;top:50%;left:.45rem;transform:translateY(-50%)}.color-picker-format[data-astro-cid-lcxoojkz] input[data-astro-cid-lcxoojkz]{box-sizing:border-box;border:1px solid var(--neutral-300);background:var(--surface);width:100%;min-width:0;height:2.45rem;color:var(--navy-900);font:inherit;border-radius:.6rem;padding:0 .4rem 0 1.2rem;font-size:.7rem}.color-picker-format-fields-single[data-astro-cid-lcxoojkz] input[data-astro-cid-lcxoojkz]{text-transform:uppercase;padding-left:.65rem}.color-picker-format[data-astro-cid-lcxoojkz]>button[data-astro-cid-lcxoojkz]{border:1px solid var(--neutral-300);background:var(--surface);min-height:2.45rem;color:var(--blue-700);cursor:pointer;font:inherit;border-radius:.6rem;padding:0 .65rem;font-size:.68rem;font-weight:760}@keyframes color-picker-toast-in{0%{opacity:0;transform:translateY(.65rem)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.color-picker-dropzone[data-astro-cid-lcxoojkz]{transition:none}.color-picker-toast[data-astro-cid-lcxoojkz]{animation:none}}@media (width<=850px){.color-picker-grid[data-astro-cid-lcxoojkz]{grid-template-columns:1fr}.color-picker-image-stage[data-astro-cid-lcxoojkz]{min-height:16rem}}@media (width<=560px){.color-picker-workbench[data-astro-cid-lcxoojkz]{border-radius:1.15rem;padding:.75rem}.color-picker-filebar[data-astro-cid-lcxoojkz]{flex-direction:column;align-items:stretch}.color-picker-file-actions[data-astro-cid-lcxoojkz]{grid-template-columns:1fr 1fr;display:grid}.color-picker-file-actions[data-astro-cid-lcxoojkz] .quiet-button[data-astro-cid-lcxoojkz]{width:100%}.color-picker-image-card[data-astro-cid-lcxoojkz],.color-picker-controls[data-astro-cid-lcxoojkz]{padding:.9rem}.color-picker-image-stage[data-astro-cid-lcxoojkz]{min-height:13rem}.color-picker-format[data-astro-cid-lcxoojkz]{grid-template-columns:2.65rem minmax(0,1fr) auto;gap:.35rem}.color-picker-format[data-astro-cid-lcxoojkz]>button[data-astro-cid-lcxoojkz]{padding-inline:.5rem}.color-picker-format-fields[data-astro-cid-lcxoojkz]{gap:.2rem}.color-picker-format[data-astro-cid-lcxoojkz] input[data-astro-cid-lcxoojkz]{padding-left:1rem;padding-right:.2rem;font-size:.65rem}.color-picker-format-fields[data-astro-cid-lcxoojkz] label[data-astro-cid-lcxoojkz]>span[data-astro-cid-lcxoojkz]:not(.sr-only){left:.35rem}}@media (width<=390px){.color-picker-current[data-astro-cid-lcxoojkz]{grid-template-columns:3.5rem minmax(0,1fr);padding:.75rem}.color-picker-native[data-astro-cid-lcxoojkz]{width:3.5rem;height:3.5rem}.color-picker-controls-heading[data-astro-cid-lcxoojkz]{align-items:center}.color-picker-controls-heading[data-astro-cid-lcxoojkz] .quiet-button[data-astro-cid-lcxoojkz]{min-height:2.5rem;padding-inline:.65rem}}.tool-page-shell-color-picker{width:min(68rem,100vw - 3rem);padding-top:clamp(.9rem,2.2vw,1.65rem)}.tool-page-shell-color-picker .back-link{display:none}.tool-page-shell-color-picker .live-tool-header{text-align:center;padding:clamp(1.45rem,3.5vw,2.8rem) 0 clamp(1.55rem,3.6vw,2.45rem);display:block}.tool-page-shell-color-picker .live-tool-header h1{letter-spacing:-.065em;font-size:clamp(2.04rem,4.8vw,3.4rem);line-height:1}.tool-page-shell-color-picker .live-tool-header>div>p:last-child{max-width:none;margin-top:.85rem;font-size:clamp(.76rem,1.6vw,.864rem)}.tool-page-shell-color-picker:has(.color-picker-workbench:not([hidden])) .live-tool-header{padding-top:.9rem;padding-bottom:.9rem}@media (width<=700px){.tool-page-shell-color-picker{width:min(100% - 2rem,68rem);padding-top:.3rem}.tool-page-shell-color-picker .live-tool-header{padding:1.5rem 0}.tool-page-shell-color-picker .live-tool-header h1{font-size:clamp(1.88rem,10.4vw,2.56rem)}.color-picker-dropzone[data-astro-cid-lcxoojkz]{border-radius:1.3rem;min-height:clamp(18.5rem,46svh,24rem);padding:2rem 1rem}}