.sp-root{--sp-accent:var(--accent,#0d9488);--sp-bg:#fff;--sp-text:#0f172a;--sp-muted:#64748b;--sp-border:#e6e8ee;--sp-radius:12px;--sp-shadow:0 18px 40px -24px #10101266;--sp-height:44px;width:100%;color:var(--sp-text);font-size:15px;position:relative}.sp-theme-minimal{--sp-radius:6px;--sp-shadow:0 6px 20px -12px #00000040}.sp-theme-curvy{--sp-radius:999px}.sp-theme-dark{--sp-bg:#141417;--sp-text:#ecedee;--sp-muted:#9ba1a6;--sp-border:#2a2a2e}.sp-inputwrap{height:var(--sp-height);background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:var(--sp-radius);align-items:center;gap:8px;padding:0 12px;display:flex}.sp-inputwrap:focus-within{border-color:var(--sp-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--sp-accent) 20%, transparent)}.sp-icon{color:var(--sp-muted);flex:none}.sp-input{color:var(--sp-text);font-size:inherit;background:0 0;border:0;outline:none;flex:1}.sp-input::placeholder{color:var(--sp-muted)}.sp-clear{color:var(--sp-muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:20px;line-height:1}.sp-panel{left:0;right:0;top:calc(var(--sp-height) + 8px);z-index:50;background:var(--sp-bg);border:1px solid var(--sp-border);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);position:absolute;overflow:hidden}.sp-info{color:var(--sp-muted);border-bottom:1px solid var(--sp-border);padding:8px 14px;font-size:12px}.sp-list{max-height:60vh;margin:0;padding:6px;list-style:none;overflow-y:auto}.sp-layout-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.sp-state{text-align:center;color:var(--sp-muted);padding:16px}.sp-item{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.sp-item.is-active{background:color-mix(in srgb, var(--sp-accent) 12%, transparent)}.sp-thumb{background:color-mix(in srgb, var(--sp-accent) 10%, transparent);border-radius:8px;flex:none;width:44px;height:44px;overflow:hidden}.sp-thumb img{object-fit:cover;width:100%;height:100%}.sp-thumb-ph{width:100%;height:100%;color:color-mix(in srgb, var(--sp-accent) 50%, transparent);justify-content:center;align-items:center;font-weight:700;display:flex}.sp-body{flex-direction:column;min-width:0;display:flex}.sp-type{text-transform:uppercase;letter-spacing:.08em;color:var(--sp-accent);font-size:10px;font-weight:600}.sp-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sp-mark{background:color-mix(in srgb, var(--sp-accent) 28%, transparent);color:inherit;border-radius:2px;padding:0 1px}.sp-meta{color:var(--sp-muted);gap:8px;font-size:12px;display:flex}.sp-desc{color:var(--sp-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.sp-desc p,.sp-desc div{margin:0;display:inline}.sp-desc strong,.sp-desc b,.sp-price{color:var(--sp-text);font-weight:600}.sp-all{text-align:center;color:var(--sp-accent);border-top:1px solid var(--sp-border);padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;display:block}.sp-sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.sp-panel,.sp-item{transition:none!important}}