.diagram-template-gallery[data-v-852556f4]{position:absolute;inset:auto 0 52px;z-index:5;padding:12px 24px 16px;background:var(--bg-primary, #fff);color:var(--text-primary, #303640);text-align:left}.dtg-heading[data-v-852556f4]{display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--text-secondary, #718096);font-size:14px}.dtg-heading button[data-v-852556f4]{display:inline-flex;align-items:center;gap:4px;border:0;background:none;color:inherit;cursor:pointer;white-space:nowrap}.dtg-heading svg[data-v-852556f4]{width:16px;height:16px;transform:rotate(0)}.dtg-heading svg.collapsed[data-v-852556f4]{transform:rotate(180deg)}.dtg-tabs[data-v-852556f4]{display:flex;gap:6px;margin:8px 0 0;overflow-x:auto}.dtg-tabs button[data-v-852556f4]{flex:0 0 auto;padding:6px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary, #718096);font:inherit;font-size:13px;cursor:pointer}.dtg-tabs button.active[data-v-852556f4]{color:var(--primary-color, #4361ee);background:var(--bg-secondary, #f4f6fb);border-color:var(--border-color, #e5e9f0)}.dtg-themes[data-v-852556f4]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px}.dtg-themes button[data-v-852556f4]{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-secondary);font:inherit;font-size:12px;cursor:pointer}.dtg-themes button.active[data-v-852556f4]{border-color:var(--border-color);background:var(--bg-secondary);color:var(--primary-color)}.dtg-theme-colors[data-v-852556f4]{display:inline-flex;gap:2px}.dtg-theme-colors i[data-v-852556f4]{width:7px;height:7px;border-radius:50%}.dtg-cards[data-v-852556f4]{display:flex;gap:18px;overflow-x:auto;padding:16px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}.dtg-cards[data-v-852556f4]::-webkit-scrollbar{display:none;width:0;height:0}.dtg-item[data-v-852556f4]{flex:0 0 174px;scroll-snap-align:start}.dtg-card[data-v-852556f4]{display:flex;flex-direction:column;gap:10px;width:100%;padding:0;border:0;background:none;color:inherit;cursor:pointer;font:inherit}.dtg-preview[data-v-852556f4]{display:flex;align-items:center;justify-content:center;width:100%;height:146px;border:1px solid var(--border-color, #e8ecf2);border-radius:8px;background:#fff;box-shadow:0 3px 6px #17233c0d;overflow:hidden;transition:border-color .15s,box-shadow .15s}.dtg-card:hover .dtg-preview[data-v-852556f4],.dtg-card:focus-visible .dtg-preview[data-v-852556f4]{border-color:var(--primary-color, #4361ee);box-shadow:0 3px 10px #4361ee20}.dtg-card[data-v-852556f4]:disabled{cursor:progress}.dtg-preview img[data-v-852556f4]{width:100%;height:100%;padding:8px;box-sizing:border-box;object-fit:contain}.dtg-label[data-v-852556f4]{width:100%;text-align:center;font-size:13px;line-height:1.5}.dtg-loading[data-v-852556f4]{font-size:12px;color:#8b95a5}.dtg-retry[data-v-852556f4],.dtg-error button[data-v-852556f4]{border:0;background:none;color:var(--primary-color, #4361ee);cursor:pointer;font-size:12px}.dtg-error[data-v-852556f4]{font-size:13px}@media (max-width: 768px){.diagram-template-gallery[data-v-852556f4]{bottom:12px;padding:14px 12px;max-height:80%;overflow-y:auto}.dtg-heading[data-v-852556f4]{font-size:12px}.dtg-item[data-v-852556f4]{flex:0 0 calc((100% - 12px)/2)}.dtg-preview[data-v-852556f4]{height:104px}.dtg-cards[data-v-852556f4]{gap:12px;padding:12px 0 8px}.dtg-tabs[data-v-852556f4]{scrollbar-width:none}.dtg-tabs[data-v-852556f4]::-webkit-scrollbar{display:none}}:is(.preview-section,.canvas-panel) .el-card__body:has(>.diagram-template-gallery){position:relative;min-height:320px}:is(.preview-section,.canvas-panel) .el-card__body:has(>.diagram-template-gallery) :is(.empty-preview,.empty-diagram),:is(.preview-section,.canvas-panel) .el-card__body:has(>.diagram-template-gallery) .tp-empty{visibility:hidden}