.palette-lab h2,.palette-lab .lab-count{font-family:var(--font-heading);color:#ededed;font-size:1.75rem;line-height:1.2}.palette-lab fieldset{border:0;min-width:0;margin:0;padding:0}.palette-lab details{margin-top:16px}.palette-lab details>label{margin:12px 0 8px;display:block}.palette-lab summary{font-family:var(--font-pixel);font-size:var(--pixel-font-size);color:#999;cursor:pointer;align-content:center;min-height:40px;line-height:20px}.palette-lab input{accent-color:var(--accent)}.palette-lab input[type=range]{width:100%;min-height:40px}.palette-lab input:focus-visible,.palette-lab summary:focus-visible,.palette-lab .lab-upload:focus-within{outline:1px solid var(--accent);outline-offset:5px}.palette-lab [data-export-preview]{max-width:100%;max-height:24rem;margin-top:12px}.palette-lab [data-result],.palette-lab [data-export-preview],.palette-lab [data-lightbox-image]{image-rendering:pixelated}.lab-actions,.lab-panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.lab-actions{justify-content:start}.lab-control{font-family:var(--font-pixel);font-size:var(--pixel-font-size);color:#999;cursor:pointer;text-underline-offset:4px;align-items:center;min-height:40px;padding:8px 0;line-height:20px;text-decoration:underline 1px #777;display:inline-flex}.lab-control:hover:not(:disabled),.lab-control[aria-pressed=true]{color:var(--accent);text-decoration-color:var(--accent)}.lab-control:disabled{opacity:.4;cursor:default}.lab-upload{border:1px dashed var(--line);text-align:center;cursor:pointer;place-content:center;gap:8px;min-height:8rem;margin-top:20px;padding:20px;display:grid;position:relative}.lab-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.lab-upload:hover,.lab-upload.is-dragging{border-color:var(--accent)}.lab-upload:has(:disabled){opacity:.4;cursor:default}.lab-upload:has(:disabled) input{cursor:default}.lab-help{color:#999;font-size:.9375rem;line-height:1.5}.lab-status{min-height:3rem;padding:12px 0}.lab-status[data-error=true]{color:#e9b4bb}.lab-images,.lab-palette-halves{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:16px 0;display:grid}.lab-images figure{margin:0}.lab-images figcaption{font-family:var(--font-pixel);font-size:var(--pixel-font-size);color:#999;margin-top:12px;line-height:20px}.lab-images[data-view=result]{grid-template-columns:1fr}.lab-images[data-view=result] [data-original-figure]{display:none}.lab-canvas-wrap{aspect-ratio:1;cursor:zoom-in;background:repeating-conic-gradient(#0c0c0c 0% 25%,#181818 0% 50%) 50%/16px 16px;width:100%;max-height:26rem;padding:0;display:block}.lab-canvas-wrap canvas{object-fit:contain;width:100%;height:100%;max-height:26rem;display:block}.lab-dimensions{font:.75rem/1.5 var(--font-mono);color:#777;overflow-wrap:anywhere}.lab-controls{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;margin-top:32px;padding-top:20px;display:grid}.lab-quality{margin-top:12px;display:block}.lab-quality span,.lab-count,.lab-range-labels{justify-content:space-between;align-items:center;display:flex}.lab-range-labels,.lab-count output{font-family:var(--font-pixel);font-size:var(--pixel-font-size);color:#999;line-height:20px}.lab-count output{color:var(--accent)}.lab-size{margin-top:24px}.lab-palette{margin-top:20px}.lab-palette h3{font-family:var(--font-pixel);font-size:var(--pixel-font-size);color:#999;line-height:20px}.lab-swatches{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:12px;margin-top:12px;display:grid}.lab-swatches span{flex-direction:column;align-items:start;gap:8px;display:flex}.lab-swatches i{width:100%;height:1.5rem}.lab-swatches code{font:.7rem/1.25 var(--font-mono)}.lab-download{overflow-wrap:anywhere;display:block}:root:has(.lab-lightbox[open]){overflow:hidden}.lab-lightbox{background:var(--black);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;margin:0;padding:20px;position:fixed;inset:0}.lab-lightbox[open]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:20px;display:grid}.lab-lightbox header{justify-content:space-between;align-items:center;display:flex}.lab-lightbox::backdrop{background:var(--black)}.lab-lightbox-stage{min-height:0;display:grid;overflow:auto}.lab-lightbox-stage canvas{width:100%;height:100%;max-width:var(--image-width);max-height:var(--image-height);object-fit:contain;place-self:center;min-height:0}.lab-lightbox-stage[data-zoom=actual]{display:block}.lab-lightbox-stage[data-zoom=actual] canvas{width:var(--image-width);height:var(--image-height);max-width:none;max-height:none;margin:auto}@media (width<=600px){.lab-controls{grid-template-columns:1fr;gap:24px}}