.cx-textlib-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 10px 0;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(5,9,7,.72)}
.cx-textlib-tabs button{height:28px;border:1px solid transparent;border-radius:6px;background:transparent;color:#738079;font:800 8px/1 inherit;letter-spacing:.08em;cursor:pointer}
.cx-textlib-tabs button em{margin-left:5px;padding:2px 5px;border-radius:8px;background:rgba(255,255,255,.06);font-style:normal;font-size:6px}
.cx-textlib-tabs button.active{border-color:rgba(34,255,111,.38);background:rgba(34,255,111,.09);color:#22ff6f;box-shadow:inset 0 0 12px rgba(34,255,111,.05)}
.cx-textfx-panel[hidden],[data-text-library-panel][hidden]{display:none!important}
#panel-sfx>#textAnimView>.cx-textlib-tabs{flex:0 0 auto}
#panel-sfx>#textAnimView>[data-text-library-panel]{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box;padding-bottom:6px}
/* Premium Styles owns one bounded card scroller. The legacy max-content shell
   expanded the grid beyond the panel, where the parent clipped later rows. */
#panel-sfx>#textAnimView>[data-text-library-panel="styles"]:not([hidden]){display:flex;flex-direction:column;min-height:0;overflow:hidden}
#panel-sfx>#textAnimView>[data-text-library-panel="styles"]>.tanim-mogrt-shell{display:flex;flex-direction:column;flex:1 1 0;min-height:0!important;max-height:none;overflow:hidden!important}
#panel-sfx>#textAnimView>[data-text-library-panel="styles"]>.tanim-mogrt-shell>:not(#tanimList){flex:0 0 auto}
#textAnimView #tanimList.tanim-card-grid{flex:1 1 0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}
#panel-sfx>#textAnimView>[data-text-library-panel="textfx"]>.cx-textfx-shell{min-height:max-content;overflow:visible}
#panel-sfx>#textAnimView>[data-text-library-panel]::-webkit-scrollbar{width:7px}
#panel-sfx>#textAnimView>[data-text-library-panel]::-webkit-scrollbar-track{background:#070a08}
#panel-sfx>#textAnimView>[data-text-library-panel]::-webkit-scrollbar-thumb{border:2px solid #070a08;border-radius:8px;background:#29352d}
#panel-sfx>#textAnimView>[data-text-library-panel]::-webkit-scrollbar-thumb:hover{background:#22a750}
.cx-textfx-shell{margin:7px 10px 10px!important;padding:9px!important;display:grid;gap:8px}
.cx-textfx-subtitle{margin-top:2px;color:#65746a;font-size:7px;letter-spacing:.025em}
.cx-textfx-gallery-head{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:center;min-height:39px;padding:5px 7px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:linear-gradient(145deg,rgba(15,22,17,.96),rgba(7,11,8,.96))}
.cx-textfx-selected{min-width:0}.cx-textfx-selected strong,.cx-textfx-selected small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-textfx-selected strong{color:#e9f3eb;font:900 8.5px/1.2 inherit}.cx-textfx-selected small{margin-top:3px;color:#68766d;font-size:6.3px;text-transform:uppercase;letter-spacing:.05em}
.cx-textfx-direction{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:#060a07}.cx-textfx-direction button,.cx-textfx-replay{height:24px;padding:0 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:#69776e;font:800 6px/1 inherit;letter-spacing:.07em;cursor:pointer}.cx-textfx-direction button.active{border-color:rgba(34,255,111,.35);background:rgba(34,255,111,.1);color:#22ff6f}.cx-textfx-replay{border-color:rgba(34,255,111,.2);background:#081009;color:#8c9b91}.cx-textfx-replay:hover{border-color:#22ff6f;color:#22ff6f}
.cx-textfx-targets{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.cx-textfx-targets button,.cx-textfx-categories button{height:25px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#080d0a;color:#6d7b72;font:800 6.5px/1 inherit;letter-spacing:.06em;cursor:pointer}
.cx-textfx-targets button.active,.cx-textfx-categories button.active{border-color:rgba(34,255,111,.58);background:rgba(34,255,111,.1);color:#22ff6f}
.cx-textfx-toolbar{display:grid;grid-template-columns:minmax(115px,.8fr) minmax(0,2fr);gap:6px}
.cx-textfx-categories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.cx-textfx-categories button{height:26px;padding:0 2px;font-size:5.8px}
.cx-textfx-count{color:#65746a;font-size:7px;text-align:right}
.cx-textfx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:145px;align-content:start;gap:7px;max-height:430px;overflow:auto;padding:2px}
.cx-textfx-card{position:relative;display:flex;flex-direction:column;height:145px;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:linear-gradient(145deg,rgba(15,22,17,.98),rgba(6,10,7,.98));color:#aebbb2;cursor:pointer;box-sizing:border-box}
.cx-textfx-card:hover,.cx-textfx-card.active{border-color:rgba(34,255,111,.55);background:linear-gradient(145deg,rgba(22,38,27,.98),rgba(7,13,9,.98));box-shadow:0 0 12px rgba(34,255,111,.09)}
.cx-textfx-card.active{outline:1px solid rgba(34,255,111,.17);color:#effff4}
.cx-textfx-thumb{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 76px;height:76px;min-height:76px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at 50% 45%,rgba(34,255,111,.055),transparent 55%),#080c09}
.cx-textfx-thumb-img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:#090c0a}.cx-textfx-thumb-img:not([src]){visibility:hidden}.cx-textfx-thumb-empty{position:absolute;z-index:0;color:#36423a;font:900 7px/1 inherit;letter-spacing:.14em}
.cx-textfx-preview-badge{position:absolute;left:5px;top:5px;z-index:3;padding:3px 6px;border:1px solid rgba(34,255,111,.38);border-radius:9px;background:rgba(4,10,6,.86);color:#22ff6f;font:900 6px/1 inherit;letter-spacing:.08em;box-shadow:0 0 8px rgba(34,255,111,.08)}
.cx-textfx-fav{position:absolute;right:4px;top:3px;z-index:3;width:23px;height:23px;padding:0;border:0;border-radius:50%;background:rgba(3,7,4,.72);color:#59655d;font-size:12px;cursor:pointer}.cx-textfx-fav:hover,.cx-textfx-fav.active{color:#ffd84d;text-shadow:0 0 7px rgba(255,216,77,.35)}
.cx-textfx-copy{flex:1 1 auto;min-width:0;min-height:0;padding:6px 7px 3px}.cx-textfx-copy strong,.cx-textfx-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-textfx-copy strong{color:#e7f0e9;font-size:8px;line-height:1.25}.cx-textfx-copy small{margin-top:3px;color:#65736a;font-size:5.8px;text-transform:uppercase;letter-spacing:.045em}.cx-textfx-copy small b{display:inline-grid;place-items:center;width:14px;height:12px;margin-right:3px;border-radius:4px;background:rgba(34,255,111,.09);color:#22ff6f;font-size:6px}
.cx-textfx-card-actions{flex:0 0 28px;height:28px;padding:0 5px 5px}.cx-textfx-card-actions button{display:block;width:100%;height:23px;border:1px solid rgba(34,255,111,.22);border-radius:5px;background:rgba(34,255,111,.055);color:#8fa197;font:900 6px/1 inherit;letter-spacing:.06em;cursor:pointer}.cx-textfx-card-actions button:hover{border-color:#22ff6f;background:rgba(34,255,111,.14);color:#22ff6f}
.cx-textfx-applybar{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:6px;align-items:center;padding-top:7px;border-top:1px solid rgba(255,255,255,.07)}
.cx-textfx-applybar label{display:flex;align-items:center;gap:4px;color:#78867d;font-size:6.5px;white-space:nowrap}
.cx-textfx-applybar button{height:28px;border:1px solid rgba(34,255,111,.22);border-radius:6px;background:#070d09;color:#9bad9f;font:900 6.5px/1 inherit;letter-spacing:.06em;cursor:pointer}
.cx-textfx-applybar button:hover{border-color:#22ff6f;color:#22ff6f}.cx-textfx-applybar button.primary{background:rgba(34,255,111,.13);border-color:rgba(34,255,111,.55);color:#22ff6f}
.cx-textfx-applybar button:disabled{opacity:.35;cursor:not-allowed}
.cx-textfx-status{display:flex;align-items:center;gap:6px;min-height:23px;padding:0 7px;border:1px solid rgba(255,255,255,.06);border-radius:6px;background:#070b08;color:#78867d;font-size:7px}
.cx-textfx-status i{width:6px;height:6px;border-radius:50%;background:#22ff6f;box-shadow:0 0 6px rgba(34,255,111,.6)}.cx-textfx-status.error i{background:#ff5369;box-shadow:0 0 6px rgba(255,83,105,.5)}
@media(max-width:560px){.cx-textfx-gallery-head{grid-template-columns:minmax(0,1fr) auto}.cx-textfx-replay{display:none}.cx-textfx-toolbar{grid-template-columns:1fr}.cx-textfx-categories{grid-template-columns:repeat(4,1fr)}.cx-textfx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cx-textfx-applybar{grid-template-columns:1fr 1fr}.cx-textfx-applybar button.primary{grid-column:1/-1}}
@media(max-width:390px){.cx-textfx-grid{grid-template-columns:1fr}.cx-textfx-direction button{padding:0 5px;font-size:5.5px}}