:root{--bg:#17181c;--bg2:#1f2127;--bg3:#282b33;--border:#33363f;--text:#e4e5e9;--text-dim:#9a9daa;--accent:#6ea8fe;--green:#4ade80;--red:#f87171;--amber:#fbbf24;--star:#facc15}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button{background:var(--bg3);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:5px 11px;font-size:13px}button:hover{border-color:var(--accent)}button.primary{background:#2b4a7d;border-color:#3a62a5}button.danger:hover{border-color:var(--red);color:var(--red)}button:disabled{opacity:.45;cursor:default}input,select,textarea{background:var(--bg2);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 9px;font-family:inherit;font-size:13px}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}label{display:block}.topbar{border-bottom:1px solid var(--border);background:var(--bg2);align-items:center;gap:14px;padding:10px 16px;display:flex}.topbar h1{cursor:pointer;margin:0;font-size:15px;font-weight:600}.topbar .crumb{color:var(--text-dim)}.topbar .spacer{flex:1}.badge{background:var(--bg3);color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:2px 8px;font-size:11px}.layout{height:calc(100% - 45px);display:flex}.tree-panel{border-right:1px solid var(--border);resize:horizontal;width:460px;min-width:320px;padding:12px;overflow-y:auto}.inspector{flex:1;min-width:0;padding:16px 20px;overflow-y:auto}.dashboard{max-width:780px;margin:40px auto;padding:0 20px}.dashboard h2{font-weight:600}.project-card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;display:flex}.project-card:hover{border-color:var(--accent)}.project-card .meta{color:var(--text-dim);font-size:12px}.new-project{background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tnode{margin:3px 0}.tnode-children{border-left:1px solid var(--border);margin-left:22px;padding-left:10px}.tnode-card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:7px 10px;display:flex;position:relative}.tnode-card:hover{border-color:#4a5060}.tnode-card.selected{border-color:var(--accent);background:#232a38}.tnode-card.failed{border-color:#6e3030}.tnode-card .thumb{object-fit:cover;background:var(--bg3);border-radius:6px;flex-shrink:0;width:44px;height:44px}.tnode-card .op{font-size:13px;font-weight:600}.tnode-card .sub{color:var(--text-dim);font-size:11px}.status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.status-dot.completed{background:var(--green)}.status-dot.running{background:var(--accent);animation:1.2s infinite pulse}.status-dot.pending{background:var(--text-dim)}.status-dot.failed{background:var(--red)}.status-dot.cancelled{background:#777}@keyframes pulse{50%{opacity:.35}}.star-btn{color:var(--text-dim);background:0 0;border:none;padding:0 2px;font-size:15px}.star-btn.on{color:var(--star)}.progress-bar{background:var(--accent);border-radius:0 0 0 8px;height:2px;transition:width .5s;position:absolute;bottom:0;left:0}.section{margin-bottom:20px}.section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 8px;font-size:12px}.kv{grid-template-columns:130px 1fr;gap:4px 12px;font-size:13px;display:grid}.kv .k{color:var(--text-dim)}.viewer-box{background:var(--bg2);border:1px solid var(--border);border-radius:10px;height:420px;position:relative;overflow:hidden}.viewer-box.compare{display:flex}.viewer-box.compare>div{border-right:1px solid var(--border);flex:1}.img-grid{flex-wrap:wrap;gap:8px;display:flex}.img-grid img{border:1px solid var(--border);cursor:zoom-in;border-radius:8px;max-width:220px}.img-grid .lbl{text-align:center;color:var(--text-dim);font-size:11px}.error-box{color:#f0b5b5;white-space:pre-wrap;background:#3a2222;border:1px solid #6e3030;border-radius:8px;padding:10px 12px;font-size:13px}.chain-banner{background:#223046;border:1px solid #33507d;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;font-size:13px;display:flex}.dialog-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:560px;max-height:84vh;padding:20px;overflow-y:auto}.dialog h2{margin:0 0 14px;font-size:16px}.form-grid{grid-template-columns:170px 1fr;align-items:center;gap:10px 12px;display:grid}.form-grid .hint{color:var(--text-dim);grid-column:2;margin-top:-8px;font-size:11px}.dialog .actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.lightbox{z-index:60;cursor:zoom-out;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{max-width:94vw;max-height:94vh}