.accessory-actions { margin: 0 0 18px; padding: 14px; border: 1px solid #665b3e; border-radius: 4px; background: #161c17; }
.accessory-actions[hidden] { display: none; }
.accessory-actions h3 { margin: 0 0 10px; color: #dfcd9b; }
.accessory-state { color: #c3c9b7; white-space: pre-line; overflow-wrap: anywhere; line-height: 1.6; }
.accessory-option-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr)); gap: 8px; }
.accessory-option { text-align: left; white-space: normal; min-height: 44px; height: auto; padding: 10px 12px; }
.accessory-option strong, .accessory-option small { display: block; overflow-wrap: anywhere; }
.accessory-option small { margin-top: 5px; line-height: 1.5; font-weight: normal; }
.accessory-option:focus-visible { outline: 2px solid #dfcd9b; outline-offset: 2px; }
.accessory-feedback { color: #e3b69d; }
.item-model.accessory-token { display: grid; place-items: center; color: #d3bd83; background: radial-gradient(ellipse at center, #45402d, #1d241d 72%); border: 1px solid #80704b; font: 700 27px Georgia, serif; }
.presentation-running [data-accessory-action] { pointer-events: none; opacity: .6; }