.color-tools-overview{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch;color:var(--k9,#ececec)}.color-lab .overview-sphere,.color-tools-overview .overview-tool{min-width:0;padding:20px;border:0;border-radius:var(--cl-radius,20px);background:var(--k1,#1a1a1a)}.color-tools-overview.overview-compose{display:flex;flex-direction:column;align-items:stretch;gap:32px}.overview-compose-group{min-width:0}.overview-compose-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}.overview-group-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 16px;font-size:16px;font-weight:500;line-height:1.4}.overview-group-heading>span{color:var(--k5);font-size:12px;font-weight:400;letter-spacing:.08em}.color-lab .sphere-heading,.overview-tool-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-height:40px;margin-bottom:12px}.color-lab .sphere-heading h3,.color-tools-overview .overview-tool-heading :is(h3,h4){margin:0;color:var(--k9);font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.01em}.overview-tool .overview-purpose{margin:0 0 16px;color:var(--k6);font-size:14px;line-height:1.6}.color-lab .overview-sphere .lab-help,.overview-tool .overview-note{margin:12px 0 0;color:var(--k5);font-size:12px;line-height:1.65}.overview-note strong{color:var(--k9);font-weight:500}.overview-action{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:6px;min-height:32px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--k6);font-size:12px;line-height:1.2;white-space:nowrap}.overview-action:hover{background:var(--k2);color:var(--k10)}.overview-action svg{width:14px;height:14px;flex-shrink:0}.overview-action.overview-add{min-height:36px;padding:0 14px;background:var(--k2);color:var(--k9);font-size:14px}.overview-action.overview-add:hover{background:var(--k3)}.overview-strip-meta .overview-action.overview-add{min-height:32px;padding:0 10px;background:transparent;color:var(--k6);font-size:12px}.overview-strip-meta .overview-action.overview-add:hover{background:var(--k2);color:var(--k10)}.overview-strip{display:grid;gap:2px}.overview-strip>div{min-width:0}.overview-swatch{display:block;width:100%;padding:0;border:0;cursor:pointer;transition:filter .15s}.overview-swatch:hover{filter:brightness(1.08)}.overview-strip>div:first-child>.overview-swatch{border-top-left-radius:12px;border-bottom-left-radius:12px}.overview-strip>div:last-child>.overview-swatch{border-top-right-radius:12px;border-bottom-right-radius:12px}.overview-role{display:block;padding-top:6px;color:var(--k5);font-size:12px;line-height:1.3;text-align:center;white-space:nowrap}.overview-strip-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px;margin-top:8px}.overview-inspected .overview-action{padding-left:0;color:var(--k9);font-family:var(--f-mono)}.overview-dot{display:inline-block;flex-shrink:0;width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge,rgb(255 255 255/.1))}.overview-shading-key{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));-moz-column-gap:16px;column-gap:16px;margin-top:12px}.overview-shading-key>div{display:flex;align-items:center;gap:8px;min-width:0;min-height:32px}.overview-shading-key>div>span:nth-child(2){color:var(--k6);font-size:12px}.overview-shading-key .overview-action{margin-left:auto;font-family:var(--f-mono)}.overview-ramps{display:grid;gap:16px}.overview-row-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.color-tools-overview .overview-row-heading h5{margin:0;color:var(--k6);font-size:12px;font-weight:400;line-height:1.3}.overview-select{display:grid;gap:6px;min-width:0}.overview-select>span{color:var(--k5);font-size:12px;line-height:1.3}.overview-select select{width:100%}.overview-gradient-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 84px;gap:8px}.overview-gradient{height:32px;margin:16px 0 8px;border-radius:999px}.overview-harmony{display:flex;align-items:center;gap:20px;margin-top:16px;min-height:100px}.overview-harmony>svg{flex-shrink:0}.overview-harmony-colors{display:grid;flex:1;gap:4px;min-width:0}.overview-harmony-colors>div{display:flex;align-items:center;justify-content:space-between;gap:4px}.overview-harmony-colors .overview-action{font-family:var(--f-mono)}.overview-harmony-pick{display:inline-flex;min-width:0;align-items:center;gap:10px;min-height:36px;padding:0;border:0;background:none;color:var(--k6);font-size:14px}.overview-harmony-pick:hover{color:var(--k10)}.overview-harmony-pick>span:first-child{display:block;flex-shrink:0;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge,rgb(255 255 255/.1))}.overview-coldwarm{display:flex;gap:20px}.overview-coldwarm-map{flex-shrink:0;width:200px}.overview-axis{display:flex;justify-content:space-between;margin-bottom:8px;color:var(--k5);font-size:12px}.overview-coldwarm-grid{display:grid;width:200px;height:200px;gap:3px}.overview-coldwarm-grid .overview-swatch{border-radius:5px}.overview-coldwarm-grid .is-base{outline:2px solid var(--k10);outline-offset:1px}.overview-coldwarm-controls{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding-top:26px}.overview-coldwarm-controls>.overview-select{width:100%}.overview-coldwarm-controls>.overview-note{margin:0}.overview-coldwarm-controls>.overview-action{padding-left:0;font-family:var(--f-mono)}.overview-formats>div{display:grid;grid-template-columns:64px minmax(0,1fr) 32px;align-items:center;gap:4px;min-height:36px;border-bottom:1px solid var(--k2)}.overview-formats>div>span{color:var(--k5);font:12px var(--f-mono);letter-spacing:.06em}.overview-formats code{color:var(--k8);font-size:14px;line-height:1.35;overflow-wrap:anywhere}.overview-formats .overview-action{width:32px;padding:0}.overview-extra-formats{margin-top:12px}.overview-format-actions{display:flex;flex-wrap:wrap;gap:4px}.overview-channels{margin-top:16px;padding-top:16px;border-top:1px solid var(--k2)}.overview-channel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.overview-channel-heading>span{color:var(--k6);font-size:14px}.overview-channel-heading select{width:auto}.overview-channel-bars{display:grid;gap:14px}.overview-channel-bars>div{display:grid;grid-template-columns:1fr auto;gap:6px;min-width:0}.overview-channel-bars>div>span{width:auto;color:var(--k6)}.overview-channel-bars>div>div{grid-column:1/-1;grid-row:2;min-width:0;height:6px;background:var(--k0)}.overview-channel-bars>div>span:last-child{grid-column:2;grid-row:1;color:var(--k8)}.overview-contrast{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.overview-aa{display:flex;height:88px;align-items:center;justify-content:center;gap:10px;border-radius:var(--cl-radius-m,14px);font-size:32px;line-height:1}.overview-aa span{font:12px var(--f-mono)}.overview-contrast>div>p{margin:8px 0 6px;color:var(--k6);font-size:12px}.overview-passes{display:flex;flex-wrap:wrap;gap:4px;font-size:12px}.overview-passes span{padding:2px 8px;border-radius:999px}.overview-passes .pass{background:var(--k2);color:var(--k9)}.overview-passes .fail{color:var(--k5)}.overview-vision{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.overview-vision>div{min-width:0}.overview-vision .overview-swatch{border-radius:12px}.overview-vision p{margin:8px 0 2px;color:var(--k6);font-size:12px;overflow-wrap:anywhere}.overview-vision .overview-action{padding-left:0;font-family:var(--f-mono)}.overview-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.overview-name strong{color:var(--k9);font-size:16px;font-weight:500}.overview-name>span:last-child{color:var(--k5);font-size:12px}.overview-tool .overview-meaning-title{margin:16px 0 0;color:var(--k9);font-size:14px;font-weight:500}.overview-meaning-card .overview-note{font-size:14px;color:var(--k6)}.color-lab .sphere-study{display:grid;grid-template-columns:minmax(0,1fr) 124px;gap:16px;align-items:stretch}.color-lab .sphere-study-preview{width:100%;height:100%;min-height:200px;overflow:hidden;border-radius:var(--cl-radius-m,14px)}.color-lab .sphere-colors{display:grid;gap:4px}.color-lab .sphere-role{display:grid;grid-template-columns:24px minmax(0,1fr);align-content:center;-moz-column-gap:10px;column-gap:10px;row-gap:2px;width:100%;min-height:36px;padding:0;border:0;background:none;color:var(--k6);font-size:12px;text-align:left}.color-lab .sphere-role>span:first-child{grid-row:1/3;align-self:center;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge,rgb(255 255 255/.1))}.color-lab .sphere-role code{grid-column:2;color:var(--k5);font-size:12px}.color-lab .sphere-role.is-base,.color-lab .sphere-role.is-base code,.color-lab .sphere-role:hover{color:var(--k10)}.color-lab .sphere-role.is-base>span:first-child{outline:2px solid var(--k10);outline-offset:2px}@media (min-width:680px){.color-tools-overview,.overview-compose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1100px){.color-tools-overview,.overview-compose-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-analysis .overview-formats-card{grid-column:1;grid-row:1/span 2}.overview-analysis .overview-contrast-card{grid-column:2;grid-row:1}.overview-analysis .overview-meaning-card{grid-column:3;grid-row:1}.overview-analysis .overview-vision-card{grid-column:2/span 2;grid-row:2}}@media (max-width:679px){.overview-analysis .overview-vision{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:479px){.color-lab .overview-sphere,.color-tools-overview .overview-tool{padding:16px;border-radius:18px}.overview-coldwarm{gap:12px}.overview-coldwarm-grid,.overview-coldwarm-map{width:164px}.overview-coldwarm-grid{height:164px}.overview-shading-key{grid-template-columns:minmax(0,1fr)}.overview-gradient-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.color-lab .sphere-study{grid-template-columns:minmax(0,1fr) 104px}}@media (prefers-reduced-motion:reduce){.overview-swatch{transition:none}}.attribute-study{min-width:0;padding:20px;border-radius:var(--cl-radius,20px);background:var(--k1,#1a1a1a);color:var(--k9,#ececec)}.attribute-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin-bottom:16px}.attribute-heading h3{margin:0;font-size:16px;font-weight:500;line-height:1.4}.attribute-comparison{display:grid;grid-template-columns:minmax(0,1fr) 16px minmax(0,1fr);gap:12px;align-items:center}.attribute-comparison>div{min-width:0}.attribute-comparison>div>span{display:block;height:72px;border-radius:var(--cl-radius-m,14px);box-shadow:inset 0 0 0 1px var(--cl-edge,rgb(255 255 255/.1))}.attribute-comparison>svg{color:var(--k5)}.attribute-comparison p{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px;margin-top:8px;color:var(--k6);font-size:12px}.attribute-comparison code{color:var(--k8);font-size:12px}.attribute-controls{display:grid;gap:4px;margin-top:16px}.attribute-controls>label{display:grid;grid-template-columns:56px minmax(0,1fr) 60px;gap:12px;align-items:center;min-height:40px;color:var(--k6);font-size:14px}.color-lab .attribute-controls input[type=range]{height:28px;padding:9px 0;border-radius:999px;background-color:transparent;background-size:100% 100%;background-repeat:no-repeat;background-origin:content-box;background-clip:content-box;cursor:ew-resize}.color-lab .attribute-controls input[type=range]::-webkit-slider-runnable-track{height:10px;background:none}.color-lab .attribute-controls input[type=range]::-moz-range-track{height:10px;background:none}.color-lab .attribute-controls input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-4px;border-radius:50%;background:var(--k10);box-shadow:0 0 0 3px var(--k0),0 1px 6px rgb(0 0 0/.6)}.color-lab .attribute-controls input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--k10);box-shadow:0 0 0 3px var(--k0)}.attribute-controls output{color:var(--k9);font:14px var(--f-mono);text-align:right}.attribute-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:12px 0 20px}.attribute-context-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-top:20px;border-top:1px solid var(--k2)}.attribute-context-heading h4{margin:0;color:var(--k8);font-size:14px;font-weight:500}.attribute-context{display:flex;height:120px;overflow:hidden;border-radius:var(--cl-radius-m,14px)}.attribute-context>div{display:flex;width:50%;align-items:center;justify-content:center}.attribute-context>div>span{display:block;width:36%;height:40px}.attribute-context.is-connected>div>span{width:68%}.attribute-context.is-connected>div:first-child{justify-content:flex-end}.attribute-context.is-connected>div:last-child{justify-content:flex-start}.attribute-example-status{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-bottom:12px}.attribute-example-status p{margin:0;color:var(--k8);font-size:14px}.attribute-context-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;margin-top:12px}.attribute-bg-inputs{display:flex;gap:16px}.attribute-bg-inputs label{display:flex;align-items:center;gap:8px;min-height:40px;color:var(--k6);font-size:14px}.attribute-bg-inputs input{width:32px;height:32px;padding:0;border:0;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.attribute-bg-inputs input::-webkit-color-swatch-wrapper{padding:0}.attribute-bg-inputs input::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge,rgb(255 255 255/.1))}.attribute-bg-inputs input::-moz-color-swatch{border:0;border-radius:50%}.attribute-luminance{margin:8px 0 0;color:var(--k5);font-size:12px;line-height:1.6}.attribute-luminance strong{color:var(--k9);font:12px var(--f-mono)}.attribute-note{margin-top:8px;color:var(--k5);font-size:12px;line-height:1.65}.attribute-note code{color:var(--k8)}.attribute-example-options{margin-top:16px}.attribute-examples{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.attribute-example-chip{flex:none;width:14px;height:14px;border-radius:50%}.study-explanation{margin-top:16px;padding-top:4px;border-top:1px solid var(--k2);color:var(--k6);font-size:14px;line-height:1.7}.study-explanation>div{padding-bottom:8px}.study-explanation p{margin:0 0 8px}.study-explanation a{color:var(--k8);font-size:12px;text-decoration:underline;text-underline-offset:3px}@media (max-width:479px){.attribute-study{padding:16px;border-radius:18px}.attribute-controls>label{grid-template-columns:48px minmax(0,1fr) 52px;gap:8px;min-height:44px}.attribute-bg-inputs input{width:36px;height:36px}}.color-lighting-study{min-width:0;padding:20px;border:0;border-radius:var(--cl-radius,20px);background:var(--k1,#1a1a1a);color:var(--k8,#d9d9d9);font-size:14px;line-height:1.5;scroll-margin-top:124px}.lighting-study-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.lighting-study-heading h3{margin:0;color:var(--k9);font-size:16px;font-weight:500;line-height:1.4;letter-spacing:-.01em}.lighting-study-heading p{margin:4px 0 0;color:var(--k5);font-size:12px;line-height:1.6}.color-lighting-study button{cursor:pointer}.lighting-reset{flex-shrink:0;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--k2);color:var(--k8);font-size:14px}.lighting-reset:hover{background:var(--k3);color:var(--k10)}.lighting-stage{position:relative;overflow:hidden;border:0;border-radius:var(--cl-radius-m,14px);background:var(--k0)}.color-lab .lighting-view-tabs{margin:10px}.lighting-study-canvas{display:block;width:100%;height:240px}.lighting-stage-caption{position:relative;margin:0;padding:10px 14px 12px;border:0;background:transparent;color:var(--k5);font-size:12px;line-height:1.55}.lighting-position-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;margin-top:16px}.lighting-position-controls label{display:block;min-width:0;color:var(--k6);font-size:14px}.lighting-position-controls label>span{display:flex;justify-content:space-between;align-items:center;gap:8px}.lighting-position-controls output{color:var(--k9);font:14px/1.5 var(--f-mono)}.lighting-temperature-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-top:12px;padding-top:12px;border-top:1px solid var(--k2)}.lighting-temperature-row>span{color:var(--k6);font-size:14px;white-space:nowrap}.lighting-environment-row{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;margin-top:8px}.lighting-toggles{display:flex;flex:1;flex-wrap:wrap;gap:0 16px;min-width:0}.lighting-toggles label{display:flex;align-items:center;gap:8px;min-height:40px;color:var(--k8);font-size:14px;white-space:nowrap;cursor:pointer}.lighting-toggles input{flex-shrink:0;width:16px;height:16px;margin:0;accent-color:var(--k10);cursor:pointer}.lighting-toggles label:has(input:not(:checked)){color:var(--k5)}.lighting-ground{display:flex;flex-shrink:0;align-items:center;gap:8px;color:var(--k6);font-size:14px;cursor:pointer}.lighting-ground input[type=color]{display:block;width:32px;height:32px;padding:0;border:0;border-radius:50%;overflow:hidden;background:transparent;cursor:pointer}.lighting-ground input[type=color]::-webkit-color-swatch-wrapper{padding:0}.lighting-ground input[type=color]::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge,rgb(255 255 255/.1))}.lighting-ground input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.lighting-samples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--k2)}.lighting-samples>button,.lighting-samples>div{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:52px;padding:8px;border:0;border-radius:var(--cl-radius-m,14px);background:transparent;color:var(--k7);font-size:12px;line-height:1.4;text-align:left}.lighting-samples>button{background:var(--k0)}.lighting-samples>button:hover{background:var(--k2);color:var(--k10)}.lighting-swatch{display:block;flex-shrink:0;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge,rgb(255 255 255/.1))}.lighting-samples code{display:block;color:var(--k5);font:12px/1.6 var(--f-mono);white-space:nowrap}.lighting-sample-arrow{position:absolute;top:6px;right:8px;color:var(--k5);font-size:12px}.lighting-model-note{margin:12px 0 0;color:var(--k5);font-size:12px;line-height:1.65}.lighting-model-note strong{color:var(--k7);font-weight:400}.lighting-lab-connection{margin:12px 0 0;padding-top:12px;border-top:1px solid var(--k2);color:var(--k6);font-size:14px;line-height:1.8}.lighting-lab-connection a{color:var(--k9);text-decoration:underline;text-underline-offset:3px}.lighting-explanation{margin-top:4px}.lighting-explanation p{margin:0;padding-bottom:4px;color:var(--k6);font-size:14px;line-height:1.75}.color-lighting-study button:focus-visible,.color-lighting-study input:focus-visible,.color-lighting-study summary:focus-visible{outline:2px solid var(--k10);outline-offset:3px}@media (max-width:479px){.color-lighting-study{padding:16px;border-radius:18px}.lighting-study-heading p{max-width:225px}.lighting-environment-row{align-items:flex-start}.lighting-samples{gap:6px}.lighting-samples>button,.lighting-samples>div{flex-direction:column;align-items:flex-start;gap:6px}.lighting-sample-arrow{top:auto;right:6px;bottom:8px}}@media (max-width:359px){.lighting-temperature-row{align-items:flex-start;flex-direction:column;gap:6px}.lighting-toggles{gap:0 10px}.lighting-sample-arrow{display:none}}.image-value-study{container-type:inline-size;min-width:0;color:var(--k9,#ececec)}.ivs-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-bottom:8px}.image-value-study .ivs-heading :is(h3,h4){margin:0;font-size:16px;font-weight:500;line-height:1.4}.image-value-study button{min-width:0;font-size:14px;line-height:1.35}.image-value-study button:disabled{opacity:.45;cursor:not-allowed}.image-value-study button:focus-visible,.image-value-study input:focus-visible,.ivs-explanation summary:focus-visible{outline:2px solid var(--k10);outline-offset:3px}.ivs-reset{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--k6)}.ivs-reset:hover{background:var(--k2);color:var(--k10)}.image-value-study .ivs-hint{margin:0 0 16px;color:var(--k5);font-size:12px;line-height:1.6}.ivs-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:20px}.ivs-controls,.ivs-image-side{min-width:0}.color-lab .ivs-preview-modes{display:flex;margin-bottom:8px}.color-lab .ivs-preview-modes>button{flex:1;padding:0 8px}.ivs-preview{display:flex;align-items:center;justify-content:center;width:100%;height:190px;overflow:hidden;border-radius:var(--cl-radius-m,14px);background-color:var(--k0);background-image:linear-gradient(45deg,var(--k1) 25%,transparent 25%,transparent 75%,var(--k1) 75%),linear-gradient(45deg,var(--k1) 25%,transparent 25%,transparent 75%,var(--k1) 75%);background-position:0 0,8px 8px;background-size:16px 16px}.ivs-preview canvas{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.ivs-message{padding:16px;color:var(--k5);font-size:12px;line-height:1.5;text-align:center;background:var(--k0)}.ivs-message p{margin:0 0 8px}.ivs-message button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:var(--k2);color:var(--k9)}.ivs-scale-label{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:28px;margin-bottom:8px;color:var(--k5);font-size:12px}.ivs-scale-label>span:last-child{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.ivs-threshold{display:block;margin-bottom:12px}.ivs-threshold>span{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--k6);font-size:14px}.ivs-threshold output{color:var(--k10);font-size:14px}.ivs-threshold input{margin-top:2px}.image-value-study .ivs-selection-note{margin:0;color:var(--k5);font-size:12px;line-height:1.55}.ivs-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.ivs-areas button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;min-height:44px;padding:6px 10px;border:0;border-radius:999px;background:var(--k0);color:var(--k6);font-size:12px}.ivs-areas button:not(:disabled):hover{background:var(--k2);color:var(--k10)}.ivs-areas button[aria-pressed=true]{background:var(--k10);color:var(--k0)}.ivs-areas strong{color:var(--k9);font-size:12px;font-weight:500;font-variant-numeric:tabular-nums}.ivs-areas button[aria-pressed=true] strong{color:var(--k0)}.ivs-band-dot{display:block;flex:0 0 10px;width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(255 255 255/.25)}.ivs-band-0{background:#333}.ivs-band-1{background:#8f8f8f}.ivs-band-2{background:#ececec}.ivs-area-bar{display:flex;height:6px;margin-top:10px;overflow:hidden;border-radius:999px;background:var(--k0)}.ivs-area-bar span{display:block;height:100%}.ivs-explanation{margin-top:12px;color:var(--k6);font-size:14px;line-height:1.6}.ivs-explanation p{margin:8px 0 0}@container (max-width: 380px){.ivs-layout{grid-template-columns:minmax(0,1fr);gap:12px}.ivs-preview{height:200px}}@media (max-width:600px),(pointer:coarse){.image-value-study button{min-height:44px}.ivs-threshold input{height:36px}}.ivs-preview:has(.ivs-empty){background:var(--k0)}.ivs-empty{background:transparent}.color-lab{--k0:#000;--k1:#1a1a1a;--k2:#333;--k3:#4d4d4d;--k4:#666;--k5:#8f8f8f;--k6:#a6a6a6;--k7:#bfbfbf;--k8:#d9d9d9;--k9:#ececec;--k10:#fff;--cl-edge:rgb(255 255 255/.1);--cl-radius:20px;--cl-radius-m:14px;--cl-sticky:var(--lab-header-height,52px);--cl-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23a6a6a6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");max-width:1440px;margin:0 auto;padding:0 var(--pad,48px) 72px;color:var(--k9);font-size:14px;line-height:1.6}.color-lab h1,.color-lab h2,.color-lab h3,.color-lab h4,.color-lab h5,.color-lab p{margin:0}.color-lab code,.color-lab output{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.color-lab :is(button,a,input,select,summary,[tabindex]):focus-visible{outline:2px solid var(--k10);outline-offset:3px}.color-lab .cl-label{color:var(--k5);font:500 12px/1.4 var(--f-ko);letter-spacing:.08em;text-transform:uppercase}.color-lab .cl-meta{color:var(--k5);font-size:12px;text-align:right}.color-lab .cl-note{margin-top:12px;color:var(--k5);font-size:12px;line-height:1.65}.color-lab .cl-error{margin-top:8px;color:var(--k10);font-size:12px}.color-lab .cl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:var(--k2);color:var(--k9);font-size:14px;line-height:1.2;white-space:nowrap;text-decoration:none;transition:background-color .15s,color .15s}.color-lab .cl-btn:hover{background:var(--k3)}.color-lab .cl-btn-primary{background:var(--k10);color:var(--k0);font-weight:500}.color-lab .cl-btn-primary:hover{background:var(--k8)}.color-lab .cl-btn-ghost{padding:0 10px;background:transparent;color:var(--k6)}.color-lab .cl-btn-ghost:hover{background:transparent;color:var(--k10)}.color-lab .cl-btn:disabled{opacity:.4;cursor:default}.color-lab .cl-btn:disabled:hover{background:var(--k2)}.color-lab .cl-btn-primary:disabled:hover{background:var(--k10)}.color-lab .cl-icon{display:inline-grid;place-items:center;flex-shrink:0;width:40px;height:40px;border:0;border-radius:50%;background:var(--k2);color:var(--k8)}.color-lab .cl-icon:hover{background:var(--k3);color:var(--k10)}.color-lab .lab-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--k2);color:var(--k9);font-size:14px;line-height:1.3;text-align:left;text-decoration:none}.color-lab .lab-button:hover:not(:disabled){background:var(--k3)}.color-lab .lab-button[aria-pressed=true]{background:var(--k10);color:var(--k0)}.color-lab .lab-button:disabled{opacity:.4;cursor:default}.color-lab .lab-text-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--k6);font-size:14px;text-decoration:none;white-space:nowrap}.color-lab .lab-text-button:hover{background:var(--k2);color:var(--k10)}.color-lab .lab-text-button[aria-pressed=true]{background:var(--k10);color:var(--k0)}.color-lab .lab-help{margin-top:12px;color:var(--k5);font-size:12px;line-height:1.65}.color-lab .cl-chip-dot{display:inline-block;flex-shrink:0;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge)}.color-lab .cl-seg,.color-lab .ivs-switch,.color-lab .lighting-choices,.color-lab .lighting-view-tabs,.color-lab .sphere-modes,.color-lab .style-choices{display:inline-flex;flex-wrap:nowrap;gap:2px;min-width:0;max-width:100%;padding:3px;overflow-x:auto;border:0;border-radius:999px;background:var(--k0);scrollbar-width:none}.color-lab :is(.cl-seg,.style-choices,.sphere-modes,.ivs-switch,.lighting-view-tabs,.lighting-choices)::-webkit-scrollbar{display:none}.color-lab .cl-seg>button,.color-lab .ivs-switch>button,.color-lab .lighting-choices>button,.color-lab .lighting-view-tabs>button,.color-lab .sphere-modes>button,.color-lab .style-choices>button{flex-shrink:0;min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--k6);font-size:14px;line-height:1.2;white-space:nowrap}.color-lab .cl-seg>button:hover,.color-lab .ivs-switch>button:hover,.color-lab .lighting-choices>button:hover,.color-lab .lighting-view-tabs>button:hover,.color-lab .sphere-modes>button:hover,.color-lab .style-choices>button:hover{background:transparent;color:var(--k10)}.color-lab .cl-seg>button[aria-pressed=true],.color-lab .ivs-switch>button[aria-pressed=true],.color-lab .lighting-choices>button[aria-pressed=true],.color-lab .lighting-view-tabs>button[aria-pressed=true],.color-lab .sphere-modes>button[aria-pressed=true],.color-lab .style-choices>button[aria-pressed=true]{background:var(--k10);color:var(--k0)}.color-lab select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:0;min-height:40px;height:auto;padding:0 36px 0 16px;border:0;border-radius:999px;background:var(--k2) var(--cl-chevron) no-repeat right 14px center /12px;color:var(--k9);font-size:14px;line-height:1.2}.color-lab select:hover{background-color:var(--k3)}.color-lab select option{background:var(--k1);color:var(--k9)}.color-lab input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;min-width:0;height:32px;margin:0;padding:0;border:0;background:transparent;cursor:ew-resize;accent-color:var(--k10)}.color-lab input[type=range]:disabled{opacity:.4;cursor:default}.color-lab input[type=range]::-webkit-slider-runnable-track{height:32px;border:0;background:radial-gradient(circle,var(--k4) 0 1.5px,transparent 2px) 0 50% /10px 100% repeat-x}.color-lab input[type=range]::-moz-range-track{height:32px;border:0;background:radial-gradient(circle,var(--k4) 0 1.5px,transparent 2px) 0 50% /10px 100% repeat-x}.color-lab input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:22px;margin-top:5px;border:0;border-radius:2px;background:var(--k10);box-shadow:0 0 0 5px rgb(255 255 255/.1)}.color-lab input[type=range]::-moz-range-thumb{width:4px;height:22px;border:0;border-radius:2px;background:var(--k10);box-shadow:0 0 0 5px rgb(255 255 255/.1)}.color-lab input[type=range]:focus-visible{outline-offset:2px}.color-lab .cl-range{display:flex;flex:1 1 260px;align-items:center;gap:14px;min-width:0;min-height:48px;padding:0 18px;border-radius:999px;background:var(--k0);color:var(--k6);font-size:14px}.color-lab .cl-range>span{flex-shrink:0;white-space:nowrap}.color-lab .cl-range input{flex:1}.color-lab .cl-range output{flex-shrink:0;min-width:2ch;color:var(--k10);font-size:16px;text-align:right}.color-lab .cl-select{display:inline-flex;align-items:center;gap:12px;min-width:0;color:var(--k6);font-size:14px}.color-lab .cl-select>span{white-space:nowrap}.color-lab summary{display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content;min-height:40px;color:var(--k6);font-size:14px;list-style:none;cursor:pointer}.color-lab summary::-webkit-details-marker{display:none}.color-lab summary:before{content:"";flex-shrink:0;width:6px;height:6px;margin:0 2px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(-45deg);transition:transform .15s}.color-lab details[open]>summary:before{transform:rotate(45deg)}.color-lab summary:hover{color:var(--k10)}.color-lab .cl-title{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:6px 20px;padding:28px 0 24px}.color-lab .cl-eyebrow{color:var(--k5);font:400 12px/1.6 var(--f-mono);letter-spacing:.1em}.color-lab .cl-eyebrow a{color:inherit;text-decoration:none}.color-lab .cl-eyebrow a:hover{color:var(--k10)}.color-lab .cl-eyebrow>span{margin:0 8px;color:var(--k4)}.color-lab .cl-title h1{font:300 28px/1.2 var(--f-lat);letter-spacing:-.02em}.color-lab .cl-title h1 b{font-weight:600}.color-lab .cl-lede{justify-self:end;max-width:560px;color:var(--k6);font-size:14px;text-align:right}.color-lab .cl-workspace{display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:auto 1fr;grid-template-areas:"source current" "palette current";align-items:start;gap:16px}.color-lab .cl-card{min-width:0;padding:20px;border-radius:var(--cl-radius);background:var(--k1);scroll-margin-top:calc(var(--cl-sticky) + 16px)}.color-lab .cl-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 12px;min-height:40px;margin-bottom:16px}.color-lab .cl-card-head h3{color:var(--k9);font-size:16px;font-weight:500;line-height:1.4}.color-lab .cl-card-empty{display:grid;justify-items:start;gap:14px;color:var(--k6);font-size:14px}.color-lab .cl-source{grid-area:source;--cl-stage:300px}.color-lab .cl-head-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.color-lab .image-workbench{display:flex;flex-direction:column;justify-content:center}.color-lab .image-workbench>div{width:100%}.color-lab .image-workbench .border-dashed{display:grid;place-items:center;min-height:calc(var(--cl-stage) - 64px);padding:24px;border:1.5px dashed var(--k3);border-radius:var(--cl-radius-m);background:transparent}.color-lab .image-workbench .border-dashed:hover{border-color:var(--k5)}.color-lab .image-workbench .border-dashed .rounded-full{display:grid;place-items:center;width:56px;height:56px;padding:0;border-radius:50%;background:var(--k2)}.color-lab .image-workbench .border-dashed .rounded-full svg{width:24px;height:24px;color:var(--k8)}.color-lab .image-workbench .border-dashed .text-lg{color:var(--k9);font-size:16px;font-weight:400}.color-lab .image-workbench .border-dashed .text-sm,.color-lab .image-workbench .border-dashed .text-xs{color:var(--k5);font-size:12px}.color-lab .image-workbench .space-y-4>:not([hidden])~:not([hidden]){margin-top:12px}.color-lab .image-workbench .text-sm{font-size:12px}.color-lab .image-workbench .border-t{border-color:var(--k2)}.color-lab .image-workbench .relative.overflow-hidden{border:0;border-radius:var(--cl-radius-m);background:var(--k0)}.color-lab .image-workbench img{max-height:var(--cl-stage);-o-object-fit:contain;object-fit:contain}.color-lab .image-workbench .bg-primary.absolute{border-radius:999px;background:var(--k10);color:var(--k0);padding:4px 12px;font-size:12px}.color-lab .image-workbench .bg-card\/95{border:0;border-radius:999px;background:var(--k0);padding:4px 10px 4px 4px}.color-lab .image-workbench .bg-card\/95>span:first-child{border-radius:50%}.color-lab .image-workbench button{height:40px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--k2);color:var(--k9);font-size:14px;font-weight:400}.color-lab .image-workbench button:hover{background:var(--k3)}.color-lab .image-workbench button[class*=bg-primary]{background:var(--k10);color:var(--k0);font-weight:500}.color-lab .image-workbench button[class*=bg-destructive]{background:transparent;color:var(--k6);padding:0 8px}.color-lab .image-workbench button[class*=bg-destructive]:hover{color:var(--k10)}.color-lab .image-workbench .p-1.border{gap:2px;padding:3px;border:0;border-radius:999px;background:var(--k0)}.color-lab .image-workbench .p-1.border button{height:34px;min-height:34px;background:transparent;color:var(--k6)}.color-lab .image-workbench .p-1.border button[class*=bg-secondary]{background:var(--k10);color:var(--k0)}.color-lab .image-workbench .flex.space-x-2 input{height:40px;border:0;border-radius:999px;background:var(--k0);padding:0 16px}.color-lab .image-workbench .flex.space-x-2>:not([hidden])~:not([hidden]){margin-left:8px}.color-lab .image-workbench .text-center.text-xs{color:var(--k5)}.color-lab .cl-source-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:16px}.color-lab .cl-status{color:var(--k5);font-size:12px}.color-lab .cl-palette{grid-area:palette;align-self:stretch}.color-lab .cl-palette-title{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0}.color-lab .cl-palette-name{width:16ch;min-width:0;height:36px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:var(--k9);font-size:16px}.color-lab .cl-palette-name:focus,.color-lab .cl-palette-name:hover{background:var(--k0)}.color-lab .cl-count{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:var(--k2);color:var(--k8);font:12px var(--f-mono)}.color-lab .cl-palette-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.color-lab .palette-canvas{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);gap:10px;overflow-x:auto;margin:-4px;padding:4px 4px 8px;scrollbar-width:thin}.color-lab .palette-canvas>button{display:block;min-width:0;padding:0;border:0;border-radius:var(--cl-radius-m);background:none;text-align:left}.color-lab .palette-canvas-color{display:block;height:96px;border-radius:var(--cl-radius-m);box-shadow:inset 0 0 0 1px var(--cl-edge);transition:transform .15s}.color-lab .palette-canvas>button:hover .palette-canvas-color{transform:translateY(-2px)}.color-lab .palette-canvas>button[aria-pressed=true] .palette-canvas-color{outline:2px solid var(--k10);outline-offset:3px}.color-lab .palette-canvas>button>span:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:4px;padding:10px 4px 0}.color-lab .palette-canvas b{color:var(--k4);font:400 12px var(--f-mono)}.color-lab .palette-canvas code{overflow:hidden;color:var(--k6);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.color-lab .palette-canvas>button[aria-pressed=true] code{color:var(--k10)}.color-lab .cl-palette-edit{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:16px}.color-lab .cl-palette-edit>section,.color-lab .cl-palette-edit>section>div,.color-lab .cl-palette-edit>section>div>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.color-lab .cl-palette-edit>section>:not([hidden]){margin:0}.color-lab .cl-palette-edit .palette-edit-scope{color:var(--k5);font-size:12px;letter-spacing:.04em}.color-lab .cl-palette-edit input[type=color]{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;overflow:hidden}.color-lab .cl-palette-edit input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-lab .cl-palette-edit input[type=color]::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge)}.color-lab .cl-palette-edit input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.color-lab .cl-palette-edit input:not([type=color]){flex:none;width:11ch;height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--k0);color:var(--k9);font:14px var(--f-mono);text-transform:uppercase}.color-lab .cl-palette-edit input[aria-invalid=true]{box-shadow:inset 0 0 0 1px var(--k10)}.color-lab .cl-palette-edit section button{height:40px;min-width:40px;padding:0 14px;border:0;border-radius:999px;background:var(--k2);color:var(--k8);font-size:14px}.color-lab .cl-palette-edit section button:hover:not(:disabled){background:var(--k3);color:var(--k10)}.color-lab .cl-palette-edit section button.w-10{width:40px;padding:0}.color-lab .cl-palette-edit section button[class*=ghost]{background:transparent;color:var(--k6)}.color-lab .cl-palette-edit section button:disabled{opacity:.35}.color-lab .cl-palette-edit .text-destructive{color:var(--k10)}.color-lab .cl-replace{margin-left:auto}.color-lab .cl-palette-foot{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--k2)}.color-lab .cl-palette-style{min-width:0}.color-lab .cl-palette-style>div>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}.color-lab .cl-palette-style h4{color:var(--k5);font-size:14px;font-weight:400}.color-lab .cl-palette-style .grid-cols-3{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:16px;margin-top:12px;padding-top:12px;border-top:1px solid var(--k2)}.color-lab .cl-palette-style .grid-cols-3 label{color:var(--k6);font-size:12px}.color-lab .cl-palette-style .grid-cols-3 output{color:var(--k10);font-size:12px}.color-lab .cl-palette-foot>.cl-range{flex:1 1 280px}.color-lab .cl-recent{margin-top:20px}.color-lab .cl-recent .cl-label{margin-bottom:10px}.color-lab .saved-palette-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.color-lab .saved-palette-card{display:block;min-width:0;padding:8px;border-radius:var(--cl-radius-m);background:var(--k0);text-decoration:none}.color-lab .saved-palette-card:hover{background:var(--k2)}.color-lab .saved-palette-card>div{display:flex;height:24px;overflow:hidden;border-radius:8px}.color-lab .saved-palette-card>div>span{flex:1;min-width:0}.color-lab .saved-palette-card>p{display:flex;justify-content:space-between;gap:8px;padding:8px 2px 0;color:var(--k7);font-size:12px;overflow-wrap:anywhere}.color-lab .saved-palette-card>p>span{color:var(--k5);font-family:var(--f-mono)}.color-lab .cl-empty-palette{display:grid;justify-items:start;gap:8px;padding:28px 24px;border:1.5px dashed var(--k3);border-radius:var(--cl-radius-m)}.color-lab .cl-empty-palette p{color:var(--k9);font-size:16px}.color-lab .cl-empty-palette>span{color:var(--k5);font-size:14px}.color-lab .cl-empty-palette .cl-btn{margin-top:8px}.color-lab .cl-current{grid-area:current;align-self:stretch;display:flex;flex-direction:column}.color-lab .cl-current-swatch{display:block;width:100%;height:clamp(120px,20svh,176px);padding:0;border:0;border-radius:var(--cl-radius-m);background:transparent;cursor:pointer}.color-lab .cl-current-swatch::-webkit-color-swatch-wrapper{padding:0}.color-lab .cl-current-swatch::-webkit-color-swatch{border:0;border-radius:var(--cl-radius-m);box-shadow:inset 0 0 0 1px var(--cl-edge)}.color-lab .cl-current-swatch::-moz-color-swatch{border:0;border-radius:var(--cl-radius-m)}.color-lab .cl-hex-row{display:flex;align-items:center;gap:8px;margin-top:16px}.color-lab .cl-hex-row form{flex:1;min-width:0}.color-lab .cl-hex{width:100%;height:44px;padding:0;border:0;border-radius:0;background:transparent;color:var(--k10);font:300 28px/1 var(--f-mono);letter-spacing:.02em;text-transform:uppercase}.color-lab .cl-hex[aria-invalid=true]{-webkit-text-decoration:underline wavy var(--k5);text-decoration:underline wavy var(--k5);text-underline-offset:6px}.color-lab .cl-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:4px;color:var(--k5);font-size:14px}.color-lab .cl-name strong{color:var(--k8);font-weight:500}.color-lab .cl-values{display:grid;margin:16px 0 0;padding:0}.color-lab .cl-values>div{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;min-height:40px;border-top:1px solid var(--k2)}.color-lab .cl-values dt{color:var(--k5);font:12px var(--f-mono);letter-spacing:.06em}.color-lab .cl-values dd{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:0}.color-lab .cl-values code{overflow:hidden;color:var(--k8);font-size:14px;text-overflow:ellipsis;white-space:nowrap}.color-lab .cl-values button{display:inline-grid;place-items:center;flex-shrink:0;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--k5)}.color-lab .cl-values button:hover{background:var(--k2);color:var(--k10)}.color-lab .cl-round-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:8px;margin-top:20px}.color-lab .cl-round-actions>button{display:grid;justify-items:center;gap:8px;min-width:0;padding:0;border:0;background:none;color:var(--k6);font-size:12px;line-height:1.3;text-align:center}.color-lab .cl-round-actions>button>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--k2);color:var(--k9);transition:background-color .15s,color .15s}.color-lab .cl-round-actions>button:hover{color:var(--k10)}.color-lab .cl-round-actions>button:hover>span{background:var(--k3)}.color-lab .cl-round-actions>button[aria-pressed=true]>span{background:var(--k10);color:var(--k0)}.color-lab .cl-round-actions>button:disabled{opacity:.4;cursor:default}.color-lab .cl-kept{flex:1 0 auto;display:flex;flex-direction:column;margin-top:20px;padding-top:16px;border-top:1px solid var(--k2)}.color-lab .cl-kept>.cl-note,.color-lab .cl-kept>.favorite-colors{flex:1 0 auto;margin-top:10px;padding:12px;border-radius:var(--cl-radius-m);background:var(--k0)}.color-lab .favorite-colors{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px}.color-lab .favorite-colors>button{width:28px;height:28px;padding:0;border:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge)}.color-lab .favorite-colors>button[aria-pressed=true]{outline:2px solid var(--k10);outline-offset:2px}.color-lab .cl-tools{margin-top:48px;scroll-margin-top:var(--cl-sticky)}.color-lab .cl-tabbar{position:sticky;top:var(--cl-sticky);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 calc(-1 * var(--pad, 48px));padding:12px var(--pad,48px);background:var(--k0)}.color-lab .cl-tabs{display:flex;gap:2px;min-width:0;overflow-x:auto;padding:4px;border-radius:999px;background:var(--k1);scrollbar-width:none}.color-lab .cl-tabs::-webkit-scrollbar{display:none}.color-lab .cl-tabs>button{flex-shrink:0;min-height:40px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--k6);font-size:14px;white-space:nowrap}.color-lab .cl-tabs>button:hover{color:var(--k10)}.color-lab .cl-tabs>button[aria-selected=true]{background:var(--k10);color:var(--k0);font-weight:500}.color-lab .cl-current-chip{display:flex;align-items:center;flex-shrink:0;gap:10px;padding:4px 16px 4px 4px;border-radius:999px;background:var(--k1);cursor:pointer}.color-lab .cl-current-chip input{width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.color-lab .cl-current-chip input::-webkit-color-swatch-wrapper{padding:0}.color-lab .cl-current-chip input::-webkit-color-swatch{border:0;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge)}.color-lab .cl-current-chip input::-moz-color-swatch{border:0;border-radius:50%}.color-lab .cl-current-chip code{color:var(--k9);font-size:14px}.color-lab .cl-panel{padding-top:12px;scroll-margin-top:calc(var(--cl-sticky) + 72px)}.color-lab .cl-panel:focus{outline:0}.color-lab .cl-panel-note{margin-bottom:16px;color:var(--k5);font-size:14px}.color-lab .cl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;align-items:start}.color-lab .cl-grid-study{grid-template-columns:repeat(2,minmax(0,1fr))}.color-lab .cl-panel-empty{display:grid;justify-items:start;gap:16px;padding:32px;color:var(--k6);font-size:16px}.color-lab .cl-footnote{margin-top:20px;color:var(--k5);font-size:14px}.color-lab .cl-footnote a,.color-lab .cl-footnote button{margin-left:6px;padding:0;border:0;background:none;color:var(--k9);font-size:14px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.color-lab .cl-footnote a:hover,.color-lab .cl-footnote button:hover{color:var(--k10)}.color-lab .cl-grid-image{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.color-lab .cl-grid-image>.cl-value{grid-column:1;grid-row:1/span 2}.color-lab .cl-grid-image>.cl-area{grid-column:2;grid-row:1}.color-lab .cl-grid-image>.cl-histogram{grid-column:2;grid-row:2}.color-lab .palette-area-bar{display:flex;width:100%;height:20px;overflow:hidden;border-radius:999px;background:var(--k0)}.color-lab .palette-area-bar>span{display:block;flex-shrink:0}.color-lab .palette-area-legend{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 20px;margin:16px 0 0;padding:0;list-style:none}.color-lab .palette-area-legend li{display:flex;align-items:center;gap:8px;min-width:0;color:var(--k6);font-size:12px}.color-lab .palette-area-chip{display:block;flex:0 0 14px;width:14px;height:14px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--cl-edge)}.color-lab .palette-area-legend code{font-size:12px}.color-lab .palette-area-legend strong{margin-left:auto;color:var(--k9);font:400 12px var(--f-mono);white-space:nowrap}.color-lab .cl-histogram>div{padding:0;border:0;border-radius:0;background:transparent}.color-lab .cl-histogram .rounded-sm{border-radius:3px 3px 0 0}.color-lab .cl-histogram .grid-cols-4>div{border:0;border-radius:var(--cl-radius-m);background:var(--k0)}.color-lab .cl-histogram .text-sm{font-size:14px}.color-lab .cl-histogram .text-primary{color:var(--k10)}.color-lab .cl-ascii{grid-column:1/-1}.color-lab .cl-ascii>section>div:first-child{padding-bottom:16px;border-bottom:1px solid var(--k2)}.color-lab .cl-ascii h3{font-size:16px;font-weight:500}.color-lab .cl-ascii button{min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--k2);color:var(--k8);font-size:14px}.color-lab .cl-ascii button:hover{background:var(--k3);color:var(--k10)}.color-lab .cl-ascii button[aria-pressed=true]{background:var(--k10);color:var(--k0)}.color-lab .cl-ascii button.border-primary:not([aria-pressed]){background:var(--k10);color:var(--k0);font-weight:500}.color-lab .cl-ascii .min-h-64{min-height:180px;color:var(--k5);font-size:14px}.color-lab .cl-ascii .min-h-64,.color-lab .cl-ascii .overflow-auto{border:0;border-radius:var(--cl-radius-m);background:var(--k0)}.color-lab .cl-ascii .text-xs{font-size:12px}@media (max-width:1199px){.color-lab .cl-workspace{grid-template-columns:minmax(0,1fr) 320px}.color-lab .saved-palette-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:999px){.color-lab .cl-workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"source" "palette" "current"}.color-lab .cl-current{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);-moz-column-gap:20px;column-gap:20px}.color-lab .cl-current>.cl-card-head,.color-lab .cl-current>.cl-kept,.color-lab .cl-current>.cl-round-actions{grid-column:1/-1}.color-lab .cl-current-swatch{grid-row:span 4;height:100%;min-height:160px}.color-lab .cl-hex-row{margin-top:0}.color-lab .cl-grid-image,.color-lab .cl-grid-study{grid-template-columns:minmax(0,1fr)}.color-lab .cl-grid-image>.cl-area,.color-lab .cl-grid-image>.cl-histogram,.color-lab .cl-grid-image>.cl-value{grid-column:auto;grid-row:auto}.color-lab .cl-lede{justify-self:start;grid-column:1/-1;text-align:left}.color-lab .cl-title{grid-template-columns:auto 1fr}}@media (max-width:759px){.color-lab{padding-bottom:56px}.color-lab .cl-title{padding:20px 0 16px}.color-lab .cl-title h1{font-size:24px}.color-lab .cl-card{padding:16px;border-radius:18px}.color-lab .cl-current{display:block}.color-lab .cl-current-swatch{height:120px;min-height:0}.color-lab .cl-hex-row{margin-top:16px}.color-lab .palette-canvas{grid-auto-columns:minmax(64px,1fr);gap:8px}.color-lab .palette-canvas-color{height:72px}.color-lab .palette-canvas b{display:none}.color-lab .cl-palette-actions{width:100%}.color-lab .cl-palette-actions .cl-btn-primary{margin-left:auto}.color-lab .cl-replace{margin-left:0}.color-lab .cl-palette-style .grid-cols-3{grid-template-columns:minmax(0,1fr)}.color-lab .cl-tabbar{gap:8px;padding-top:8px;padding-bottom:8px}.color-lab .cl-tabs>button{padding:0 16px}.color-lab .cl-current-chip{padding-right:4px}.color-lab .cl-current-chip code{display:none}.color-lab .cl-panel-empty{padding:24px 20px}.color-lab .cl-range{padding:0 16px}}@media (max-width:479px){.color-lab .cl-eyebrow{grid-column:1/-1}.color-lab .cl-hex{font-size:24px}.color-lab .saved-palette-row{grid-template-columns:repeat(2,minmax(0,1fr))}.color-lab .cl-range>span{font-size:12px}.color-lab .cl-select{width:100%}.color-lab .cl-select select{flex:1}}@media (prefers-reduced-motion:reduce){.color-lab *,.color-lab :before{transition:none!important}}