.PaletteMockups-module__SLOJFG__mockups{gap:20px;margin-top:16px;display:grid}.PaletteMockups-module__SLOJFG__sectionHeading h2{font:400 clamp(1.8rem, 3vw, 2.7rem)/1.15 var(--font-display);margin:8px 0 12px}.PaletteMockups-module__SLOJFG__sectionHeading p,.PaletteMockups-module__SLOJFG__logoHeading p{color:var(--ink-3);font-size:.875rem}.PaletteMockups-module__SLOJFG__settings{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.PaletteMockups-module__SLOJFG__settings label,.PaletteMockups-module__SLOJFG__roleGrid label{gap:7px;min-width:0;font-size:.8rem;display:grid}.PaletteMockups-module__SLOJFG__settings input{width:210px;max-width:100%}.PaletteMockups-module__SLOJFG__deviceControls{gap:6px;display:flex}.PaletteMockups-module__SLOJFG__deviceControls button[aria-pressed=true]{background:var(--mark-soft);border-color:var(--mark);color:var(--mark)}.PaletteMockups-module__SLOJFG__roleSettings{border:1px solid var(--line);background:var(--surface);padding:16px 20px}.PaletteMockups-module__SLOJFG__roleSettings summary{cursor:pointer;font-size:.875rem}.PaletteMockups-module__SLOJFG__roleGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-top:18px;display:grid}.PaletteMockups-module__SLOJFG__roleGrid select{width:100%;min-width:0}.PaletteMockups-module__SLOJFG__websiteFigure{min-width:0;margin:0}.PaletteMockups-module__SLOJFG__websiteFigure>figcaption{font:.75rem var(--font-mono);color:var(--ink-3);justify-content:space-between;gap:12px;margin-bottom:12px;display:flex}.PaletteMockups-module__SLOJFG__websiteFrame{border:1px solid var(--line);border-radius:10px;width:100%;margin-inline:auto;overflow:hidden;box-shadow:0 12px 35px #0000000a;container-type:inline-size}.PaletteMockups-module__SLOJFG__mobileFrame{max-width:390px}.PaletteMockups-module__SLOJFG__browserBar{background:var(--surface-2);color:var(--ink-3);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:12px 16px;display:flex}.PaletteMockups-module__SLOJFG__browserBar>span{background:var(--line-strong,var(--ink-4));border-radius:50%;width:7px;height:7px}.PaletteMockups-module__SLOJFG__browserBar>div{font:.65rem var(--font-mono);margin-inline:auto;padding-right:35px}.PaletteMockups-module__SLOJFG__mockSite{background:var(--mock-background);color:var(--mock-text);font-family:var(--font-ui)}.PaletteMockups-module__SLOJFG__mockNav{border-bottom:1px solid var(--mock-detail);align-items:center;gap:22px;padding:22px 5%;display:flex}.PaletteMockups-module__SLOJFG__wordmark{align-items:center;gap:9px;min-width:0;max-width:45%;display:flex}.PaletteMockups-module__SLOJFG__wordmark strong{font:600 1.4rem var(--font-display);overflow-wrap:anywhere}.PaletteMockups-module__SLOJFG__brandMark{flex-shrink:0;width:42px;height:42px}.PaletteMockups-module__SLOJFG__mockNavItems{gap:24px;margin-left:auto;font-size:.75rem;display:flex}.PaletteMockups-module__SLOJFG__bag{white-space:nowrap;margin-left:auto;font-size:.7rem}.PaletteMockups-module__SLOJFG__mockHero{grid-template-columns:1.05fr 1fr;align-items:center;gap:6%;padding:5%;display:grid}.PaletteMockups-module__SLOJFG__kicker{font:.63rem var(--font-mono);text-transform:uppercase;letter-spacing:.09em}.PaletteMockups-module__SLOJFG__heroCopy h3{font:400 clamp(2rem, 4.2cqw, 3.8rem)/1.05 var(--font-display);letter-spacing:-.025em;margin:22px 0 18px}.PaletteMockups-module__SLOJFG__heroCopy p{max-width:360px;font-size:.85rem;line-height:1.8}.PaletteMockups-module__SLOJFG__heroActions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;display:flex}.PaletteMockups-module__SLOJFG__mockButton{background:var(--mock-primary);color:var(--mock-background);border-radius:3px;padding:14px 18px;font-size:.72rem}.PaletteMockups-module__SLOJFG__mockTextLink{overflow-wrap:anywhere;border-bottom:1px solid;padding-bottom:3px;font-size:.75rem}.PaletteMockups-module__SLOJFG__heroFootnote{font:.6rem var(--font-mono);margin-top:30px;display:block}.PaletteMockups-module__SLOJFG__heroArt{background:var(--mock-surface);text-align:center;border-radius:45% 45% 4px 4px;min-width:0;padding:36px 18px 18px}.PaletteMockups-module__SLOJFG__artLabel{font:.6rem var(--font-mono)}.PaletteMockups-module__SLOJFG__objectArt{width:100%;max-height:340px;display:block}.PaletteMockups-module__SLOJFG__artCaption{text-align:left;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:.65rem;display:flex}.PaletteMockups-module__SLOJFG__collectionHeading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;padding:20px 5%;display:flex}.PaletteMockups-module__SLOJFG__collectionHeading h4{font:400 1.55rem var(--font-display)}.PaletteMockups-module__SLOJFG__collectionHeading>span{font-size:.7rem}.PaletteMockups-module__SLOJFG__productGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0 5% 5%;display:grid}.PaletteMockups-module__SLOJFG__productCard{background:var(--mock-surface);border-radius:4px;overflow:hidden}.PaletteMockups-module__SLOJFG__productArt{padding:8px 18px 0}.PaletteMockups-module__SLOJFG__productCopy{padding:12px 18px 20px}.PaletteMockups-module__SLOJFG__productCopy h5{font-size:.9rem;font-weight:500}.PaletteMockups-module__SLOJFG__productCopy p{margin-top:7px;font-size:.7rem}.PaletteMockups-module__SLOJFG__mockFooter{border-top:1px solid var(--mock-detail);flex-wrap:wrap;align-items:center;gap:14px 24px;padding:24px 5%;font-size:.65rem;display:flex}.PaletteMockups-module__SLOJFG__mockFooter strong{font:500 1.2rem var(--font-display);overflow-wrap:anywhere}.PaletteMockups-module__SLOJFG__mockFooter>span:last-child{margin-left:auto}.PaletteMockups-module__SLOJFG__logoHeading h3{font:400 1.7rem var(--font-display);margin:10px 0}.PaletteMockups-module__SLOJFG__logoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.PaletteMockups-module__SLOJFG__logoCard{min-width:0;margin:0}.PaletteMockups-module__SLOJFG__logoCanvas{border:1px solid var(--line);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:235px;padding:28px 18px;display:flex}.PaletteMockups-module__SLOJFG__logoLockup{align-items:center;gap:10px;max-width:100%;display:flex}.PaletteMockups-module__SLOJFG__logoLockup .PaletteMockups-module__SLOJFG__brandMark{width:50px;height:50px}.PaletteMockups-module__SLOJFG__logoLockup strong{font:600 clamp(1.3rem, 2.5vw, 2.4rem)/1.05 var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0}.PaletteMockups-module__SLOJFG__logoTagline{font:.55rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:center}.PaletteMockups-module__SLOJFG__logoCard figcaption{font:.68rem var(--font-mono);color:var(--ink-3);margin-top:10px}.PaletteMockups-module__SLOJFG__contrastChecks{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.PaletteMockups-module__SLOJFG__contrastChecks>div{border:1px solid var(--line);flex-wrap:wrap;gap:8px;padding:14px;font-size:.75rem;display:flex}.PaletteMockups-module__SLOJFG__contrastChecks>div>span:last-child{width:100%;color:var(--ink-3)}.PaletteMockups-module__SLOJFG__previewNote{font:.72rem/1.7 var(--font-mono);color:var(--ink-3)}@container (max-width:600px){.PaletteMockups-module__SLOJFG__mockNavItems{display:none}.PaletteMockups-module__SLOJFG__wordmark{max-width:75%}.PaletteMockups-module__SLOJFG__mockHero{grid-template-columns:1fr;gap:28px;padding:28px 7%}.PaletteMockups-module__SLOJFG__heroCopy h3{font-size:2.4rem}.PaletteMockups-module__SLOJFG__heroCopy p{font-size:.8rem}.PaletteMockups-module__SLOJFG__heroArt{padding-top:28px}.PaletteMockups-module__SLOJFG__collectionHeading h4{font-size:1.3rem}.PaletteMockups-module__SLOJFG__productGrid{grid-template-columns:1fr;gap:16px}.PaletteMockups-module__SLOJFG__productCard{grid-template-columns:110px 1fr;align-items:center;display:grid}.PaletteMockups-module__SLOJFG__productArt{padding:4px}.PaletteMockups-module__SLOJFG__productCopy{padding:16px}.PaletteMockups-module__SLOJFG__mockFooter>span:last-child{margin-left:0}}@media (max-width:760px){.PaletteMockups-module__SLOJFG__logoGrid,.PaletteMockups-module__SLOJFG__contrastChecks{grid-template-columns:1fr}.PaletteMockups-module__SLOJFG__roleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.PaletteMockups-module__SLOJFG__logoCanvas{min-height:210px}}@media (max-width:380px){.PaletteMockups-module__SLOJFG__roleGrid{grid-template-columns:1fr}}
.tools-module__oCstcq__shell{padding-block:36px 72px}.tools-module__oCstcq__heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.tools-module__oCstcq__heading h1{font-family:var(--font-display);letter-spacing:-.025em;margin:8px 0 12px;font-size:clamp(2.4rem,5vw,4.25rem);font-weight:400;line-height:1.08}.tools-module__oCstcq__heading p{max-width:580px;color:var(--ink-2)}.tools-module__oCstcq__note{font-family:var(--font-mono);color:var(--ink-3);font-size:.75rem}.tools-module__oCstcq__usage{gap:10px;min-width:0;display:grid}.tools-module__oCstcq__usageHeading{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.875rem;display:flex}.tools-module__oCstcq__usageHeading span{color:var(--ink-3);font:.75rem var(--font-mono)}.tools-module__oCstcq__usageMeter{appearance:none;background:var(--line);border:0;border-radius:3px;width:100%;height:6px;overflow:hidden}.tools-module__oCstcq__usageMeter::-webkit-progress-bar{background:var(--line)}.tools-module__oCstcq__usageMeter::-webkit-progress-value{background:var(--mark)}.tools-module__oCstcq__usageMeter::-moz-progress-bar{background:var(--mark)}.tools-module__oCstcq__usageOverview{border:1px solid var(--line);background:var(--surface);max-width:600px;margin-bottom:28px;padding:20px}.tools-module__oCstcq__feature{border:1px solid var(--mark-line);background:var(--mark-soft);color:var(--ink);grid-template-columns:1.1fr 1fr;gap:32px;margin-bottom:36px;padding:30px;text-decoration:none;display:grid}.tools-module__oCstcq__feature h2{font:400 clamp(2rem, 4vw, 3rem)/1.1 var(--font-display);margin:10px 0}.tools-module__oCstcq__feature p{max-width:480px;color:var(--ink-2)}.tools-module__oCstcq__sample{background:var(--surface);border:1px solid var(--line);padding:24px;transform:rotate(-1deg)}.tools-module__oCstcq__sample h3{font:400 1.75rem/1.2 var(--font-display);margin:12px 0}.tools-module__oCstcq__sectionTitle{align-items:baseline;gap:18px;margin:30px 0 14px;display:flex}.tools-module__oCstcq__sectionTitle h2{font-size:1.25rem;font-weight:500}.tools-module__oCstcq__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.tools-module__oCstcq__card{border:1px solid var(--line);background:var(--surface);color:var(--ink);flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:border-color .15s;display:flex}.tools-module__oCstcq__card:hover{border-color:var(--mark)}.tools-module__oCstcq__card h3{font-size:1.12rem;font-weight:500}.tools-module__oCstcq__card p{color:var(--ink-2);font-size:.875rem}.tools-module__oCstcq__cardArrow{color:var(--mark);margin-top:auto;padding-top:12px}.tools-module__oCstcq__back{color:var(--ink-3);margin-bottom:16px;font-size:.875rem;display:inline-block}.tools-module__oCstcq__workspace{grid-template-columns:310px minmax(0,1fr);align-items:start;gap:24px;display:grid}.tools-module__oCstcq__controls,.tools-module__oCstcq__result{border:1px solid var(--line);background:var(--surface);min-width:0;padding:24px}.tools-module__oCstcq__controls{flex-direction:column;gap:20px;display:flex}.tools-module__oCstcq__controls label{flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;display:flex}.tools-module__oCstcq__controls input:not([type=range]):not([type=color]):not([type=checkbox]),.tools-module__oCstcq__controls select,.tools-module__oCstcq__controls textarea{width:100%;min-width:0}.tools-module__oCstcq__controls input[type=color]{border:1px solid var(--line);width:100%;height:44px;padding:3px}.tools-module__oCstcq__controls input[type=range]{width:100%;accent-color:var(--mark)}.tools-module__oCstcq__controls small{color:var(--ink-3);font-weight:400}.tools-module__oCstcq__result{min-height:370px}.tools-module__oCstcq__empty{text-align:center;min-height:320px;color:var(--ink-3);place-content:center;gap:12px;display:grid}.tools-module__oCstcq__empty h2{font:400 2rem var(--font-display);color:var(--ink)}.tools-module__oCstcq__preview{object-fit:contain;background:repeating-conic-gradient(var(--surface-2) 0% 25%, var(--surface) 0% 50%) 0 0 / 20px 20px;width:100%;max-height:460px}.tools-module__oCstcq__row{flex-wrap:wrap;align-items:center;gap:12px;margin-block:16px;display:flex}.tools-module__oCstcq__swatches{grid-template-columns:repeat(5,minmax(0,1fr));margin-block:24px;display:grid}.tools-module__oCstcq__swatch{height:160px;font:.8rem var(--font-mono);cursor:pointer;border:0;justify-content:center;align-items:end;padding:12px 4px;display:flex}.tools-module__oCstcq__gradient{border-radius:var(--radius);min-height:330px}.tools-module__oCstcq__code{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:16px;padding:16px;font-size:.8rem;display:block}.tools-module__oCstcq__paletteWorkbench{gap:18px;display:grid}.tools-module__oCstcq__paletteToolbar{flex-wrap:wrap;align-items:end;gap:14px;display:flex}.tools-module__oCstcq__paletteToolbar label{gap:6px;font-size:.875rem;display:grid}.tools-module__oCstcq__paletteToolbar p{align-self:center}.tools-module__oCstcq__randomSwatches{border:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.tools-module__oCstcq__randomSwatch{flex-direction:column;justify-content:space-between;align-items:center;gap:18px;min-width:0;min-height:310px;padding:18px 10px;display:flex}.tools-module__oCstcq__paletteLock,.tools-module__oCstcq__hexCopy{color:inherit;cursor:pointer;background:0 0}.tools-module__oCstcq__paletteLock{border:1px solid;border-radius:4px;min-height:40px;padding:8px 12px;font-size:.8rem}.tools-module__oCstcq__paletteLock[aria-pressed=true]{border-width:2px;font-weight:600}.tools-module__oCstcq__hexCopy{font:500 1rem var(--font-mono);border:0;padding:10px 2px}.tools-module__oCstcq__swatchActions{justify-items:center;gap:10px;display:grid}.tools-module__oCstcq__colorEdit{align-items:center;gap:8px;font-size:.75rem;display:flex}.tools-module__oCstcq__colorEdit input{cursor:pointer;background:0 0;border:1px solid;width:32px;height:32px;padding:0}.tools-module__oCstcq__paletteLock:focus-visible,.tools-module__oCstcq__hexCopy:focus-visible,.tools-module__oCstcq__colorEdit input:focus-visible{outline-offset:4px;outline:2px solid}@media (max-width:680px){.tools-module__oCstcq__randomSwatches{grid-template-columns:1fr}.tools-module__oCstcq__randomSwatch{flex-direction:row;min-height:120px;padding:18px}.tools-module__oCstcq__swatchActions{gap:16px;display:flex}}.tools-module__oCstcq__error{color:var(--mark);font-size:.875rem}.tools-module__oCstcq__brief h2{font:400 2.5rem/1.1 var(--font-display);margin:14px 0}.tools-module__oCstcq__brief h3{margin:26px 0 10px;font-size:1rem;font-weight:600}.tools-module__oCstcq__brief p,.tools-module__oCstcq__brief li{color:var(--ink-2);font-size:.9375rem;line-height:1.7}.tools-module__oCstcq__brief ul{padding-left:20px}.tools-module__oCstcq__briefHeader{border-bottom:1px solid var(--line);padding-bottom:22px}.tools-module__oCstcq__briefMeta{color:var(--ink-3);font:.75rem var(--font-mono);flex-wrap:wrap;gap:8px 18px;display:flex}.tools-module__oCstcq__status{background:var(--surface-2);border:1px solid var(--line);margin-block:16px;padding:12px 16px;font-size:.875rem}.tools-module__oCstcq__score{font:400 4rem/1 var(--font-display);margin-block:22px}.tools-module__oCstcq__pass{color:var(--good)}.tools-module__oCstcq__checks{gap:8px;margin-top:24px;display:grid}.tools-module__oCstcq__checks p{border-bottom:1px solid var(--line);justify-content:space-between;padding-block:10px;display:flex}@media (max-width:900px){.tools-module__oCstcq__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-module__oCstcq__workspace{grid-template-columns:270px minmax(0,1fr)}}@media (max-width:680px){.tools-module__oCstcq__heading{display:block}.tools-module__oCstcq__feature,.tools-module__oCstcq__workspace,.tools-module__oCstcq__grid{grid-template-columns:1fr}.tools-module__oCstcq__feature{gap:22px;padding:22px}.tools-module__oCstcq__shell{padding-top:24px}.tools-module__oCstcq__sectionTitle{display:block}.tools-module__oCstcq__swatch{height:120px;font-size:.65rem}.tools-module__oCstcq__controls,.tools-module__oCstcq__result{padding:20px}}@media print{.tools-module__oCstcq__controls,.tools-module__oCstcq__back,.tools-module__oCstcq__heading,.tools-module__oCstcq__row{display:none!important}.tools-module__oCstcq__workspace{display:block}.tools-module__oCstcq__result{border:0}.tools-module__oCstcq__brief{break-inside:auto}}