/* edet-compile.css — the advanced-compile dialog (v2.0), rendered into
   .dr-overlay-body. A simple vertical form: format + metadata + scope.
   Tokens from site.css :root. */

.dr-compile-form {
    max-width: 32rem;
    margin: 0 auto;          /* centered like every other overlay (was left-pinned, dead right half) */
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}
.dr-compile-field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    color: var(--fg-muted);
}
.dr-compile-input {
    width: 100%;
    box-sizing: border-box;
    padding: 0.45rem 0.6rem;
    background: var(--input-bg, var(--bg-elevated));
    color: var(--fg);
    border: 1px solid var(--btn-border);
    border-radius: 6px;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
}
textarea.dr-compile-input { min-height: 3.2rem; resize: vertical; }
.dr-compile-input:focus { outline: none; border-color: var(--accent); }

.dr-compile-check {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    color: var(--fg);
}
.dr-compile-actions { margin-top: 0.4rem; }
.dr-compile-note {
    color: var(--fg-muted);
    font-size: var(--text-xs);
    line-height: 1.5;
    margin: 0.3rem 0 0;
}