:root{--scoped-search-bar-font-family:inter, "Segoe UI", system-ui, sans-serif;--scoped-search-bar-bg:#fff;--scoped-search-bar-bg-muted:#f6f8fb;--scoped-search-bar-border:#0876d8;--scoped-search-bar-border-muted:#d7dee8;--scoped-search-bar-text:#17212f;--scoped-search-bar-text-muted:#677489;--scoped-search-bar-primary:#0a4f8f;--scoped-search-bar-primary-strong:#073b6f;--scoped-search-bar-primary-soft:#d9ecff;--scoped-search-bar-shadow:0 14px 32px #091e4229;--scoped-search-bar-focus:0 0 0 3px #0876d838;--scoped-search-bar-radius:999px}.scoped-search-bar{width:min(100%,980px);font-family:var(--scoped-search-bar-font-family);color:var(--scoped-search-bar-text);position:relative}.scoped-search-bar__control{background:var(--scoped-search-bar-bg);border:2px solid var(--scoped-search-bar-border);border-radius:var(--scoped-search-bar-radius);min-height:64px;box-shadow:var(--scoped-search-bar-shadow);align-items:center;gap:12px;padding:8px 10px 8px 20px;display:flex}.scoped-search-bar__control:focus-within{box-shadow:var(--scoped-search-bar-shadow), var(--scoped-search-bar-focus)}.scoped-search-bar__search-icon{fill:#7a8492;flex:none;width:28px;height:28px}.scoped-search-bar__input{min-width:120px;font:inherit;color:var(--scoped-search-bar-text);background:0 0;border:0;outline:0;flex:auto;font-size:18px}.scoped-search-bar__input::placeholder{color:var(--scoped-search-bar-text-muted)}.scoped-search-bar__actions{flex:none;align-items:center;gap:10px;display:flex}.scoped-search-bar__scope-chip,.scoped-search-bar__clear-scopes,.scoped-search-bar__submit,.scoped-search-bar__menu-item{font:inherit}.scoped-search-bar__scope-chip{min-height:34px;color:var(--scoped-search-bar-text);background:var(--scoped-search-bar-primary-soft);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:0 14px}.scoped-search-bar__scope-chip:hover{background:#c5e1ff}.scoped-search-bar__clear-scopes{cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-18px;display:inline-flex}.scoped-search-bar__clear-scopes[hidden]{display:none}.scoped-search-bar__clear-icon{fill:#4f647a;width:16px;height:16px}.scoped-search-bar__submit{color:#fff;background:linear-gradient(180deg, var(--scoped-search-bar-primary), var(--scoped-search-bar-primary-strong));cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 22px;display:inline-flex;box-shadow:0 8px 18px #0a4f8f47}.scoped-search-bar__submit:hover{filter:brightness(1.04)}.scoped-search-bar__submit-icon{fill:currentColor;width:24px;height:24px}.scoped-search-bar__menu{z-index:20;background:var(--scoped-search-bar-bg);border:1px solid var(--scoped-search-bar-border-muted);min-width:220px;box-shadow:var(--scoped-search-bar-shadow);border-radius:8px;padding:10px 0;position:absolute;top:calc(100% + 10px);right:120px;overflow-y:auto}.scoped-search-bar__menu-item{width:100%;color:var(--scoped-search-bar-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px 18px;font-size:18px;display:flex}.scoped-search-bar__menu-item:hover,.scoped-search-bar__menu-item:focus-visible{background:var(--scoped-search-bar-bg-muted);outline:0}.scoped-search-bar__checkbox{background:#fff;border:2px solid #707987;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.scoped-search-bar__menu-item[aria-checked=true] .scoped-search-bar__checkbox{border-color:var(--scoped-search-bar-primary);background:var(--scoped-search-bar-primary)}.scoped-search-bar__check-icon{fill:#fff;width:16px;height:16px}.scoped-search-bar--disabled{opacity:.68}.scoped-search-bar--disabled .scoped-search-bar__scope-chip,.scoped-search-bar--disabled .scoped-search-bar__clear-scopes,.scoped-search-bar--disabled .scoped-search-bar__submit{cursor:not-allowed}@media (max-width:700px){.scoped-search-bar__control{border-radius:28px;flex-wrap:wrap;align-items:stretch;padding:12px}.scoped-search-bar__search-icon{margin-top:10px}.scoped-search-bar__input{min-height:44px;font-size:16px}.scoped-search-bar__actions{justify-content:flex-end;width:100%}.scoped-search-bar__menu{min-width:auto;left:12px;right:12px}}*{box-sizing:border-box}:root{--demo-bg:#eef3f8;--demo-card:#ffffffdb;--demo-border:#7e90a83d;--demo-text:#142033;--demo-muted:#65758b;--demo-shadow:0 24px 80px #192a462e}:root[data-theme=dark]{--demo-bg:#101722;--demo-card:#161f2de0;--demo-border:#8298b83d;--demo-text:#edf4ff;--demo-muted:#a7b4c7;--demo-shadow:0 24px 80px #0000006b;--scoped-search-bar-bg:#151f2d;--scoped-search-bar-bg-muted:#1f2c3e;--scoped-search-bar-border-muted:#314158;--scoped-search-bar-text:#edf4ff;--scoped-search-bar-text-muted:#98a8bd;--scoped-search-bar-primary-soft:#254767}body{min-height:100vh;color:var(--demo-text);background:radial-gradient(circle at 15% 10%, #2a76c247, transparent 34%), radial-gradient(circle at 85% 18%, #37beaa38, transparent 30%), linear-gradient(135deg, var(--demo-bg), #f9fbfd);margin:0;padding:32px;font-family:Inter,Segoe UI,system-ui,sans-serif}:root[data-theme=dark] body{background:radial-gradient(circle at 15% 10%, #2a76c23d, transparent 34%), radial-gradient(circle at 85% 18%, #37beaa29, transparent 30%), linear-gradient(135deg, var(--demo-bg), #0a1018)}.demo-shell{gap:24px;width:min(1100px,100%);margin:0 auto;display:grid}.demo-hero{border:1px solid var(--demo-border);background:var(--demo-card);box-shadow:var(--demo-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:clamp(28px,7vw,72px)}.demo-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#0876d8;margin:0 0 12px;font-size:12px;font-weight:800}.demo-hero h1{letter-spacing:-.06em;max-width:780px;margin:0;font-size:clamp(36px,7vw,72px);line-height:.95}.demo-copy{max-width:680px;color:var(--demo-muted);margin:20px 0 42px;font-size:clamp(16px,2vw,20px);line-height:1.6}.demo-card{border:1px solid var(--demo-border);background:#ffffff8f;border-radius:24px;justify-content:center;padding:clamp(16px,4vw,34px);display:flex}:root[data-theme=dark] .demo-card{background:#080d144d}.demo-panel{border:1px solid var(--demo-border);background:var(--demo-card);border-radius:18px;gap:12px;padding:18px;display:grid}.demo-controls{flex-wrap:wrap;gap:10px;display:flex}.demo-btn{border:1px solid var(--demo-border);font:inherit;color:var(--demo-text);cursor:pointer;background:#ffffffb8;border-radius:999px;padding:9px 14px;font-weight:700}.demo-btn:hover{border-color:#0876d8}:root[data-theme=dark] .demo-btn{background:#ffffff14}.demo-log-label{letter-spacing:.08em;text-transform:uppercase;color:var(--demo-muted);font-size:12px;font-weight:800}.demo-event-log{resize:vertical;border:1px solid var(--demo-border);width:100%;min-height:128px;color:var(--demo-text);background:#ffffff9e;border-radius:12px;padding:12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root[data-theme=dark] .demo-event-log{background:#00000038}@media (max-width:760px){body{padding:14px}.demo-hero{border-radius:20px}}