.ls-example { min-width:0; }
.ls-form { margin-top:24px; }
.ls-label { display:block; font-weight:600; margin-bottom:8px; }
.ls-control { display:flex; align-items:stretch; min-width:0; border:1px solid var(--pv-control); border-radius:999px; background:var(--pv-surface); }
.ls-control:has(:focus-visible) { outline:2px solid var(--pv-focus); outline-offset:3px; }
.ls-filter { flex:0 0 160px; min-width:0; background:var(--pv-muted); border-radius:999px 0 0 999px; border-right:1px solid var(--pv-control); }
.ls-filter > select,.ls-filter .custom-select > input.custom-select-input { border:0!important; border-radius:999px 0 0 999px!important; background:transparent!important; color:var(--pv-heading); }
.ls-filter .custom-select > input.custom-select-input { padding-left:16px!important; }
.ls-filter :focus-visible,.ls-query input:focus-visible { outline:2px solid var(--pv-focus); outline-offset:-3px; }
.ls-query { position:relative; flex:1; min-width:0; }
.ls-query > svg { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:var(--pv-secondary); pointer-events:none; }
.ls-query > input { width:100%; min-width:0; border:0!important; border-radius:0 999px 999px 0!important; background:transparent!important; padding-left:44px!important; padding-right:46px!important; }
.ls-query > input::-webkit-search-cancel-button { -webkit-appearance:none; }
.ls-query > .ls-clear { position:absolute!important; right:5px; top:50%; transform:translateY(-50%); }
.ls-help { margin:8px 0 0; color:var(--pv-secondary); font-size:12px; line-height:18px; }
.ls-meta { display:flex; gap:12px; align-items:center; justify-content:space-between; margin:12px 0 16px; min-height:44px; }
.ls-count { margin:0; font-size:12px; line-height:18px; color:var(--pv-secondary); }
.ls-reset { min-height:44px; padding:8px 12px; flex:none; }
.ls-results { display:grid; gap:8px; list-style:none; padding:0; margin:0; }
.ls-results > li { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border:1px solid var(--pv-border); border-radius:12px; }
.ls-result-text { display:grid; min-width:0; gap:4px; }
.ls-result-text > strong { font-size:14px; font-weight:600; }
.ls-result-text > small { color:var(--pv-secondary); font-size:12px; line-height:18px; }
.ls-result-text > * { overflow-wrap:anywhere; }
.ls-status { flex:none; padding:4px 8px; border:1px solid var(--pv-border); border-radius:999px; background:var(--pv-muted); color:var(--pv-secondary); font-size:12px; }
.ls-status[data-status=active] { background:var(--pv-success-bg); color:var(--pv-success-fg); }
.ls-status[data-status=pending] { background:var(--pv-warning-bg); color:var(--pv-warning-fg); }
.ls-empty { padding:32px 20px; border:1px dashed var(--pv-control); border-radius:12px; text-align:center; }
.ls-empty p { color:var(--pv-secondary); margin:8px 0 0; }
@media(min-width:641px) and (max-width:1100px) { .ls-examples { grid-template-columns:minmax(0,1fr); } }
@media(max-width:480px) { .ls-control { flex-direction:column; border-radius:16px; }.ls-filter { flex:auto; border-radius:16px 16px 0 0; border-right:0; border-bottom:1px solid var(--pv-control); }.ls-filter > select,.ls-filter .custom-select > input.custom-select-input { border-radius:16px 16px 0 0!important; }.ls-query > input { border-radius:0 0 16px 16px!important; font-size:16px; }.ls-results > li { align-items:start; flex-direction:column; gap:10px; } }