.displays-tabs{display:block;min-width:0}
.displays-tablist{position:relative;display:flex;gap:3px;padding:4px;margin:0 0 20px;border:1px solid var(--border,#35413c);border-radius:11px;background:var(--panel-soft,#15221c);isolation:isolate}
.displays-tablist [role=tab]{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:38px;padding:7px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted,#a0ada7);font:inherit;font-weight:600;cursor:pointer;transition:color .2s ease,transform .2s ease}
.displays-tab svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.displays-tablist [role=tab]:hover,.displays-tablist [role=tab][aria-selected=true]{color:var(--text,#f6f7f4)}
.displays-tab:hover svg{transform:translateY(-1px)}
.displays-tablist [role=tab]:active{transform:scale(.985)}
.displays-tablist [role=tab]:focus-visible{outline:2px solid var(--sage,#8bcaa9);outline-offset:2px}
.displays-indicator{position:absolute;left:0;top:4px;bottom:4px;z-index:0;border:1px solid var(--border-hover,#456558);border-radius:8px;background:var(--panel,#22332b);box-shadow:0 2px 8px #0002;transition:transform .25s cubic-bezier(.2,.7,.3,1),width .25s cubic-bezier(.2,.7,.3,1);pointer-events:none}
.displays-tabs [role=tabpanel][hidden]{display:none!important}
.displays-tabs [role=tabpanel].displays-enter{animation:displays-enter .22s ease-out both}
@keyframes displays-enter{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.displays-tablist [role=tab],.displays-tab svg,.displays-indicator{transition:none}.displays-tabs [role=tabpanel].displays-enter{animation:none}}