:root{--bg:#0f1115;--panel:#171a21;--panel2:#1e222b;--border:#2a2f3a;--fg:#e6e8ee;--muted:#9aa3b2;--accent:#6ea8fe;--good:#4ade80;--warn:#fbbf24;--bad:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}button{background:var(--panel2);color:var(--fg);border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:6px;padding:6px 12px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);color:#0b1020;border-color:var(--accent);font-weight:600}button.danger{border-color:var(--bad);color:var(--bad)}input,select,textarea{background:var(--panel2);color:var(--fg);border:1px solid var(--border);font:inherit;border-radius:6px;padding:6px 8px}textarea{resize:vertical;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}header.top{border-bottom:1px solid var(--border);background:var(--panel);align-items:center;gap:16px;padding:12px 20px;display:flex}header.top .brand{letter-spacing:.5px;font-weight:700}nav.tabs{gap:8px;display:flex}nav.tabs button.active{border-color:var(--accent);color:var(--accent)}main{max-width:1200px;margin:0 auto;padding:20px}.row{gap:16px;display:flex}.col{flex:1;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:16px;padding:16px}.panel h2,.panel h3{margin-top:0}.muted{color:var(--muted)}.tag{border:1px solid var(--border);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:12px;display:inline-block}.status-running{color:var(--accent)}.status-completed{color:var(--good)}.status-stopped{color:var(--warn)}.status-error{color:var(--bad)}.list{margin:0;padding:0;list-style:none}.list li{border:1px solid var(--border);cursor:pointer;border-radius:8px;margin-bottom:6px;padding:8px 10px}.list li:hover{border-color:var(--accent)}.list li.sel{border-color:var(--accent);background:var(--panel2)}.log{border:1px solid var(--border);background:#0b0d12;border-radius:8px;height:320px;padding:10px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.log .e{white-space:pre-wrap;margin-bottom:2px}.log .e .k{color:var(--accent)}.field{margin-bottom:10px}.field label{color:var(--muted);margin-bottom:4px;display:block}.diff{border:1px solid var(--border);background:#0b0d12;border-radius:8px;max-height:360px;padding:10px;font-family:ui-monospace,monospace;font-size:12px;overflow:auto}.diff .add{color:var(--good)}.diff .del{color:var(--bad)}.diff .ctx{color:var(--muted)}.pii{color:var(--bad)}.preview{background:var(--panel2);border:1px solid var(--border);border-radius:8px;max-height:480px;padding:12px;overflow:auto}.preview h1,.preview h2,.preview h3{border-bottom:1px solid var(--border);padding-bottom:4px}.screens img{border:1px solid var(--border);border-radius:8px;max-width:100%}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.notice{border:1px solid var(--border);border-radius:8px;margin-bottom:10px;padding:8px 10px}.notice.bad{border-color:var(--bad);color:var(--bad)}.notice.good{border-color:var(--good);color:var(--good)}
