.search-box{position:relative;min-width:0;flex:1}.search-box form{display:flex;align-items:center;height:40px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-secondary)}.search-box form:focus-within{outline:2px solid #3b82f6;outline-offset:2px}.search-box input{width:100%;min-width:0;padding:0 12px;font-size:13px;background:transparent;color:var(--text-primary);outline:none}.search-box input::placeholder{color:color-mix(in srgb,var(--text-primary) 60%,var(--bg-primary))}.search-box form button{display:grid;place-items:center;width:40px;height:38px;flex:none;cursor:pointer;color:var(--text-primary);border-radius:8px}.search-box button:focus-visible,.search-tools button:focus-visible,.search-tools input:focus-visible,.search-tools select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.search-box__history{position:absolute;z-index:70;inset:calc(100% + 8px) 0 auto;padding:8px;border:1px solid var(--border-color);border-radius:12px;background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 12px 30px var(--shadow-color)}.search-box__history>div{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 8px;font-size:11px}.search-box__history button{cursor:pointer}.search-box__history>div button{color:#3b82f6}.search-box__history>button{display:block;width:100%;text-align:left;padding:8px 6px;font-size:13px;border-radius:6px;overflow-wrap:anywhere}.search-box__history>button:hover{background:var(--hover-bg)}.search-tools{margin-top:12px;padding-top:10px;border-top:1px solid var(--border-color);color:var(--text-primary)}.search-tools__controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.search-tools__field{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px}.search-tools__field>span{color:color-mix(in srgb,var(--text-primary) 70%,var(--bg-primary))}.search-tools select{max-width:160px;min-height:36px;padding:0 6px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:7px;font-size:12px;cursor:pointer}.search-tools__color{display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer}.search-tools__color input{width:26px;height:30px;cursor:pointer;border-radius:6px;padding:2px;border:1px solid var(--border-color)}.search-tools__swatches{display:flex;gap:5px}.search-tools__swatches button{width:18px;height:18px;border-radius:50%;cursor:pointer;border:1px solid #8888}.search-tools__swatches button[aria-pressed=true]{outline:2px solid #3b82f6;outline-offset:2px}.search-tools__clear{min-height:36px;margin-left:auto;color:#3b82f6;font-size:12px;cursor:pointer}.search-tools__chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.search-tools__chips button{display:flex;align-items:center;gap:7px;max-width:100%;overflow-wrap:anywhere;padding:4px 9px;min-height:30px;border-radius:7px;background:var(--active-bg);font-size:11px;cursor:pointer}.search-tools__chips i{width:12px;height:12px;flex:none;border:1px solid #8888;border-radius:3px}@media (max-width:639px){.search-tools__field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.search-tools select{max-width:130px}.search-tools__swatches{display:none}}