#doc-search { box-sizing:border-box; width:min(740px, calc(100vw - 32px)); max-height:calc(100dvh - 72px); margin:70px auto auto; padding:0; color:var(--text-primary,#ececf1); background:var(--bg-surface,#1a1a1d); border:1px solid var(--border-medium,#444); border-radius:14px; box-shadow:0 24px 100px #0009; font:14px/1.5 Inter,sans-serif; overflow:hidden; }
#doc-search[open] { display:flex; flex-direction:column; }
#doc-search::backdrop { background:#070709bb; backdrop-filter:blur(4px); }
#doc-search * { box-sizing:border-box; }
#doc-search button, #doc-search select { font:inherit; color:inherit; cursor:pointer; }
#doc-search button:focus-visible, #doc-search select:focus-visible { outline:2px solid #a1a1aa; outline-offset:2px; }
.ds-head { display:flex; align-items:center; gap:12px; padding:18px 20px; border-bottom:1px solid #ffffff14; }
.ds-head > span { font-size:28px; color:#a1a1aa; }
#ds-query { min-width:0; width:100%; border:0; padding:0; background:transparent; color:#ececf1; font:16px Inter,sans-serif; outline:none; }
#ds-query::placeholder { color:#a1a1aa; }
.ds-close { background:#242428; border:1px solid #ffffff20; border-radius:5px; padding:3px 7px; font-size:11px!important; }
.ds-filters { display:flex; gap:6px; padding:12px 20px; flex-wrap:wrap; }
.ds-filters button, .ds-tips button { border:1px solid transparent; border-radius:6px; background:transparent; padding:5px 10px; color:#a1a1aa!important; }
.ds-filters button[aria-pressed=true] { background:#ffffff12; color:#fff!important; border-color:#ffffff16; }
#ds-module { margin-left:auto; max-width:180px; border:1px solid #ffffff20; background:#202023; border-radius:6px; padding:5px 8px; }
.ds-status { padding:0 22px 12px; color:#a1a1aa; font-size:12px; }
#ds-results { overflow:auto; overscroll-behavior:contain; padding:0 8px 8px; min-height:0; }
.ds-result { display:block; padding:13px 14px; margin-bottom:2px; border:1px solid transparent; border-radius:8px; text-decoration:none!important; }
.ds-result:hover, .ds-result[aria-selected=true] { background:#ffffff0a; border-color:#ffffff1c; }
.ds-context { color:#a1a1aa; font-size:11px; margin-bottom:5px; }
.ds-title { color:#ececf1; font:500 14px/1.5 'JetBrains Mono',monospace; overflow-wrap:anywhere; }
.ds-desc { color:#a1a1aa; margin-top:4px; font-size:12px; line-height:1.6; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
#doc-search mark { background:#ffffff17; color:#fff; border-radius:2px; }
.ds-footer { display:flex; justify-content:space-between; gap:12px; padding:12px 20px; border-top:1px solid #ffffff14; color:#a1a1aa; font-size:11px; }
.ds-footer kbd { font:inherit; }
.ds-tips { padding:14px; display:flex; flex-wrap:wrap; gap:8px; }
.ds-tips button { border-color:#ffffff20; }
.ds-more { margin:8px auto; padding:8px 16px; background:#27272b; border:1px solid #ffffff20; border-radius:6px; }
#ds-mobile { display:none; }
.sidebar .search { display:none!important; }
@media(max-width:768px) {
  #ds-mobile { display:block; position:fixed; right:12px; bottom:18px; z-index:100; background:#202023; color:#ececf1; border:1px solid #ffffff35; border-radius:24px; padding:12px 18px; box-shadow:0 3px 15px #0005; font:14px Inter,sans-serif; }
  #doc-search { margin:12px auto; max-height:calc(100dvh - 24px); width:calc(100vw - 20px); }
  .ds-head, .ds-filters { padding:12px; }
  .ds-footer { padding:10px 12px; }
  .ds-footer > span:last-child { display:none; }
  #ds-module { max-width:135px; }
}