.cp-upload[data-astro-cid-eaabz3xb]{display:grid;gap:12px;padding:18px 18px 0}.cp-upload .file-dropzone{min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:14px 16px;text-align:left}.cp-upload .dropzone-icon{width:40px;height:40px;margin-bottom:0;flex:none}.cp-upload .dropzone-icon svg{width:20px;height:20px}.cp-upload .dropzone-text{min-width:0;justify-items:start;text-align:left}.cp-upload .dropzone-label{font-size:.96rem}@media(width<=480px){.cp-upload .file-dropzone{flex-wrap:wrap}.cp-upload .dropzone-text{flex-basis:100%}}.cp-stage-wrap[data-astro-cid-eaabz3xb]{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:16px 18px 0}.cp-stage-wrap[data-astro-cid-eaabz3xb][hidden]{display:none}.cp-stage[data-astro-cid-eaabz3xb]{position:relative;display:inline-block;justify-self:center;max-width:100%;overflow:hidden;border-radius:var(--radius-card);background-color:var(--surface-muted);background-image:linear-gradient(45deg,#09090b14 25%,#0000 25%),linear-gradient(-45deg,#09090b14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#09090b14 75%),linear-gradient(-45deg,#0000 75%,#09090b14 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0;line-height:0;touch-action:none}.cp-canvas[data-astro-cid-eaabz3xb]{display:block;max-width:100%;max-height:60vh;cursor:crosshair;user-select:none;-webkit-user-drag:none}.cp-canvas[data-astro-cid-eaabz3xb]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-crosshair[data-astro-cid-eaabz3xb]{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1.5px #09090bb3,inset 0 0 0 1.5px #09090bb3;transform:translate(-50%,-50%);pointer-events:none}.cp-panel[data-astro-cid-eaabz3xb]{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.cp-loupe-wrap[data-astro-cid-eaabz3xb]{display:grid;justify-items:center;gap:8px}.cp-loupe[data-astro-cid-eaabz3xb]{width:132px;height:132px;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-muted);image-rendering:pixelated}.cp-loupe-hex[data-astro-cid-eaabz3xb]{font-family:var(--mono);font-size:.86rem;color:var(--fg)}.cp-readout[data-astro-cid-eaabz3xb]{display:grid;gap:10px;align-content:start}.cp-sampled[data-astro-cid-eaabz3xb]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.cp-swatch[data-astro-cid-eaabz3xb]{width:68px;height:68px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-muted)}.cp-values[data-astro-cid-eaabz3xb]{display:grid;gap:8px}.cp-row[data-astro-cid-eaabz3xb]{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px}.cp-row-label[data-astro-cid-eaabz3xb]{color:var(--muted);font-weight:600;font-size:.78rem;letter-spacing:.02em}.cp-value[data-astro-cid-eaabz3xb]{min-width:0;padding:.4rem .6rem;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface);color:var(--fg);font-family:var(--mono);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.cp-value[data-astro-cid-eaabz3xb]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-alpha[data-astro-cid-eaabz3xb]{margin:0;color:var(--muted);font-size:.84rem}.cp-alpha[data-astro-cid-eaabz3xb][hidden]{display:none}.cp-history-block[data-astro-cid-eaabz3xb]{display:grid;gap:10px}.cp-history-empty[data-astro-cid-eaabz3xb]{margin:0;color:var(--muted);font-size:.9rem}.cp-history-empty[data-astro-cid-eaabz3xb][hidden]{display:none}.cp-history[data-astro-cid-eaabz3xb]{display:flex;flex-wrap:wrap;gap:8px}.cp-history[data-astro-cid-eaabz3xb][hidden]{display:none}.cp-history[data-astro-cid-eaabz3xb] .cp-chip{width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:var(--radius-control);cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff59}.cp-history[data-astro-cid-eaabz3xb] .cp-chip:hover{border-color:var(--ink)}.cp-history[data-astro-cid-eaabz3xb] .cp-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cp-toolbar-right[data-astro-cid-eaabz3xb]{display:inline-flex;align-items:center;gap:14px}@media(width>=720px){.cp-stage-wrap[data-astro-cid-eaabz3xb]{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start}.cp-history-block[data-astro-cid-eaabz3xb]{grid-column:1 / -1}}@media(width<=560px){.cp-upload[data-astro-cid-eaabz3xb],.cp-stage-wrap[data-astro-cid-eaabz3xb]{padding:14px 14px 0}.cp-row[data-astro-cid-eaabz3xb]{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}}