/* CanvasD / MUGDOT - Decoration Library UI (isolated) */
#elementsPanel{padding:0;overflow:hidden}
#elementsPanel .decor-panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid #34404e;background:#202833}
#elementsPanel .decor-panel-title h3{margin:0 0 4px;color:#f4f7fa;font-size:14px;font-weight:700;line-height:1.25}
#elementsPanel .decor-panel-title p{margin:0;color:#8f9baa;font-size:10px;line-height:1.45}
#elementsPanel .decor-count{flex:0 0 auto;min-width:42px;padding:4px 8px;border:1px solid #3b5660;border-radius:12px;background:#18363b;color:#74d7db;font-size:10px;font-weight:700;text-align:center}
#elementsPanel .elements-library{padding:12px 12px 16px!important;background:#252e3a}
#elementsPanel .elements-search-wrap{position:relative;margin:0 0 12px}
#elementsPanel .elements-search-wrap input{box-sizing:border-box;width:100%;height:36px;padding:0 34px 0 11px;border:1px solid #465363;border-radius:5px;background:#18202a;color:#eef3f8;font-size:11px;outline:none;transition:border-color .15s,box-shadow .15s}
#elementsPanel .elements-search-wrap input::placeholder{color:#768392}
#elementsPanel .elements-search-wrap input:focus{border-color:#4a9fb0;box-shadow:0 0 0 2px rgba(74,159,176,.12)}
#elementsPanel .elements-search-wrap button{position:absolute;right:5px;top:5px;width:26px;height:26px;border:0;border-radius:4px;background:transparent;color:#8793a1;font-size:16px;line-height:26px;cursor:pointer}
#elementsPanel .elements-search-wrap button:hover{background:#303a47;color:#fff}
#elementsPanel .elements-library-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px;color:#b7c1cc;font-size:10px;font-weight:600}
#elementsPanel .elements-category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin:0 0 12px;padding:0;overflow:visible}
#elementsPanel .elements-category-tabs button{box-sizing:border-box;min-width:0;height:27px;padding:0 3px;border:1px solid #46515e;border-radius:4px;background:#2d3744;color:#bdc6d0;font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer}
#elementsPanel .elements-category-tabs button:hover{border-color:#607080;background:#35414f;color:#fff}
#elementsPanel .elements-category-tabs button.active{border-color:#4d9daa;background:#17363b;color:#e9feff;box-shadow:inset 0 0 0 1px rgba(88,190,199,.08)}
#elementsPanel .elements-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:stretch}
#elementsPanel .elements-item{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:74px;min-width:0;padding:7px 4px 5px;border:1px solid #3d4855;border-radius:6px;background:#2a3440;color:#d5dce4;cursor:pointer;overflow:hidden;transition:border-color .12s,background .12s,transform .12s}
#elementsPanel .elements-item:hover{border-color:#579ba8;background:#303c49;transform:translateY(-1px)}
#elementsPanel .elements-item:active{transform:translateY(0)}
#elementsPanel .elements-item img{display:block;width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;object-fit:contain;background:transparent!important;pointer-events:none;flex:0 0 38px}
#elementsPanel .elements-item span{position:static;display:block;width:100%;padding:0;background:transparent;color:#cbd3dc;font-size:9px;font-weight:500;line-height:1.2;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1;transition:none}
#elementsPanel .elements-empty{padding:30px 8px;text-align:center;color:#7f8b98;font-size:11px}
#elementsPanel .elements-help{display:block;margin-top:12px;padding-top:10px;border-top:1px solid #36414e;color:#7f8b98;font-size:9px;line-height:1.5}
.object.image.element-asset .image-mask,.object.image.element-asset .image-mask>img{background:transparent!important}
@media (max-width:1180px){#elementsPanel .elements-grid{grid-template-columns:repeat(3,minmax(0,1fr))}#elementsPanel .elements-category-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
