/**
 * 在线剪辑面板 - 独立样式（仅本面板使用，不与其他面板通用）
 * 占位阶段：占位内容样式；后续开发在本文件内扩展
 * 字体规范：Microsoft YaHei
 */

/* 未激活时隐藏，与导航栏面板切换逻辑一致，避免切换时先闪出本面板 */
#online-edit.panel-content {
    display: none;
}

/* 激活时：底色与个人文件面板一致 */
#online-edit.panel-content.active {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    background: #141414;
}

#online-edit .panel-placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
    padding: var(--spacing-xl);
    background: #141414;
    border-radius: var(--radius-lg);
    border: 1px dashed var(--border-primary);
    color: var(--text-muted);
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
    font-size: 14px;
    text-align: center;
}

#online-edit .panel-placeholder-icon {
    width: 64px;
    height: 64px;
    margin-bottom: var(--spacing-lg);
    opacity: 0.5;
}

#online-edit .panel-placeholder-icon svg {
    width: 64px;
    height: 64px;
    stroke: var(--text-muted);
    fill: none;
}

#online-edit .panel-placeholder-text {
    font-size: 16px;
    font-weight: normal;
    color: var(--text-muted);
    line-height: 1.5;
}