/* Tools page — format & validate */

.tools-format-tab[aria-selected="true"] {
    background: var(--accent-primary);
    color: #fff;
    border-color: transparent;
}

.tools-format-tab[aria-selected="true"]:hover {
    opacity: 0.92;
}

.tools-cm-host {
    min-height: 360px;
    max-height: min(70vh, 720px);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    overflow: auto;
    background: var(--bg-primary);
}

.tools-cm-host .cm-editor {
    min-height: 360px;
    height: 100%;
}

.tools-cm-host .cm-scroller {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
}

.tools-status {
    border-bottom: 1px solid var(--border-color);
}

.tools-status--valid {
    background: color-mix(in srgb, #16a34a 12%, transparent);
    color: var(--text-primary);
}

.tools-status--error {
    background: color-mix(in srgb, #dc2626 12%, transparent);
    color: #b91c1c;
}

.dark .tools-status--error {
    color: #fca5a5;
}

.tools-status__line {
    font-family: ui-monospace, monospace;
    font-size: 0.8125rem;
    opacity: 0.85;
}

.tools-editor-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.tools-cm-host .cm-line.tools-error-line {
    background: color-mix(in srgb, #dc2626 18%, transparent);
}