:root{--bg: #0f1117;--panel: #181b24;--panel-2: #1f2330;--text: #e8eaf0;--muted: #9aa1b2;--accent: #7c5cff;--accent-2: #f59c00;--ok: #3ecf8e;--err: #ff5c72;--radius: 12px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:15px;cursor:pointer;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}button.ghost{background:transparent;border:1px solid var(--muted);color:var(--text)}button.warn{background:var(--accent-2)}input,textarea,select{width:100%;background:var(--panel-2);color:var(--text);border:1px solid #2c3140;border-radius:8px;padding:10px 12px;font-size:15px}textarea{min-height:72px;resize:vertical;font-family:inherit}label{display:block;margin:14px 0 6px;font-weight:600;font-size:14px}label small{color:var(--muted);font-weight:400;display:block}.shell{max-width:1100px;margin:0 auto;padding:24px 20px 80px}.topbar{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid #242938;margin-bottom:24px}.topbar .brand{font-weight:800;font-size:18px;letter-spacing:.5px}.topbar nav{display:flex;gap:14px;flex:1}.topbar nav a{color:var(--muted);font-weight:600}.topbar nav a.active,.topbar nav a:hover{color:var(--text)}.card{background:var(--panel);border:1px solid #242938;border-radius:var(--radius);padding:20px;margin-bottom:16px}.card h3{margin:0 0 6px}.card .meta{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:700}.badge.ok{background:#3ecf8e26;color:var(--ok)}.badge.err{background:#ff5c7226;color:var(--err)}.badge.run{background:#7c5cff26;color:var(--accent)}.feed{background:var(--panel-2);border-radius:8px;padding:14px;max-height:420px;overflow-y:auto;font-size:14px}.feed .step{color:var(--accent);margin:4px 0}.feed .text{color:var(--text);margin:8px 0;white-space:pre-wrap}.feed .err{color:var(--err)}.split{display:grid;grid-template-columns:1fr 380px;gap:20px;align-items:start}@media(max-width:900px){.split{grid-template-columns:1fr}}iframe.preview{width:100%;height:72vh;border:1px solid #242938;border-radius:var(--radius);background:#fff}.slot{margin-bottom:14px}.slot .slot-id{font-size:12px;color:var(--muted);margin-bottom:4px;font-family:ui-monospace,monospace}.login-box{max-width:380px;margin:14vh auto}.error-msg{color:var(--err);margin-top:10px;font-size:14px}.ok-msg{color:var(--ok);margin-top:10px;font-size:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.ds-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.ds-pick .card{cursor:pointer;border-width:2px}.ds-pick .card.sel{border-color:var(--accent)}.steps{color:var(--muted);font-size:13px;margin-bottom:18px}