/* DMG Voice V4.1.7 - Rich animation panel + admin */
#animationPanel{width:420px!important;max-height:88vh!important;background:linear-gradient(180deg,#170b28,#11091f)!important;border-color:rgba(145,93,255,.42)!important}
#animationPanel .toolHead{height:55px!important}
#animationPanel .toolSearch{padding:10px 10px 7px!important}
#animationPanel .chipRow{padding:0 10px 8px!important;gap:5px!important}
#animationPanel #animationGrid.tileGrid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;padding:9px 10px 12px!important;align-content:start!important}
#animationPanel .animMediaCard{position:relative;min-height:78px!important;aspect-ratio:1/1!important;padding:4px!important;border-radius:14px!important;overflow:hidden!important;background:linear-gradient(180deg,#180e2b,#10091d)!important;border:1px solid rgba(173,132,255,.24)!important;display:block!important}
#animationPanel .animMediaCard:hover{border-color:#8c65ff!important;transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.30)}
#animationPanel .animMediaPreview{position:absolute;inset:4px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:rgba(255,255,255,.025)}
#animationPanel .animMediaPreview img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;display:block!important}
#animationPanel .animMediaPreview .asset{font-size:36px!important}
#animationPanel .animMediaName{position:absolute;left:5px;right:5px;bottom:4px;padding:3px 4px;border-radius:7px;background:linear-gradient(180deg,transparent,rgba(4,6,11,.84));color:#f8f5ff;font-size:7px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.82}
#animationPanel .toolFoot{background:#130a22!important;text-align:center!important;padding:9px 12px!important}
.animationEmpty{grid-column:1/-1;padding:28px;text-align:center;color:#a89ab9;font-size:11px}

.animationAdminHead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(114,84,255,.13),rgba(17,24,36,.88))}
.animationAdminHead h3{margin:4px 0 5px;font-size:18px}.animationAdminHead p{margin:0;color:var(--muted);font-size:10px}.adminEyebrow{font-size:8px;font-weight:900;color:#af9cff;letter-spacing:.14em}
.animationAdminStats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.animationAdminStats>div{padding:14px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.animationAdminStats b,.animationAdminStats span{display:block}.animationAdminStats b{font-size:13px;color:#fff}.animationAdminStats span{font-size:8px;color:var(--muted);margin-top:5px}
.adminAnimGrid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px}.adminAnimCard{position:relative;min-width:0;padding:8px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(180deg,#151d29,#0f151f)}.adminAnimPreview{aspect-ratio:1/1;border-radius:11px;overflow:hidden;background:#0a0e15;display:grid;place-items:center}.adminAnimPreview img{width:100%;height:100%;object-fit:contain}.adminAnimPreview>span{font-size:42px}.adminAnimMeta{padding:7px 2px 27px}.adminAnimMeta b,.adminAnimMeta small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adminAnimMeta b{font-size:10px}.adminAnimMeta small{font-size:7px;color:var(--muted);margin-top:3px}.adminAnimDelete{position:absolute;right:8px;bottom:8px;border:1px solid rgba(239,83,80,.24);background:rgba(239,83,80,.10);color:#ffb7b5;border-radius:8px;padding:4px 8px;font-size:7px;cursor:pointer}
.animationUploadNotice{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin-bottom:13px;border-radius:13px;background:rgba(114,84,255,.09);border:1px solid rgba(114,84,255,.18)}.animationUploadNotice b{font-size:11px}.animationUploadNotice span{font-size:8px;color:#aeb9c9}.animationUploadLayout{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.animationUploadPreview{border:1px solid var(--line);border-radius:14px;background:#0a0f17;padding:10px;display:flex;flex-direction:column;gap:8px}.animationUploadPreview>span{font-size:7px;color:#8e9bb0;font-weight:900;letter-spacing:.12em}.animationUploadPreview small{font-size:7px;color:#8090a6;line-height:1.45}#aaPreviewBox{aspect-ratio:1/1;border-radius:11px;background:#101724;border:1px dashed rgba(255,255,255,.11);display:grid;place-items:center;overflow:hidden}#aaPreviewBox img{width:100%;height:100%;object-fit:contain}.animationPreviewEmpty{font-size:9px;color:#6f7e92}.animationFileInfo{font-size:8px;color:#8696ac;margin-top:-4px;overflow-wrap:anywhere}
@media(max-width:1200px){.adminAnimGrid{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:760px){#animationPanel{width:100vw!important;max-height:86dvh!important}#animationPanel #animationGrid.tileGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.animationAdminStats{grid-template-columns:repeat(2,1fr)}.adminAnimGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.animationAdminHead{align-items:flex-start;flex-direction:column}.animationUploadLayout{grid-template-columns:1fr}.animationUploadPreview{max-width:250px;width:100%;margin:auto}}
@media(max-width:420px){#animationPanel #animationGrid.tileGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}