/* 自定义滚动条 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

/* 透明棋盘格背景 */
.canvas-workspace {
    background-color: #f1f5f9;
    background-image: radial-gradient(#cbd5e1 1px, transparent 1px);
    background-size: 16px 16px;
}

/* 主色调：极光蓝 #2254f4 */
.bg-brand {
    background-color: #2254f4;
}

.text-brand {
    color: #2254f4;
}

.border-brand {
    border-color: #2254f4;
}

.hover\:bg-brand-dark:hover {
    background-color: #1a43c7;
}

/* 左侧 Tab 激活样式 */
.sidebar-tab-item {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

    .sidebar-tab-item.active {
        background: linear-gradient(135deg, #2254f4 0%, #1a43c7 100%);
        color: #ffffff !important;
        box-shadow: 0 4px 12px rgba(34, 84, 244, 0.25);
    }

        .sidebar-tab-item.active i,
        .sidebar-tab-item.active span {
            color: #ffffff !important;
        }

/* 选中模板高亮控制 */
.template-item.active-template {
    border-color: #2563eb !important;
    box-shadow: 0 4px 12px -2px rgba(37, 99, 235, 0.25) !important;
}

    .template-item.active-template .selected-badge {
        display: flex !important;
    }

    .template-item.active-template .template-title {
        color: #2563eb !important;
        font-weight: 700 !important;
    }
/* 修复 Fabric.js 双击文本编辑时产生的光标/textarea 溢出容器 Bug */
/* 彻底防止双击编辑文本时触发浏览器 Page Scroll / 页面整体上移 */
textarea.fabric-hidden-textarea {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    outline: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    z-index: -9999 !important;
}

/* 进度条平滑过渡动画 */
.progress-bar-inner {
    transition: width 0.3s ease-in-out;
}

/* 进度条发光效果 */
.progress-bar-glow {
    box-shadow: 0 0 12px rgba(34, 84, 244, 0.4);
}