.px-section[data-astro-cid-5dzdwn4p]{margin-top:var(--space-4)}.px-section-head[data-astro-cid-5dzdwn4p]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-2)}.px-label[data-astro-cid-5dzdwn4p]{font-size:var(--text-sm);font-weight:600;color:var(--color-fg)}.px-status[data-astro-cid-5dzdwn4p]{font-size:var(--text-sm);color:var(--color-fg-muted)}.px-status[data-astro-cid-5dzdwn4p][data-tone=ok]{color:var(--color-accent)}.px-status[data-astro-cid-5dzdwn4p][data-tone=error]{color:var(--color-danger)}.px-drop[data-astro-cid-5dzdwn4p]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);cursor:pointer;border:2px dashed var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg-elevated);color:var(--color-fg-muted);transition:background .12s,border-color .12s,color .12s}.px-drop[data-astro-cid-5dzdwn4p]:hover{background:var(--color-bg)}.px-drop[data-astro-cid-5dzdwn4p][data-drag=over]{background:var(--color-bg);border-color:var(--color-accent);color:var(--color-fg)}.px-drop-text[data-astro-cid-5dzdwn4p]{display:flex;flex-direction:column;gap:.2rem}.px-drop-text[data-astro-cid-5dzdwn4p] strong[data-astro-cid-5dzdwn4p]{color:var(--color-fg)}.px-drop-hint[data-astro-cid-5dzdwn4p]{font-size:var(--text-sm)}.px-file-input[data-astro-cid-5dzdwn4p]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.px-options[data-astro-cid-5dzdwn4p]{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated)}.px-options-summary[data-astro-cid-5dzdwn4p]{cursor:pointer;padding:var(--space-3) var(--space-4);font-weight:600;font-size:var(--text-sm);user-select:none}.px-options-grid[data-astro-cid-5dzdwn4p]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3) var(--space-4);padding:0 var(--space-4) var(--space-4)}.px-opt[data-astro-cid-5dzdwn4p]{display:flex;flex-direction:column;gap:var(--space-1)}.px-opt-label[data-astro-cid-5dzdwn4p]{font-size:var(--text-sm);color:var(--color-fg-muted)}.px-range[data-astro-cid-5dzdwn4p]{width:100%;accent-color:var(--color-accent)}.px-select[data-astro-cid-5dzdwn4p]{padding:var(--space-2) var(--space-3);font:inherit;background:var(--color-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius)}.px-toggle[data-astro-cid-5dzdwn4p]{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;align-self:center;font-size:var(--text-sm)}.px-toggle[data-astro-cid-5dzdwn4p] code[data-astro-cid-5dzdwn4p]{font-family:var(--font-mono);font-size:.85em}.px-preview[data-astro-cid-5dzdwn4p]{margin-top:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);background:var(--color-bg-elevated)}.px-preview-row[data-astro-cid-5dzdwn4p]{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:flex-start}.px-canvas[data-astro-cid-5dzdwn4p]{max-width:18rem;max-height:12rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);display:block}.px-meta[data-astro-cid-5dzdwn4p]{flex:1 1 14rem;display:flex;flex-direction:column;gap:var(--space-2)}.px-meta-row[data-astro-cid-5dzdwn4p]{display:flex;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm)}.px-meta-key[data-astro-cid-5dzdwn4p]{color:var(--color-fg-muted)}.px-meta-val[data-astro-cid-5dzdwn4p]{font-family:var(--font-mono);color:var(--color-fg);word-break:break-all}.px-ghost-btn[data-astro-cid-5dzdwn4p]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-elevated);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);font:inherit;font-size:var(--text-sm);font-weight:600;cursor:pointer}.px-ghost-btn[data-astro-cid-5dzdwn4p]:hover{background:var(--color-bg)}.px-ghost-btn[data-astro-cid-5dzdwn4p][disabled]{opacity:.4;cursor:not-allowed}.px-recompute[data-astro-cid-5dzdwn4p]{align-self:flex-start;margin-top:var(--space-2)}.px-section-tools[data-astro-cid-5dzdwn4p]{display:flex;gap:var(--space-2);flex-wrap:wrap}.px-swatches[data-astro-cid-5dzdwn4p]{display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:var(--space-3)}.px-swatch[data-astro-cid-5dzdwn4p]{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated);overflow:hidden}.px-swatch-strip[data-astro-cid-5dzdwn4p]{height:5rem;border-bottom:1px solid var(--color-border);position:relative}.px-swatch-rank[data-astro-cid-5dzdwn4p]{position:absolute;top:var(--space-2);left:var(--space-2);padding:.1rem .5rem;background:#0000008c;color:#fff;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.px-swatch[data-astro-cid-5dzdwn4p][data-light=true] .px-swatch-rank[data-astro-cid-5dzdwn4p]{background:#ffffffd9;color:#111}.px-swatch-body[data-astro-cid-5dzdwn4p]{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.px-swatch-row[data-astro-cid-5dzdwn4p]{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm)}.px-swatch-key[data-astro-cid-5dzdwn4p]{color:var(--color-fg-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.px-swatch-val[data-astro-cid-5dzdwn4p]{color:var(--color-fg)}.px-swatch-actions[data-astro-cid-5dzdwn4p]{display:flex;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap}.px-swatch-actions[data-astro-cid-5dzdwn4p] .px-ghost-btn[data-astro-cid-5dzdwn4p]{padding:.3rem .6rem;font-size:.78rem}.px-swatch-bar[data-astro-cid-5dzdwn4p]{height:.4rem;background:var(--color-bg);border-radius:999px;overflow:hidden;border:1px solid var(--color-border)}.px-swatch-bar-fill[data-astro-cid-5dzdwn4p]{height:100%}.px-export[data-astro-cid-5dzdwn4p]{width:100%;min-height:12rem;font-family:var(--font-mono);font-size:.85rem;line-height:1.5;background:var(--color-code-bg);color:var(--color-fg);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-3);box-sizing:border-box;word-break:break-word;overflow-wrap:anywhere;resize:vertical}.px-help-block[data-astro-cid-5dzdwn4p]{margin-top:var(--space-6);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-elevated);font-size:var(--text-sm);color:var(--color-fg-muted)}.px-help-block[data-astro-cid-5dzdwn4p] summary[data-astro-cid-5dzdwn4p]{cursor:pointer;font-weight:600;color:var(--color-fg)}.px-help-block[data-astro-cid-5dzdwn4p] ul[data-astro-cid-5dzdwn4p]{margin:var(--space-2) 0 0 var(--space-4);padding:0}.px-help-block[data-astro-cid-5dzdwn4p] li[data-astro-cid-5dzdwn4p]{margin:.25rem 0}.px-help-block[data-astro-cid-5dzdwn4p] code[data-astro-cid-5dzdwn4p]{font-family:var(--font-mono);font-size:.85em;background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:.25rem;padding:0 .35em}