/* WAAXSIflix controls live in the shell so the search field survives catalogue rerenders. */
:root{--flix-header-height:86px}
#media-tools{display:flex;align-items:center;min-width:0}
.flix-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.flix-search{display:flex;align-items:center;gap:8px;min-width:155px;width:clamp(155px,18vw,245px);height:34px;padding:0 10px;color:var(--muted);border-bottom:1px solid color-mix(in srgb,var(--text) 24%,transparent);transition:color .2s,border-color .2s,box-shadow .2s}
.flix-search:focus-within{color:var(--text);border-color:var(--accent);box-shadow:0 8px 20px color-mix(in srgb,var(--accent) 16%,transparent)}.flix-search .icon{width:16px;height:16px;flex:none}.flix-search input{min-width:0;width:100%;height:100%;padding:0;border:0;border-radius:0;background:transparent;color:inherit;font-size:11px;outline:0}.flix-search input::placeholder{color:currentColor;opacity:.7}
.flix-control-popover{position:relative;display:flex;align-items:center}.flix-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:4px 8px;color:var(--muted);border-bottom:1px solid transparent;transition:color .2s,border-color .2s,transform .2s,filter .2s}.flix-tool-button:hover,.flix-tool-button[aria-expanded=true]{color:var(--text);border-color:var(--accent);transform:translateY(-1px);filter:drop-shadow(0 5px 10px color-mix(in srgb,var(--accent) 22%,transparent))}.flix-tool-button .icon{width:17px;height:17px}.flix-sort-button{font-size:10px;letter-spacing:.01em}.flix-sort-button>.icon{width:13px;height:13px}.flix-menu-button{width:34px;padding:5px}.flix-menu-button .icon{width:19px;height:19px}
.flix-sort-menu,.flix-actions-menu{position:absolute;right:0;top:calc(100% + 10px);z-index:70;min-width:145px;padding:7px;background:color-mix(in srgb,var(--surface) 91%,transparent);border:1px solid color-mix(in srgb,var(--text) 15%,transparent);border-radius:10px;box-shadow:0 16px 42px #0009;backdrop-filter:blur(22px)}.flix-sort-menu[hidden],.flix-actions-menu[hidden]{display:none}.flix-sort-menu button,.flix-actions-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 9px;color:var(--muted);text-align:left;font-size:11px;border-radius:6px}.flix-sort-menu button:hover,.flix-sort-menu button[aria-selected=true],.flix-actions-menu button:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 13%,transparent)}.flix-sort-menu button .icon,.flix-actions-menu button .icon{width:14px;height:14px;margin-left:auto}.flix-actions-menu{min-width:165px}.flix-actions-menu button .icon{margin:0}.flix-actions-menu span{flex:1}
body.flix-browsing .header-tools{flex:1;justify-content:flex-end}body.flix-browsing .header-tools>#media-tools{max-width:min(100%,470px)}
@media(max-width:800px){.flix-controls{gap:2px}.flix-search{min-width:125px;width:min(35vw,190px)}.flix-sort-button{max-width:70px}.flix-sort-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flix-actions-menu,.flix-sort-menu{top:calc(100% + 7px)}}
@media(max-width:800px){:root{--flix-header-height:70px}}
@media(max-width:600px){:root{--flix-header-height:64px}body.flix-browsing #header{padding-left:20px;padding-right:15px}.flix-controls{gap:1px}.flix-search{min-width:0;width:min(39vw,168px);height:31px;padding:0 6px}.flix-search input{font-size:16px}.flix-search .icon{width:14px;height:14px}.flix-sort-button{min-width:31px;width:31px;padding:5px}.flix-sort-value{display:none}.flix-sort-button>.icon{width:16px;height:16px}.flix-menu-button{width:31px;min-width:31px;height:31px}.flix-menu-button .icon{width:17px;height:17px}.flix-sort-menu,.flix-actions-menu{right:0}}
@media(min-width:801px){body.tv .flix-search{height:42px;width:clamp(180px,19vw,280px)}body.tv .flix-tool-button{min-height:42px;font-size:12px}.tv .flix-sort-menu,.tv .flix-actions-menu{font-size:12px}}

@media(prefers-reduced-motion:reduce){.flix-tool-button,.flix-search{transition:none}.flix-tool-button:hover{transform:none}}
body.reduced-motion .flix-tool-button,body.reduced-motion .flix-search{transition:none;transform:none}