:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-muted:#f1f4fa;--text:#1a2433;--text-muted:#54627a;--border:#d4dbe7;--accent:#0f5cc0;--danger:#b3261e;--success:#1d7a46;font-family:Segoe UI,SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body{color:var(--text);background:radial-gradient(120% 120% at 0 0,#e6eefb 0%,#f7f9fd 45%,#f3f5f9 100%);margin:0;padding:0}body{min-height:100vh}main.page-shell{max-width:1180px;margin:0 auto;padding:28px 18px 42px}.page-header{margin-bottom:20px}.page-header h1{margin:0 0 8px;font-size:1.8rem}.page-header p{color:var(--text-muted);max-width:840px;margin:0;line-height:1.4}.ops-grid{grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;display:grid}.surface{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:0 6px 20px #0712270f}.surface h2{margin:0 0 12px;font-size:1.05rem}.surface h3{margin:0 0 10px;font-size:.95rem}.stack{gap:10px;display:grid}.run-form label,.filters label{color:var(--text-muted);gap:6px;font-size:.85rem;display:grid}.run-form input,.run-form select,.filters input,.filters select,.compare select{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:8px;padding:8px 9px}.row{grid-template-columns:1fr 1fr;gap:10px;display:grid}button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 12px;font-weight:600}button.primary{background:var(--accent);color:#fff}button.secondary{background:var(--surface-muted);color:var(--text);border-color:var(--border)}button:disabled{cursor:not-allowed;opacity:.55}.message{margin:6px 0 0;font-size:.85rem}.message.error{color:var(--danger)}.message.success{color:var(--success)}.history-list{gap:8px;max-height:640px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.history-button{text-align:left;border:1px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:10px}.history-button.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px #0f5cc029}.run-line{color:var(--text-muted);margin:0;font-size:.85rem}.badge{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;padding:2px 7px;font-size:.75rem;line-height:1.2;display:inline-block}.badge.status-running,.badge.status-queued{color:#204879;background:#eaf1ff;border-color:#b8c8e8}.badge.status-succeeded{color:#1d693e;background:#e7f6ed;border-color:#b2dfc4}.badge.status-failed,.badge.status-cancelled,.badge.status-timed_out,.badge.status-action_required{color:#8d2d28;background:#fdeceb;border-color:#efc2bf}.kv-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.kv{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;padding:8px}.kv .label{color:var(--text-muted);margin-bottom:4px;font-size:.74rem}.kv .value{overflow-wrap:anywhere;font-size:.87rem}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:8px 6px}thead th{background:var(--surface-muted);position:sticky;top:0}.compare{grid-template-columns:1fr auto;align-items:end;gap:8px;display:grid}@media (max-width:1024px){.ops-grid{grid-template-columns:1fr}}@media (max-width:640px){.row,.compare{grid-template-columns:1fr}main.page-shell{padding:16px 12px 28px}}
