.vc-library-icon{display:flex!important;align-items:center;justify-content:center;width:100%;height:100%;line-height:0}.vc-library-icon svg{display:block;width:100%;height:100%;overflow:visible}.icon-library-modal{width:min(1520px,92vw);height:min(900px,90vh);max-width:none;padding:0;overflow:hidden;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.icon-library-head{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 12px}.icon-library-head h2{margin:0;font-size:22px}.icon-library-head p{margin:6px 0 0;color:#7b8190;font-size:13px}.icon-library-search{margin:0 28px 16px;height:44px;border:1px solid #dfe2eb;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff}.icon-library-search:focus-within{border-color:#6c5ce7;box-shadow:0 0 0 3px rgba(108,92,231,.12)}.icon-library-search .icon{color:#757b8a}.icon-library-search input{border:0;outline:0;flex:1;font:inherit;background:transparent}.icon-library-search kbd{border:1px solid #e2e4eb;border-radius:5px;padding:2px 6px;color:#9297a5;background:#f8f9fb;font:11px inherit}.icon-library-body{min-height:0;border-top:1px solid #eceef3;border-bottom:1px solid #eceef3;display:grid;grid-template-columns:190px minmax(0,1fr)}.icon-category-list{overflow:auto;padding:14px 10px;background:#fafbfc;border-right:1px solid #eceef3}.icon-category-list button{width:100%;height:36px;border:0;border-radius:7px;background:transparent;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#4f5564;cursor:pointer;text-align:left}.icon-category-list button:hover{background:#f0efff}.icon-category-list button.active{background:#eae7ff;color:#5948d6;font-weight:650}.icon-category-list button b{font-size:11px;font-weight:500;color:#9ba0ad}.icon-category-list hr{border:0;border-top:1px solid #e7e9ef;margin:10px 4px}.icon-library-main{min-width:0;min-height:0;overflow:auto;padding:14px 20px 22px}.icon-library-toolbar{position:sticky;top:-14px;z-index:3;margin:-14px -20px 14px;padding:14px 20px 10px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:space-between}.icon-library-toolbar>span{font-size:12px;color:#8b909d}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.icon-card{position:relative;min-width:0;height:96px;border:1px solid #e5e7ed;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#262a35;cursor:pointer}.icon-card:hover{border-color:#b7b0f5;background:#faf9ff}.icon-card.selected{border-color:#6c5ce7;box-shadow:0 0 0 2px rgba(108,92,231,.16);background:#f8f7ff}.icon-card-preview{width:28px;height:28px;display:block}.icon-card-preview svg{width:100%;height:100%;display:block}.icon-card-name{width:calc(100% - 12px);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;color:#656b79}.icon-favorite{position:absolute;right:6px;top:5px;font-style:normal;color:#a5a9b4;opacity:0;font-size:16px}.icon-card:hover .icon-favorite,.icon-favorite.active{opacity:1}.icon-favorite.active{color:#f1a800}.icon-load-more{display:block;margin:20px auto 0;padding:9px 18px;border:1px solid #dedfe7;border-radius:8px;background:#fff;color:#5d6270;cursor:pointer}.icon-library-empty{padding:90px 20px;text-align:center;color:#8c919e}.icon-library-empty b{color:#454a57}.icon-library-footer{min-height:72px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.icon-library-footer>div:last-child{display:flex;gap:8px}.icon-selected-preview{display:flex;align-items:center;gap:12px;min-width:0}.icon-selected-preview>svg{width:34px;height:34px}.icon-selected-preview span{display:flex;flex-direction:column;min-width:0}.icon-selected-preview b{font-size:13px}.icon-selected-preview small{color:#8a8f9c;margin-top:3px}.icon-library-loading{display:flex;align-items:center;justify-content:center}.icon-library-loader{display:flex;flex-direction:column;align-items:center;gap:8px;color:#6d7280}.icon-library-loader span{width:28px;height:28px;border:3px solid #e4e1ff;border-top-color:#6c5ce7;border-radius:50%;animation:icon-spin .8s linear infinite}.icon-library-loader b{color:#363a45;margin-top:5px}.icon-library-loader small{color:#999eaa}@keyframes icon-spin{to{transform:rotate(360deg)}}.selected-icon-card{height:64px;border:1px solid #e3e5ec;border-radius:9px;display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:10px;background:#fafbfc}.selected-icon-card>span{width:34px;height:34px;color:var(--text,#161824)}.selected-icon-card svg{width:100%;height:100%;display:block}.selected-icon-card>div{display:flex;flex-direction:column;min-width:0}.selected-icon-card b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-icon-card small{font-size:11px;color:#8b909d;margin-top:4px}.dark .icon-library-modal,.dark .icon-library-search,.dark .icon-card,.dark .icon-library-toolbar,.dark .icon-load-more{background:#20222a;color:#e9eaf0}.dark .icon-category-list{background:#191b22}.dark .icon-library-body,.dark .icon-category-list,.dark .icon-library-search,.dark .icon-card{border-color:#383b46}.dark .icon-card-name{color:#b8bbc5}.dark .icon-library-toolbar{background:rgba(32,34,42,.96)}@media(max-width:760px){.icon-library-modal{width:96vw;height:92vh}.icon-library-body{grid-template-columns:1fr}.icon-category-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #eceef3;padding:8px}.icon-category-list button{width:auto;min-width:max-content;gap:8px}.icon-category-list hr{display:none}.icon-library-head,.icon-library-footer{padding-left:16px;padding-right:16px}.icon-library-search{margin-left:16px;margin-right:16px}.icon-library-footer{align-items:flex-end}.icon-selected-preview{max-width:45%}}
.icon-drag-ghost{position:fixed;left:0;top:0;z-index:100000;width:52px;height:52px;padding:10px;border:1px solid rgba(108,92,231,.45);border-radius:11px;background:rgba(255,255,255,.94);color:#161824;box-shadow:0 10px 30px rgba(30,24,75,.2);pointer-events:none;will-change:transform}.icon-drag-ghost svg{display:block;width:100%;height:100%}.icon-drop-target{outline:2px solid #6c5ce7!important;outline-offset:-2px!important;box-shadow:inset 0 0 0 4px rgba(108,92,231,.12)!important}