/* ==========================================
   GEOMETRIA ESPACIAL 3D (ESPECÍFICO)
========================================== */

/* Configurações do Ambiente 3D (Canvas do Three.js) */
#planoContainer3D { 
    cursor: grab; 
    position: relative; 
    overflow: hidden; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    padding: 0;
}

#planoContainer3D:active { 
    cursor: grabbing; 
}

/* Memória de Cálculo Educacional (Onde aparecem as contas) */
#passoApassoMatematica {
    font-family: monospace;
    font-size: 13px;
    color: var(--accent-color);
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-y: auto;
    padding-right: 5px;
    height: 100%;
}

/* Ajuste específico para o Card de Memória no painel lateral */
.theory-panel .tool-card {
    background: rgba(0,0,0,0.2);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Analise Rápida no Topo (Dados dinâmicos do 3D) */
#analiseRapidaTopo {
    font-family: monospace;
    font-size: 12px;
    color: var(--accent-color);
    background: rgba(0,0,0,0.3);
    padding: 6px 12px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
}

/* ==========================================================================
   OTIMIZAÇÃO RESPONSIVA - MOBILE (ESPACIAL)
========================================================================== */
@media (max-width: 768px) {
    /* Esconde o resizer no mobile para ganhar espaço na tela pequena */
    .resizer { 
        display: none !important; 
    }
    
    /* Garante que o painel não sobreponha a visualização 3D no celular */
    #painelCriacao {
        margin-bottom: 15px !important;
    }
}