.px-shell{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (max-width:760px){.px-shell{grid-template-columns:1fr}}.px-controls{flex-direction:column;gap:.9rem;display:flex}.px-field{flex-direction:column;gap:.4rem;display:flex}.px-field label,.px-label{letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-weight:700}.px-field label strong{color:var(--foreground);margin-left:.25rem}.px-hint{color:var(--muted);margin:0;font-size:.7rem}.px-chip{cursor:pointer;transition:border-color .1s,color .1s}.px-chip:hover:not(:disabled){border-color:var(--accent);color:var(--foreground)}.px-chip:disabled{opacity:.45;cursor:not-allowed}.px-chip-active{border-color:var(--accent);color:var(--foreground);background:color-mix(in srgb, var(--accent) 14%, var(--surface-2))}.px-swatches{flex-wrap:wrap;gap:2px;display:flex}.px-swatches span{border:var(--pixel) solid var(--border-strong);width:18px;height:18px}.px-stage{justify-content:center;align-items:center;min-height:320px;padding:.75rem;display:flex;position:relative}.px-stage-drag{border-color:var(--accent)!important}.px-drop{border:var(--pixel) dashed var(--border-strong);width:100%;min-height:280px;color:var(--foreground);cursor:pointer;text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2rem 1rem;transition:border-color .1s;display:flex}.px-drop:hover{border-color:var(--accent)}.px-error{border:var(--pixel) solid var(--border-strong);background:color-mix(in srgb, var(--background) 90%, transparent);max-width:calc(100% - 2rem);color:var(--foreground-soft);text-align:center;margin:0;padding:.3rem .75rem;font-size:.72rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.px-compare{width:100%;line-height:0;position:relative}.px-compare-top{position:absolute;inset:0}.px-compare-divider{background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.px-compare-handle{border:var(--pixel) solid var(--accent-strong);background:var(--accent);color:var(--accent-contrast);white-space:nowrap;padding:2px 6px;font-size:10px;line-height:1.4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.px-compare-range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.px-compare-range:focus-visible+.px-compare-tag-left,.px-compare-range:focus-visible~.px-compare-tag-left{outline:2px solid var(--accent)}.px-compare-tag{border:var(--pixel) solid var(--border-strong);background:color-mix(in srgb, var(--background) 82%, transparent);color:var(--foreground-soft);pointer-events:none;padding:2px 8px;font-size:.65rem;font-weight:700;line-height:1.4;position:absolute;top:.5rem}.px-compare-tag-left{left:.5rem}.px-compare-tag-right{right:.5rem}