/* SM2加密工具特定样式 */


@media (min-width: 900px) {
    .editor-area {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas: 
            "priv pub"
            "input output";
        gap: 20px;
    }

    .editor-area.verify-mode {
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-areas: 
            "priv pub"
            "input sig"
            "output output";
    }

    #privKeyPanel { grid-area: priv; }
    #pubKeyPanel { grid-area: pub; }
    #inputPanel { grid-area: input; }
    #sigPanel { grid-area: sig; }
    #outputPanel { grid-area: output; }
}

.verify-result {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    min-height: 120px; /* 与 textarea 保持一致 */
    border: 1px solid #1f2937;
    background: rgba(15, 23, 42, 0.9);
    border-radius: 0;
    padding: 10px 10px 10px 12px;
}

.light-theme .verify-result {
    background: #ffffff;
    border-color: #d1d5db;
}

.verify-result.success {
    color: #10b981; /* 绿色 */
}

.verify-result.error {
    color: #ef4444; /* 红色 */
}

/* 在验签模式且有结果时，隐藏 textarea 显示 result div */
.editor-area.verify-mode.has-result #output {
    display: none;
}

.editor-area.verify-mode.has-result #verifyResult {
    display: flex !important;
}