.search-wrapper{width:280px;position:relative}.search-wrapper svg{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-input{width:100%;height:36px;font:inherit;border:1px solid var(--rule);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);padding:0 12px 0 34px;font-size:14px}.search-input::placeholder{color:var(--ink-faint)}.search-input:focus{outline:2px solid var(--accent);outline-offset:-1px}.results{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-control);box-shadow:var(--shadow);z-index:40;max-height:300px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:auto}.results li{cursor:pointer;justify-content:space-between;gap:12px;padding:8px 10px;font-size:14px;display:flex}.results li.active,.results li:hover{background:var(--bone)}.results li span{color:var(--ink-faint);font-size:12px}.results li.none{cursor:default;color:var(--ink-faint)}