/* run-panel.css — the DKE Studio run-panel component (Coherence Spec A3).
 *
 * The shared editor + result look for running DKE Python against the engine.
 * ONE home for the .pg-* run-panel family, linked by BOTH surfaces that present
 * it: the standalone /studio/ REPL (the playground page) and every DKE Studio
 * doc page's docking Run drawer (which links this plus dke-studio.css for the
 * dock-scoped height overrides layered on top). Before this file the playground
 * inlined its own copy while the doc copy lived in dke-studio.css, and the two
 * drifted — the editor min-height reached 240px here, 200px there — the exact
 * drift class the Coherence Spec exists to make impossible. Unified to 240px:
 * a visual no-op (the playground already used 240; the doc copy's 200px was
 * always shadowed by the dock's `.dke-dock-body .pg-editor { min-height:150px }`
 * override). Page-specific playground layout (.pg-wrap / .pg-grid / .pg-docs*)
 * stays with the playground template; only the genuinely-shared run-panel lives
 * here.
 *
 * Raw colors here are the DKE Studio dark/teal surface palette; tokenizing them
 * (Coherence Spec A2 / gate G2) is a separate rung. */

.pg-label { font-size: 0.85rem; letter-spacing: 0.04em; text-transform: uppercase;
            color: rgba(255,255,255,0.55); margin: 0 0 0.4rem; }
.pg-editor { width: 100%; min-height: 240px; resize: vertical; box-sizing: border-box;
             font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
             font-size: 0.92rem; line-height: 1.5; color: #eaf6f6; background: #0c1417;
             border: 1px solid rgba(255,255,255,0.12); border-radius: 10px;
             padding: 1rem; tab-size: 4; }
.pg-editor:focus { outline: none; border-color: var(--ls-studio-accent); }
.pg-bar { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.pg-hint { font-size: 0.82rem; color: rgba(255,255,255,0.45); }
.pg-result { min-height: 3rem; white-space: pre-wrap; word-break: break-word;
             font-family: ui-monospace, 'SF Mono', 'Cascadia Mono', Consolas, 'Liberation Mono', Menlo, monospace;
             font-size: 0.9rem; line-height: 1.5; background: #0c1417; border-radius: 10px;
             padding: 1rem; border: 1px solid rgba(255,255,255,0.12); color: #eaf6f6; }
.pg-result.ok   { border-color: rgb(var(--ls-studio-accent-rgb) / 0.55); }
.pg-result.warn { border-color: rgba(240,180,60,0.6); }
.pg-result.err  { border-color: rgba(240,90,90,0.6); }
.pg-meta { font-size: 0.75rem; color: rgba(255,255,255,0.4); margin-top: 0.5rem; }
.pg-empty { color: rgba(255,255,255,0.4); }
.pg-run[disabled] { opacity: 0.55; cursor: default; }