.pg-wrap[data-astro-cid-2m6qjxtl]{padding:1.75rem 2rem 3rem;max-width:1100px}.pg-title[data-astro-cid-2m6qjxtl]{font-size:2rem;font-weight:700;margin-bottom:.3rem}.pg-sub[data-astro-cid-2m6qjxtl]{color:var(--text-muted);margin-bottom:1.4rem;font-size:.875rem;max-width:72ch}.pg-sub[data-astro-cid-2m6qjxtl] code[data-astro-cid-2m6qjxtl]{font-size:.82rem}.pg-toolbar[data-astro-cid-2m6qjxtl]{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.pg-toolbar-right[data-astro-cid-2m6qjxtl]{display:flex;gap:.5rem;margin-left:auto;align-items:center}.pg-color-label[data-astro-cid-2m6qjxtl]{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.pg-color-input[data-astro-cid-2m6qjxtl]{width:44px;height:34px;border:1px solid var(--border-strong);border-radius:5px;cursor:pointer;padding:2px;background:var(--bg-surface)}.pg-palette[data-astro-cid-2m6qjxtl]{display:flex;gap:6px;flex-wrap:wrap}.pg-swatch[data-astro-cid-2m6qjxtl]{width:26px;height:26px;border-radius:4px;border:2px solid transparent;cursor:pointer;transition:transform .1s,border-color .12s;flex-shrink:0}.pg-swatch[data-astro-cid-2m6qjxtl]:hover{transform:scale(1.18)}.pg-swatch[data-astro-cid-2m6qjxtl].active{border-color:#ffa012;box-shadow:0 0 0 1px #ffa012}.pg-btn-action[data-astro-cid-2m6qjxtl],.pg-btn-clear[data-astro-cid-2m6qjxtl]{font-size:.78rem;font-weight:700;padding:.3rem .85rem;border-radius:5px;cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;transition:background .12s,color .12s;display:inline-flex;align-items:center;gap:.3rem;line-height:1}.pg-btn-action[data-astro-cid-2m6qjxtl]:hover,.pg-btn-clear[data-astro-cid-2m6qjxtl]:hover{background:var(--bg-hover);color:var(--text)}.pg-btn-import[data-astro-cid-2m6qjxtl]{cursor:pointer}.pg-btn-clear[data-astro-cid-2m6qjxtl]{color:#e05555;border-color:#e055554d}.pg-btn-clear[data-astro-cid-2m6qjxtl]:hover{background:#e055551f;color:#ff8080}.pg-grid-wrap[data-astro-cid-2m6qjxtl]{display:inline-block;background:#111;padding:2px;border-radius:4px;overflow-x:auto;max-width:100%;border:1px solid #444}.pg-grid[data-astro-cid-2m6qjxtl]{display:grid;grid-template-columns:repeat(64,13px);grid-template-rows:repeat(16,13px);gap:1px;background:#3a3a3a;user-select:none;cursor:crosshair}.pg-cell[data-astro-cid-2m6qjxtl]{width:13px;height:13px;background:#1e1e1e;display:block}.pg-cell[data-astro-cid-2m6qjxtl]:hover{opacity:.75}.pg-outputs[data-astro-cid-2m6qjxtl]{margin-top:1.75rem;display:flex;flex-direction:column;gap:1rem;max-width:900px}.pg-output-block[data-astro-cid-2m6qjxtl]{display:flex;flex-direction:column;gap:.35rem;padding-left:.75rem;border-left:4px solid transparent;border-radius:0 4px 4px 0}.pg-output-header[data-astro-cid-2m6qjxtl]{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:700}.pg-recolor-swatch[data-astro-cid-2m6qjxtl]{width:36px;height:24px;border-radius:4px;cursor:pointer;flex-shrink:0;border:1px solid rgba(255,255,255,.25);padding:1px}.pg-hex-input[data-astro-cid-2m6qjxtl]{font-family:monospace;font-size:.82rem;background:var(--bg-surface);color:var(--text);border:1px solid var(--border-strong);border-radius:4px;padding:.15rem .4rem;width:7.5ch}.pg-hex-input[data-astro-cid-2m6qjxtl]:focus{outline:2px solid var(--orange, #ffa012);outline-offset:1px}.pg-copy-row[data-astro-cid-2m6qjxtl]{display:flex;gap:.5rem;align-items:center}.pg-coords[data-astro-cid-2m6qjxtl]{flex:1;font-family:monospace;font-size:.8rem;padding:.4rem .65rem;border:1px solid var(--border-strong);border-radius:5px;background:var(--bg-surface);color:var(--accent-cool);height:2.1rem;resize:none;overflow-x:auto;overflow-y:hidden;white-space:nowrap;line-height:1.25}.pg-copy-btn[data-astro-cid-2m6qjxtl]{font-size:.75rem;font-weight:700;padding:.3rem .85rem;border-radius:5px;cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;transition:background .12s,color .12s;align-self:center}.pg-copy-btn[data-astro-cid-2m6qjxtl]:hover{background:var(--bg-hover);color:var(--text)}.pg-copy-btn[data-astro-cid-2m6qjxtl].copied{background:#ffa01226;color:#ffa012}