:root{color-scheme:dark;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;background:#07111f;color:#e8eef8;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 90% -10%,#153665 0%,transparent 65%),#07111f;min-height:100vh}.topbar{height:66px;border-bottom:1px solid #20344e;background:#091524e6;backdrop-filter:blur(14px);display:flex;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));gap:28px;position:sticky;top:0;z-index:5}.brand{color:#f4f8ff;text-decoration:none;display:flex;align-items:center;gap:10px;letter-spacing:.01em}.brand span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#40d1ac,#3775f2);font-size:11px;font-weight:800}.topbar nav{display:flex;gap:3px}.topbar nav button,.identity,.secondary{background:transparent;border:0;color:#aab9ce;padding:9px 11px;border-radius:8px;font:inherit;cursor:pointer}.topbar nav button:hover,.topbar nav button.active{color:#fff;background:#18304d}.identity{margin-left:auto;border:1px solid #2a4565;color:#bce8dd;font-size:13px}main{max-width:1180px;margin:auto;padding:54px 22px 72px}.view{display:none}.view.active{display:block}.eyebrow{font-size:11px;letter-spacing:.14em;color:#55d3b4;font-weight:700;margin-bottom:10px}h1{font-size:clamp(28px,4.5vw,46px);line-height:1.08;margin:0 0 14px;letter-spacing:-.04em}h2{font-size:18px;margin:0}p{color:#9fb0c5;margin:5px 0 0}.title-row{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:30px}.notice{border:1px solid #2b4968;background:#10243a;color:#a9cae9;border-radius:10px;padding:12px 14px;margin-bottom:18px}.notice.error{border-color:#86434e;background:#32191f;color:#ffc1c9}.node-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.node-card,.panel{background:linear-gradient(145deg,#0f2034,#0b1829);border:1px solid #203952;border-radius:15px;padding:20px;box-shadow:0 12px 30px #02091435}.node-card{display:flex;flex-direction:column;gap:17px}.node-top{display:flex;justify-content:space-between;gap:8px}.node-name{font-size:17px;font-weight:650}.status{font-size:11px;border-radius:99px;padding:4px 8px;font-weight:700;background:#123e3a;color:#67e6c3;height:max-content}.meta{display:flex;flex-wrap:wrap;gap:7px}.meta span{font-size:12px;background:#132a44;border-radius:6px;color:#b9cbe2;padding:4px 7px}.node-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #20364e;padding-top:15px;font-size:13px;color:#b9c7d9}.node-footer button,button[type=submit]{border:0;border-radius:8px;padding:9px 13px;background:#4bd0ad;color:#041511;font-weight:750;cursor:pointer;font:inherit}.node-footer button:hover,button[type=submit]:hover{background:#7ce5c9}.intro{max-width:700px;margin-bottom:28px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:19px}.step{background:#193959;color:#80e8cf;display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:8px;font-weight:750}label{font-size:13px;display:block;color:#c3d1e2;margin:13px 0}input,textarea,select{display:block;width:100%;margin-top:6px;background:#071523;color:#e8eef8;border:1px solid #2b465f;border-radius:8px;padding:10px 11px;font:inherit}textarea{resize:vertical}output{display:block;margin-top:13px;font-size:13px;color:#8de7ce;white-space:pre-wrap;word-break:break-word}.run-check,.owned{margin-top:16px;display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inline-form{display:flex;gap:8px}.inline-form input{margin:0;min-width:260px}pre{margin:16px 0 0;background:#06111d;border:1px solid #213953;border-radius:8px;padding:12px;white-space:pre-wrap;overflow:auto}.connector-note ol{padding-left:21px;color:#c3d0df}.muted{font-size:13px}.owned{display:block}.owned .title-row{margin-bottom:14px}.owned-list{display:grid;gap:8px}.owned-row{display:grid;grid-template-columns:1.3fr .6fr .8fr auto;align-items:center;gap:10px;border-top:1px solid #20364e;padding:13px 0;font-size:13px}.owned-row:first-child{border-top:0}.owned-row button{border:1px solid #315374;background:transparent;color:#b8e6dc;border-radius:7px;padding:7px 9px;cursor:pointer}dialog{max-width:440px;width:calc(100% - 32px);background:#0c1c2e;color:#e9f0fb;border:1px solid #2d4a67;border-radius:15px;padding:0;box-shadow:0 25px 70px #0009}dialog::backdrop{background:#020914aa}.dialog-head{display:flex;justify-content:space-between;padding:22px 22px 0}.dialog-head+.dialog-head{}dialog form>p,dialog label{margin-left:22px;margin-right:22px}.dialog-actions{padding:18px 22px 22px;display:flex;justify-content:flex-end;gap:8px}.icon{background:transparent;color:#dce8f7;border:0;font-size:24px;cursor:pointer}#toast{position:fixed;right:20px;bottom:20px;max-width:min(420px,calc(100% - 40px));background:#12344a;border:1px solid #3d846d;border-radius:9px;padding:11px 14px;color:#dffaf2;transform:translateY(90px);opacity:0;transition:.25s;z-index:10}#toast.show{transform:translateY(0);opacity:1}#toast.error{background:#3a1c23;border-color:#9b5261;color:#ffe1e4}@media(max-width:700px){.topbar{padding:0 15px;gap:12px}.brand strong{display:none}.topbar nav{gap:0;flex:1;justify-content:center}.topbar nav button{font-size:13px;padding:8px}.identity{font-size:0;padding:8px;width:34px;height:34px}.identity:before{content:"●";font-size:12px}main{padding:35px 15px 52px}.title-row,.run-check{align-items:stretch;flex-direction:column}.two-column{grid-template-columns:1fr}.inline-form{flex-direction:column}.inline-form input{min-width:0}.owned-row{grid-template-columns:1fr auto}.owned-row span:nth-child(2),.owned-row span:nth-child(3){grid-column:1}.node-grid{grid-template-columns:1fr}}