.keyring-accessory-picker{margin-block:12px;padding:12px;border:1px solid var(--heenini-border,#dce8e2);border-radius:14px;background:var(--heenini-mint-soft,#eaf7f2)}
.keyring-accessory-picker h3{margin:0 0 12px;font-size:16px}
.keyring-accessory-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;background:white;border-radius:12px;margin-top:8px;min-width:0}
.keyring-accessory-picker .keyring-accessory-row img,.keyring-accessory-image-placeholder{width:64px;height:64px;max-width:64px;object-fit:contain;border-radius:10px;display:block;margin:0}
.keyring-accessory-image-placeholder{display:grid;place-items:center;background:#f5f6f3;font-size:12px;color:#616d69}
.keyring-accessory-copy{display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;font-size:14px}
.keyring-accessory-actions{display:grid;justify-items:center;gap:4px}
.keyring-accessory-stepper{display:flex;align-items:center}
.keyring-accessory-stepper input{width:48px;min-width:0;min-height:48px;text-align:center;padding:4px;border:1px solid #dce8e2;border-radius:0;font-size:16px;box-sizing:border-box;appearance:textfield}
.keyring-accessory-stepper input::-webkit-inner-spin-button{appearance:none}
.keyring-accessory-stepper .btn{width:40px;min-width:40px;min-height:48px;padding:4px;border-radius:10px}
.keyring-accessory-remove{border:0;background:transparent;color:var(--heenini-action,#356e5b);font:inherit;font-size:14px;min-height:32px;padding:4px 12px;cursor:pointer}
@media(max-width:430px){.keyring-accessory-row{gap:8px;padding:8px;grid-template-columns:48px minmax(0,1fr) auto}.keyring-accessory-picker .keyring-accessory-row img,.keyring-accessory-image-placeholder{width:48px;height:48px;max-width:48px}.keyring-accessory-copy{font-size:14px}}
#quantityAccessories .keyring-accessory-stepper{display:flex;gap:0;width:128px;min-width:0}
#quantityAccessories .keyring-accessory-stepper input{width:48px;max-width:48px;min-width:0;flex:0 0 48px;min-height:48px;padding:4px}
#quantityAccessories .keyring-accessory-stepper .btn{width:40px;max-width:40px;min-width:40px;flex:0 0 40px;padding:4px}
#quantityAccessories .keyring-accessory-actions>.btn{width:auto;min-width:64px;padding:8px 12px}
.keyring-accessory-error{color:var(--heenini-error,#a94b43);font-size:14px;margin:8px 0}
#accessoryCatalog fieldset{display:grid;gap:12px;margin-block:16px;border:1px solid #dce8e2;border-radius:14px;padding:16px;min-width:0}
#accessoryCatalog label{display:grid;gap:6px;min-width:0}
#accessoryCatalog input{width:100%;min-width:0;box-sizing:border-box;font-size:16px}
#accessoryCatalog input[type=checkbox]{width:24px;height:24px}
#accessoryCatalog .btn{margin:4px;max-width:100%;white-space:normal}

.keyring-accessory-summary{padding:18px;margin-block:16px;min-width:0;overflow-wrap:anywhere}
.keyring-accessory-summary h3{margin-top:0}