/* MacroMind Python 图表实验室 + 简约图标样式 */

/* ---------- 简约工具栏图标 ---------- */
.chat-tool { width: 30px; height: 30px; border-radius: 8px; }
.chat-tool svg { width: 15px; height: 15px; }
.chat-tool.active svg { color: #fff; }
.chat-tool.active { background: #1f3a5f; border-color: #1f3a5f; box-shadow: 0 0 0 3px rgba(31,58,95,.16); animation: none; }

/* ---------- Python 图表实验室 ---------- */
.plot-modal { width: min(980px, 95vw); height: min(80vh, 720px); display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.plot-modal .modal-header { padding: 12px 18px; background: linear-gradient(90deg, #16304f, #2f5480); border-bottom: none; }
.plot-modal .modal-header h2 { color: #fff; font-size: 15px; }
.plot-modal .modal-close { color: #fff; }
.plot-body { display: flex; flex: 1; min-height: 0; }
.plot-side {
    width: 210px;
    flex-shrink: 0;
    padding: 16px;
    border-right: 1px solid #e3eaf5;
    background: #f6f9ff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.plot-label { font-size: 12px; font-weight: 700; color: #33456b; }
.plot-side select {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #cfdaea;
    border-radius: 8px;
    font-size: 13px;
    background: #fff;
    color: #223;
}
.plot-hint { font-size: 11.5px; color: #7d8fb0; line-height: 1.6; }
.plot-quick { display: flex; flex-direction: column; gap: 8px; margin-top: auto; }
.plot-quick .outline-button { width: 100%; padding: 9px 0; border-radius: 9px; font-size: 13px; font-weight: 600; }
.plot-quick #plot-run { background: linear-gradient(135deg, #274b74, #3a6ea5); color: #fff; border: none; }
.plot-main { flex: 1; display: flex; flex-direction: column; min-width: 0; }
#plot-code {
    flex: 1;
    min-height: 180px;
    border: none;
    border-bottom: 1px solid #e3eaf5;
    padding: 14px 16px;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12.5px;
    line-height: 1.6;
    background: #0f1f35;
    color: #d7e4f7;
    resize: none;
    outline: none;
}
#plot-result { flex: 1; overflow: auto; padding: 12px 16px; background: #fff; }
.plot-loading { color: #6b7f9f; font-size: 13px; padding: 8px 0; }
.plot-err {
    color: #b3261e;
    background: #fdecea;
    border: 1px solid #f5c6c2;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 12.5px;
    white-space: pre-wrap;
    word-break: break-word;
    line-height: 1.6;
}
.plot-img { max-width: 100%; border-radius: 10px; border: 1px solid #e0e7f2; box-shadow: 0 8px 22px rgba(20,40,70,.12); }

@media (max-width: 720px) {
    .plot-body { flex-direction: column; }
    .plot-side { width: auto; border-right: none; border-bottom: 1px solid #e3eaf5; }
    #plot-code { min-height: 140px; }
}