.color-picker-workspace-module__wyN-HW__workspace{letter-spacing:0;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);gap:2rem;display:grid}.color-picker-workspace-module__wyN-HW__controls,.color-picker-workspace-module__wyN-HW__output,.color-picker-workspace-module__wyN-HW__sourceControls{min-width:0}.color-picker-workspace-module__wyN-HW__sourceControls{border:0;gap:.8rem;margin:0;padding:0;display:grid}.color-picker-workspace-module__wyN-HW__sourceControls legend,.color-picker-workspace-module__wyN-HW__selected h2,.color-picker-workspace-module__wyN-HW__paletteBlock h2{margin:0 0 1rem;font-size:1.12rem;font-weight:700}.color-picker-workspace-module__wyN-HW__sourceControls button,.color-picker-workspace-module__wyN-HW__file,.color-picker-workspace-module__wyN-HW__format button,.color-picker-workspace-module__wyN-HW__exports button{border:1px solid var(--line);min-height:2.5rem;color:var(--ink);background:var(--surface);font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.88rem;display:inline-flex}.color-picker-workspace-module__wyN-HW__sourceControls button:disabled,.color-picker-workspace-module__wyN-HW__exports button:disabled{opacity:.5;cursor:not-allowed}.color-picker-workspace-module__wyN-HW__file{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start}.color-picker-workspace-module__wyN-HW__file input{max-width:100%;font-size:.78rem}.color-picker-workspace-module__wyN-HW__limit{color:var(--muted-ink);margin:.8rem 0 2rem;font-size:.78rem;line-height:1.5}.color-picker-workspace-module__wyN-HW__selected{border-top:1px solid var(--line);padding-top:1.5rem}.color-picker-workspace-module__wyN-HW__selectedSwatch{border:1px solid var(--line);background-image:conic-gradient(#dee3df 25%, transparent 0 50%, #dee3df 0 75%, transparent 0);background-size:1rem 1rem;width:100%;height:4.5rem}.color-picker-workspace-module__wyN-HW__selectedSwatch span{width:100%;height:100%;display:block}.color-picker-workspace-module__wyN-HW__selected>p,.color-picker-workspace-module__wyN-HW__paletteBlock>p{color:var(--muted-ink);margin:.6rem 0 1.2rem;font-size:.85rem}.color-picker-workspace-module__wyN-HW__format{border-top:1px solid var(--line);font-family:var(--mono);grid-template-columns:2.5rem minmax(0,1fr) 2.5rem;align-items:center;gap:.5rem;padding:.45rem 0;font-size:.8rem;display:grid}.color-picker-workspace-module__wyN-HW__format output{overflow-wrap:anywhere}.color-picker-workspace-module__wyN-HW__format button{width:2.5rem;padding:.4rem}.color-picker-workspace-module__wyN-HW__error{color:#a32134;margin:1rem 0 0;line-height:1.45}.color-picker-workspace-module__wyN-HW__notice{color:var(--link);margin:.8rem 0 0;line-height:1.45}.color-picker-workspace-module__wyN-HW__stage{border:1px solid var(--line);background:#e6e9eb;justify-content:center;align-items:center;min-height:31rem;padding:1rem;display:flex}.color-picker-workspace-module__wyN-HW__stage>p{color:var(--muted-ink);text-align:center;margin:0}.color-picker-workspace-module__wyN-HW__image{cursor:crosshair;touch-action:none;width:auto;max-width:100%;height:auto;max-height:31rem;display:block}.color-picker-workspace-module__wyN-HW__detail{border-top:1px solid var(--line);grid-template-columns:7rem minmax(0,1fr);gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.color-picker-workspace-module__wyN-HW__loupe{border:1px solid var(--ink);background:var(--surface);width:5.625rem;height:5.625rem;image-rendering:pixelated;display:block}.color-picker-workspace-module__wyN-HW__loupeWrap p{color:var(--muted-ink);margin:.5rem 0 0;font-size:.75rem}.color-picker-workspace-module__wyN-HW__palette{grid-template-columns:repeat(8,minmax(0,1fr));gap:.4rem;display:grid}.color-picker-workspace-module__wyN-HW__palette button{aspect-ratio:1;border:2px solid var(--surface);outline:1px solid var(--line);cursor:pointer;width:100%;min-height:2.2rem;padding:0}.color-picker-workspace-module__wyN-HW__palette button:hover,.color-picker-workspace-module__wyN-HW__palette button:focus-visible{outline:3px solid var(--link)}.color-picker-workspace-module__wyN-HW__exports{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}@media (max-width:800px){.color-picker-workspace-module__wyN-HW__workspace{grid-template-columns:minmax(0,1fr)}.color-picker-workspace-module__wyN-HW__stage{min-height:20rem}}@media (max-width:480px){.color-picker-workspace-module__wyN-HW__detail{grid-template-columns:1fr}.color-picker-workspace-module__wyN-HW__palette{grid-template-columns:repeat(4,minmax(0,1fr))}}
.page-module__Mwz9NG__main{width:min(var(--content-width), calc(100% - (var(--site-gutter) * 2)));margin:0 auto;padding:5rem 0 7rem}.page-module__Mwz9NG__introduction{border-bottom:1px solid var(--ink);grid-template-columns:minmax(0,1fr) minmax(17rem,.55fr);align-items:end;gap:1.5rem 5rem;margin-bottom:3.5rem;padding-bottom:3rem;display:grid}.page-module__Mwz9NG__kicker,.page-module__Mwz9NG__sectionLabel{color:var(--link);font-family:var(--mono);letter-spacing:0;text-transform:uppercase;grid-column:1/-1;margin:0;font-size:.72rem;font-weight:700}.page-module__Mwz9NG__introduction h1{font-family:var(--serif);letter-spacing:0;margin:0;font-size:5rem;font-weight:500;line-height:.94}.page-module__Mwz9NG__lede{max-width:30rem;color:var(--muted-ink);margin:0;font-size:1.1rem;line-height:1.58}.page-module__Mwz9NG__faq{max-width:47rem;margin-top:6rem}.page-module__Mwz9NG__faq>h2{font-family:var(--serif);letter-spacing:0;margin:1rem 0 1.5rem;font-size:1.9rem;font-weight:500;line-height:1.1}.page-module__Mwz9NG__faq details{border-top:1px solid var(--line);padding:1rem 0}.page-module__Mwz9NG__faq details:last-of-type{border-bottom:1px solid var(--line)}.page-module__Mwz9NG__faq summary{cursor:pointer;font-weight:700}.page-module__Mwz9NG__faq details p,.page-module__Mwz9NG__related{color:var(--muted-ink);margin:.8rem 0 0;font-size:.94rem;line-height:1.6}.page-module__Mwz9NG__related{margin-top:2rem}.page-module__Mwz9NG__related a{color:var(--link);font-weight:700}@media (max-width:700px){.page-module__Mwz9NG__main{padding:3.25rem 0 5rem}.page-module__Mwz9NG__introduction{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2.5rem;padding-bottom:2.25rem}.page-module__Mwz9NG__introduction h1{font-size:3.15rem}.page-module__Mwz9NG__faq{margin-top:4rem}}