/* Botonera de fondo del Lexicon, reutilizable. Mismo registro sobrio que el resto
   de los instrumentos: no compite con el texto que se está leyendo. */
.lxp-palette{position:relative;display:inline-block;font:12px/1.5 system-ui,sans-serif}
.lxp-palette>summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;list-style:none;
 padding:7px 11px;border:1px solid rgba(135,143,150,.55);border-radius:99px;color:inherit;min-height:34px}
.lxp-palette>summary::-webkit-details-marker{display:none}
.lxp-palette>summary:hover{background:rgba(148,132,104,.14)}
.lxp-palette>summary:focus-visible{outline:2px solid #c2a271;outline-offset:2px}
.lxp-panel{position:absolute;z-index:40;right:0;margin-top:7px;padding:11px;display:flex;flex-wrap:wrap;
 gap:7px;align-items:center;width:max-content;max-width:min(88vw,290px);
 border:1px solid rgba(135,143,150,.55);border-radius:11px;background:var(--panel,#17191c);
 box-shadow:0 6px 22px rgba(0,0,0,.28)}
html[data-theme=light] .lxp-panel{background:#fffcf6}
.lxp-swatch{width:26px;height:26px;border-radius:7px;border:1px solid rgba(135,143,150,.6);cursor:pointer;padding:0}
.lxp-swatch:hover{outline:2px solid #c2a271;outline-offset:1px}
.lxp-small{display:flex;align-items:center;gap:6px;font:11px system-ui,sans-serif;width:100%}
.lxp-small input[type=color]{width:34px;height:26px;padding:0;border:1px solid rgba(135,143,150,.6);
 border-radius:6px;background:transparent;cursor:pointer}
.lxp-reset{font:600 11px system-ui,sans-serif;cursor:pointer;padding:6px 10px;border-radius:8px;
 border:1px solid rgba(135,143,150,.55);background:#2c3035;color:#f2f2f0;min-height:30px}
html[data-theme=light] .lxp-reset{background:#e7e8e7;color:#25292c}
@media(max-width:700px){.lxp-panel{right:auto;left:0}}