/**
 * [Senior Standard] Mock Tester Style v1.0
 */

.mock-tester-container {
    max-width: 1000px;
    margin: 0 auto;
}

.tester-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.form-group { margin-bottom: 15px; }
.form-group label { display: block; font-size: 0.85rem; font-weight: 600; color: #475569; margin-bottom: 5px; }

.input-pastel {
    width: 100%; padding: 10px;
    border: 1px solid #cbd5e1; border-radius: 8px;
    font-size: 0.9rem; box-sizing: border-box;
    background: #f8fafc;
}
.input-pastel:focus { outline: none; border-color: #ec4899; background: #fff; }

.code-font { font-family: 'Monaco', monospace; font-size: 0.85rem; }

.input-with-btn { display: flex; gap: 5px; }
.btn-icon {
    background: #fff; border: 1px solid #cbd5e1; border-radius: 8px;
    width: 40px; cursor: pointer; font-size: 1.2rem;
}

.code-block {
    background: #1e293b; color: #a5b4fc;
    padding: 15px; border-radius: 8px;
    font-family: 'Monaco', monospace; font-size: 0.85rem;
    overflow-x: auto; white-space: pre-wrap;
    min-height: 150px;
}

.status-line {
    display: flex; gap: 15px; margin-bottom: 5px; font-size: 0.85rem; color: #64748b;
}
.status-line span { font-weight: 700; color: #334155; }

.text-sm { font-size: 0.8rem; }
.text-gray { color: #94a3b8; }

@media (max-width: 768px) {
    .tester-grid { grid-template-columns: 1fr; }
}