.pk{flex-direction:column;gap:8px;display:flex}.pk-hint{color:var(--color-ash);margin:-2px 0 0;font-size:.85rem;line-height:1.5}.pk-list{flex-wrap:wrap;gap:10px 14px;display:flex}.pk-item{align-items:center;gap:8px;display:inline-flex}.pk-fixed{background:var(--color-cream);color:var(--color-ink);border-radius:8px;align-items:center;padding:8px 14px;font-weight:500;display:inline-flex}.pk-qty{align-items:center;gap:4px;display:inline-flex}.pk-step{border:1px solid var(--color-mist);background:var(--color-paper);width:30px;height:30px;color:var(--color-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.pk-step:disabled{opacity:.4;cursor:default}.pk-step:focus-visible,.pk-input:focus-visible{box-shadow:0 0 0 3px var(--color-accent-dim);border-color:var(--color-accent);outline:none}.pk-input{border:1px solid var(--color-mist);width:52px;height:30px;font:inherit;text-align:center;background:var(--color-paper);color:var(--color-ink);-moz-appearance:textfield;border-radius:8px;padding:0 6px}.pk-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pk-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pk-unit{color:var(--color-ash);font-size:.85rem}.pk-read{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pk-read-chip{background:var(--color-cream);color:var(--color-ink);border-radius:8px;padding:6px 12px;font-size:.9rem}