.format-row[data-astro-cid-lcdefpme]{border-bottom:1px solid var(--color-hairline);grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 0;font-size:.8125rem;display:grid}.format-row[data-astro-cid-lcdefpme]:last-child{border-bottom:0}.format-row[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]{color:var(--color-muted);font-family:var(--font-mono);font-size:.6875rem}.format-row[data-astro-cid-lcdefpme] strong[data-astro-cid-lcdefpme]{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-weight:400;overflow:hidden}.copy-button[data-astro-cid-lcdefpme]{border:1px solid var(--color-hairline);background:var(--color-surface);min-height:32px;color:var(--color-body);cursor:pointer;border-radius:6px;padding:0 9px;font-size:.75rem}.copy-button[data-astro-cid-lcdefpme]:hover{border-color:var(--color-ink);color:var(--color-ink)}.swatch-button{border:1px solid var(--color-hairline);cursor:pointer;text-align:left;border-radius:6px;width:100%;height:76px;transition:transform .15s;display:block;position:relative}.swatch-button:hover{transform:translateY(-2px)}.swatch-copy-hint{color:#fff;font-family:var(--font-mono);opacity:0;pointer-events:none;text-align:center;background:#000000ad;border-radius:4px;padding:4px 6px;font-size:.625rem;line-height:1.2;transition:opacity .15s;position:absolute;bottom:6px;left:6px;right:6px}.swatch-button:hover .swatch-copy-hint,.swatch-button:focus-visible .swatch-copy-hint{opacity:1}.variant-group{min-width:0}.variant-label{color:var(--color-muted);font-family:var(--font-mono);text-transform:uppercase;margin:0 0 8px;font-size:.6875rem;font-weight:500}.variant-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.palette-item{border:1px solid var(--color-hairline);border-radius:6px;gap:8px;padding:10px;display:grid}.palette-color{border-radius:4px;height:64px}#history-list[data-astro-cid-lcdefpme]{align-items:center;gap:12px}.history-item[data-astro-cid-lcdefpme]{place-items:center;display:grid;position:relative}.history-swatch[data-astro-cid-lcdefpme]{border:2px solid var(--color-surface);width:44px;height:44px;box-shadow:0 0 0 1px var(--color-hairline);cursor:pointer;border-radius:8px;transition:transform .15s,box-shadow .15s}.history-swatch[data-astro-cid-lcdefpme]:hover{box-shadow:0 0 0 2px var(--color-link);transform:translateY(-2px)}.history-code[data-astro-cid-lcdefpme]{max-width:72px;color:var(--color-body);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.625rem;overflow:hidden}.history-remove[data-astro-cid-lcdefpme]{border:1px solid var(--color-surface);background:var(--color-ink);width:18px;height:18px;color:var(--color-canvas);cursor:pointer;opacity:0;border-radius:999px;place-items:center;font-size:.7rem;line-height:1;transition:opacity .15s;display:grid;position:absolute;top:-7px;right:-7px}.history-item[data-astro-cid-lcdefpme]:hover .history-remove[data-astro-cid-lcdefpme],.history-remove[data-astro-cid-lcdefpme]:focus-visible{opacity:1}.theme-toggle[data-astro-cid-lcdefpme]{border-radius:999px;place-items:center;width:40px;min-height:40px;padding:0;transition:background-color .15s,border-color .15s,color .15s,transform .15s;display:inline-grid}.theme-toggle[data-astro-cid-lcdefpme]:hover{border-color:var(--color-ink);background:var(--color-surface-muted);transform:translateY(-1px)}.theme-icon[data-astro-cid-lcdefpme]{width:20px;height:20px;color:var(--color-ink);place-items:center;font-size:1.15rem;line-height:1;display:grid}.workspace-intro[data-astro-cid-lcdefpme]{border-left:2px solid var(--color-link);padding-left:14px}@media (width<=640px){.workspace-intro[data-astro-cid-lcdefpme]{max-width:34rem;padding-left:12px}}.brand-mark[data-astro-cid-lcdefpme]{border:1px solid var(--color-hairline);background:var(--color-surface);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:2px;width:28px;height:28px;padding:4px;display:grid;transform:rotate(-6deg);box-shadow:0 1px 2px #00000014}.brand-mark[data-astro-cid-lcdefpme] i[data-astro-cid-lcdefpme]{border-radius:3px;display:block}.brand-mark[data-astro-cid-lcdefpme] i[data-astro-cid-lcdefpme]:first-child{background:#dd5331}.brand-mark[data-astro-cid-lcdefpme] i[data-astro-cid-lcdefpme]:nth-child(2){background:#0084ff}.brand-mark[data-astro-cid-lcdefpme] i[data-astro-cid-lcdefpme]:nth-child(3){background:#f2c94c}.brand-mark[data-astro-cid-lcdefpme] i[data-astro-cid-lcdefpme]:nth-child(4){background:#22a06b}html[data-theme=dark] #drop-zone[data-astro-cid-lcdefpme]{border-color:#555}html[data-theme=dark] #drop-zone[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme]:first-child{background:var(--color-link);color:#111}html[data-theme=dark] #drop-zone[data-astro-cid-lcdefpme]>label[data-astro-cid-lcdefpme]{background:var(--color-link)!important;color:#111!important}html[data-theme=dark] #drop-zone[data-astro-cid-lcdefpme]>label[data-astro-cid-lcdefpme]:hover{background:#a8d2ff!important}html[data-theme=dark] #image-stage[data-astro-cid-lcdefpme]{background:#242424!important}html[data-theme=dark] #about[data-astro-cid-lcdefpme]{background:var(--color-surface-muted)!important;color:var(--color-ink)!important}html[data-theme=dark] #about[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{color:var(--color-body)!important}html[data-theme=dark] #about[data-astro-cid-lcdefpme] strong[data-astro-cid-lcdefpme]{color:var(--color-ink)!important}html[data-theme=dark] #about[data-astro-cid-lcdefpme] .mono-label[data-astro-cid-lcdefpme]{color:var(--color-muted)!important}#sample-readout[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme]:first-child{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;display:grid}#sample-swatch[data-astro-cid-lcdefpme]{align-self:center}#selected-pixel-marker[data-astro-cid-lcdefpme]{width:20px;height:20px;box-shadow:0 0 0 2px var(--color-ink), 0 1px 4px #00000059;border:2px solid #fff;border-radius:999px;transform:translate(-50%,-50%)}#selected-pixel-marker[data-astro-cid-lcdefpme]:after{content:"";background:#fff;border:1px solid #fff;border-radius:999px;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#sample-readout[data-astro-cid-lcdefpme] .sample-values[data-astro-cid-lcdefpme]{text-align:center}#sample-readout[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme]:first-child>button[data-astro-cid-lcdefpme]{justify-self:end;margin-left:0}.sample-values[data-astro-cid-lcdefpme]{grid-template-rows:1rem repeat(3,32px);gap:6px;display:grid}.sample-values[data-astro-cid-lcdefpme] strong[data-astro-cid-lcdefpme]{min-height:32px;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;font-size:.75rem;font-weight:400;display:flex;overflow:hidden}.sample-copy-actions[data-astro-cid-lcdefpme]{gap:6px;margin-left:auto;padding-top:22px;display:grid}.sample-copy-actions[data-astro-cid-lcdefpme]>.copy-button[data-astro-cid-lcdefpme]{justify-self:end}@media (width<=640px){.format-row[data-astro-cid-lcdefpme]{grid-template-columns:46px minmax(0,1fr)}.format-row[data-astro-cid-lcdefpme] .copy-button[data-astro-cid-lcdefpme]{grid-column:2;justify-self:start}}@media (width<=420px){#sample-readout[data-astro-cid-lcdefpme]>div[data-astro-cid-lcdefpme]:first-child{grid-template-columns:auto minmax(0,1fr)}.sample-copy-actions[data-astro-cid-lcdefpme]{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;margin-left:0;padding-top:0}.sample-copy-actions[data-astro-cid-lcdefpme]>.copy-button[data-astro-cid-lcdefpme]{width:100%}}