.character-library-panel[data-v-e417e12d]{background-color:#131519;background-image:linear-gradient(var(--5,rgba(148,173,255,.05)),var(--5,rgba(148,173,255,.05)));border:1px solid var(--10,rgba(148,173,255,.1));border-radius:24px;box-shadow:0 20px 40px -15px #00000080;margin-left:0;width:70%}.character-tabs[data-v-e417e12d]{box-sizing:border-box;display:flex;height:40px;justify-content:center;margin-bottom:24px;position:relative;width:100%}.character-tabs[data-v-e417e12d]:before{background:#ffffff1a;bottom:0;content:"";height:1.5px;left:0;position:absolute;right:0}.tab-btn[data-v-e417e12d]{background:transparent;border:none;color:#fff6;cursor:pointer;flex:1;font-size:14px;font-weight:600;height:100%;position:relative;text-align:center;transition:color .2s}.tab-btn[data-v-e417e12d]:hover{color:#fffc}.tab-btn.active[data-v-e417e12d]{color:#fff}.tab-btn.active[data-v-e417e12d]:after{background:#fff;bottom:0;content:"";height:2.5px;left:0;position:absolute;right:0;z-index:1}.character-grid[data-v-e417e12d]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,120px);padding-bottom:10px}.grid-item[data-v-e417e12d]{background:#ffffff0a;border:2px solid transparent;border-radius:12px;box-sizing:border-box;cursor:pointer;height:120px;overflow:hidden;position:relative;transition:all .2s;width:120px}.grid-item[data-v-e417e12d]:hover:not(.active){border-color:#019eff4d;transform:translateY(-2px)}.grid-item.active[data-v-e417e12d]{border-color:var(--app-color-blue-gradient-end,#019eff)}.grid-item .actor-thumb[data-v-e417e12d]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.add-item[data-v-e417e12d]{align-items:center;background:#ffffff0f;border:1px dashed hsla(0,0%,100%,.15);display:flex;flex-direction:column;gap:8px;justify-content:center}.add-item .add-icon-img[data-v-e417e12d]{height:28px;opacity:.6;transition:opacity .2s;width:28px}.add-item .add-text[data-v-e417e12d]{color:#fff9;font-size:14px;font-weight:500;transition:color .2s}.add-item[data-v-e417e12d]:hover{background:#ffffff1a;border-color:#ffffff4d}.add-item:hover .add-icon-img[data-v-e417e12d]{opacity:1}.add-item:hover .add-text[data-v-e417e12d]{color:#fff}@media screen and (max-width:1024px){.character-grid[data-v-e417e12d]{gap:10px!important;grid-template-columns:repeat(3,1fr)!important}.grid-item[data-v-e417e12d]{aspect-ratio:1/1!important;height:auto!important;width:100%!important}}