.style-field{min-width:0;display:flex;flex-direction:column;gap:6px;margin-bottom:16px;color:var(--muted)}
#stylePicker{position:relative;color:var(--ink)}
#stylePicker summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:9px 10px;border:1px solid var(--line);border-radius:3px;background:white;cursor:pointer}
#stylePicker summary::-webkit-details-marker{display:none}
#stylePicker summary::after{content:'⌄';flex-shrink:0}
#styleSelected{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.style-menu{position:absolute;top:calc(100% + 4px);left:0;width:max(100%,340px);max-width:calc(100vw - 48px);z-index:10;padding:10px;background:#fff;border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 20px #0002}
#styleSearch{margin-bottom:8px}
#styleOptions{max-height:260px;overflow-y:auto;overscroll-behavior:contain}
#styleOptions button{display:block;width:100%;text-align:left;background:#fff;color:var(--ink);padding:9px 10px;border-radius:3px;white-space:normal;overflow-wrap:anywhere}
#styleOptions button:hover,#styleOptions button:focus-visible{background:var(--wash)}
#styleOptions button[aria-pressed="true"]{background:#e8f0eb;color:var(--accent);font-weight:bold}
#styleOptions p{margin:8px;color:var(--muted)}
#stylePicker summary:focus-visible,#styleOptions button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}