.x-search{background:color-mix(in oklab, var(--pb-surface-1) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:60px;box-shadow:inset 0 0 0 1px var(--pb-line-strong), inset 0 1px 0 color-mix(in oklab, var(--pb-fg) 18%, transparent), var(--pb-drop);transition:box-shadow var(--pb-dur-3) var(--pb-ease-out);border-radius:18px;align-items:center;gap:12px;padding:0 10px 0 20px;display:flex;position:relative}.x-search:focus-within{box-shadow:inset 0 0 0 1px var(--pb-accent), 0 0 0 4px color-mix(in oklab, var(--pb-accent) 16%, transparent), var(--pb-drop)}.x-search input{min-width:0;height:100%;color:var(--pb-fg);background:0 0;outline:none;flex:1;font-size:17px}.x-search input::placeholder{color:var(--pb-fg-subtle)}.x-search input::-webkit-search-cancel-button{display:none}.x-pick{background:color-mix(in oklab, var(--pb-surface-2) 78%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:32px;box-shadow:inset 0 0 0 1px var(--pb-line);white-space:nowrap;color:var(--pb-fg-muted);transition:color var(--pb-dur-1) var(--pb-ease-out), box-shadow var(--pb-dur-1) var(--pb-ease-out), background-color var(--pb-dur-1) var(--pb-ease-out), transform .26s var(--pb-ease-spring);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.x-pick:hover{color:var(--pb-fg);box-shadow:inset 0 0 0 1px var(--pb-line-strong)}.x-pick:active{transform:scale(.96)}.x-pick[aria-pressed=true]{color:var(--pb-accent);background:var(--pb-accent-soft);box-shadow:inset 0 0 0 1px var(--pb-accent-line)}.x-dock{z-index:30;background:color-mix(in oklab, var(--pb-surface-1) 84%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.3);backdrop-filter:blur(18px)saturate(1.3);box-shadow:inset 0 0 0 1px var(--pb-line), inset 0 1px 0 color-mix(in oklab, var(--pb-fg) 7%, transparent), 0 12px 32px -18px #00000080;border-radius:14px;position:sticky;top:8px}.x-tab{white-space:nowrap;height:34px;color:var(--pb-fg-muted);transition:color var(--pb-dur-1) var(--pb-ease-out), background-color var(--pb-dur-1) var(--pb-ease-out), transform .26s var(--pb-ease-spring);border-radius:10px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.x-tab:hover{color:var(--pb-fg)}.x-tab:active{transform:scale(.96)}.x-tab[aria-current=page]{background:var(--pb-surface-3);color:var(--pb-fg);box-shadow:var(--pb-shadow-1)}.x-tab[aria-pressed=true]{background:var(--pb-accent-soft);color:var(--pb-accent)}
