:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;--bg:#0b0d14;--pane:#11141f;--pane2:#161a27;--elev:#1b2030;--line:#292e40;--ink:#f4f4fa;--muted:#9299ad;--dim:#646d85;--violet:#ae90ff;--violet2:#784ff2;--mint:#53dfb8;--blue:#6daaff;--orange:#ffc17d;--red:#ff7f96;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a98cfe;outline-offset:2px}a{text-decoration:none;color:inherit}button{transition:background .16s,border-color .16s,transform .16s}button:hover{filter:brightness(1.11)}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.65px;font-size:16px;white-space:nowrap}.brandmark{height:29px;width:29px;border:1px solid #aa92ff66;background:linear-gradient(135deg,#8d6afa,#5e4fc8);border-radius:9px;display:grid;place-items:center;color:white;font-weight:900;font-family:var(--mono);font-size:18px;box-shadow:0 5px 26px #8d6afa24}.brand i{font-style:normal;color:#ba9aff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #363c50;background:#222738;padding:9px 13px;border-radius:9px;font-size:12px;font-weight:670;white-space:nowrap}.btn.primary{background:#885ffa;border-color:#a081ff;color:white;box-shadow:0 4px 18px #8b61ff30}.btn.quiet{background:transparent;border-color:transparent;color:#c1c5d5}.btn.outline{background:transparent}.btn.mini{font-size:11px;padding:7px 10px}.btn.full{width:100%}.btn.danger{color:#ff9daf;border-color:#75424e;background:#35202c}.btn:disabled{opacity:.42;cursor:not-allowed}.eyebrow{font-size:10px;letter-spacing:1.55px;text-transform:uppercase;font-weight:740;color:#a891f4}.muted{color:var(--muted)}.dim{color:var(--dim)}.small{font-size:11px}.tiny{font-size:10px}.mono{font-family:var(--mono)}.status{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid #394455;border-radius:6px;font-size:10px;font-weight:680;color:#b4bed0;background:#1a2232;white-space:nowrap}.status.good{border-color:#235748;background:#10362d;color:#67e2b8}.status.warn{border-color:#675038;background:#322619;color:#f2c180}.status.violet{border-color:#544476;background:#2a2042;color:#c7b4ff}.status.off{border-color:#4b3b4b;background:#2a1d2a;color:#d8a0b3}.dot{height:6px;width:6px;background:currentColor;border-radius:50%;display:inline-block}.hr{height:1px;background:var(--line);margin:17px 0}.field{display:block;width:100%;padding:11px 12px;border:1px solid #333a50;background:#121622;border-radius:9px;color:#f4f5fd;font-size:12px;outline:none}.field::placeholder{color:#646b7c}.field:focus{border-color:#9072f2}.label{font-size:11px;color:#b6bdcf;font-weight:650;display:block;margin:14px 0 7px}.card{border:1px solid #2b3042;background:#141825;border-radius:13px;padding:17px}.card.lift{background:linear-gradient(150deg,#202037,#121824)}.row{display:flex;align-items:center;gap:9px}.between{justify-content:space-between}.grow{flex:1;min-width:0}.flexcol{display:flex;flex-direction:column;gap:12px}.scroller{min-height:0;overflow:auto}.iconbadge{height:31px;width:31px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#272338;color:#d5caff;border:1px solid #4b416b;font-family:var(--mono);font-size:13px;font-weight:800}.iconbadge.cyan{background:#15393b;color:#7df3e3;border-color:#27636a}.iconbadge.amber{background:#403223;color:#f9d196;border-color:#745437}.iconbadge.blue{background:#1c2e48;color:#9ac3ff;border-color:#344f79}.iconbadge.green{background:#183b30;color:#91e9be;border-color:#336452}.iconbadge.red{background:#412634;color:#ffadbc;border-color:#794457}.bar{background:#303548;border-radius:8px;height:5px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#7862ed,#b19bff);border-radius:8px}.bar.amber>span{background:linear-gradient(90deg,#c48345,#ffc17d)}.bar.green>span{background:linear-gradient(90deg,#22a68f,#53dfb8)}.narrow{max-width:1220px;margin:auto}.toastzone{position:fixed;bottom:25px;left:50%;z-index:80;transform:translateX(-50%);pointer-events:none}.toast{background:#26263a;border:1px solid #65518d;border-radius:10px;padding:12px 16px;color:#e8dfff;box-shadow:0 15px 38px #0008;font-size:12px;min-width:250px;text-align:center}.hide{display:none!important}
/* Public */
.public{min-height:100vh;background:#0b0d15;overflow:hidden}.public-nav{height:73px;border-bottom:1px solid #262638;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5.5vw,110px);position:relative;z-index:1}.public-nav nav{display:flex;gap:26px;align-items:center;color:#afb2c4;font-size:12px}.public-hero{max-width:1370px;padding:84px clamp(24px,5.5vw,110px) 87px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}.public h1{font-size:clamp(42px,4.6vw,76px);letter-spacing:-4px;line-height:1.06;font-weight:730;margin:22px 0}.public h1 em{font-style:normal;background:linear-gradient(100deg,#a997ff,#b8cbff,#6de0d0);-webkit-background-clip:text;color:transparent}.public-hero p{font-size:15px;line-height:1.9;color:#abb1c6;max-width:520px}.public-actions{display:flex;gap:10px;margin:25px 0;flex-wrap:wrap}.mini-copy{display:flex;align-items:center;gap:8px;color:#8b95aa;font-size:11px;margin-top:28px}.hero-board{height:475px;border:1px solid #41435c;border-radius:17px;background:radial-gradient(ellipse at 55% 30%,#28204760,transparent 61%),#10121d;box-shadow:0 30px 90px #0008;position:relative;overflow:hidden;transform:rotate(-2deg)}.hero-board:before,.board-canvas:before{content:"";inset:0;position:absolute;pointer-events:none;background-image:radial-gradient(#5860786b .8px,transparent .8px);background-size:20px 20px}.hero-top{height:47px;position:relative;z-index:1;background:#191c2ce8;border-bottom:1px solid #363348;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:11px}.hero-node{position:absolute;width:157px;min-height:81px;padding:10px;z-index:1;background:#202236;border:1px solid #414565;border-radius:11px;box-shadow:0 8px 16px #0006}.hero-node strong{font-size:11px;display:block;margin:5px 0}.hero-node span{font-size:9px;color:#9ca5b8}.hero-node.root{width:165px;background:#2d2443;border-color:#8765d1}.hero-lines{position:absolute;inset:47px 0 0;width:100%;height:calc(100% - 47px);z-index:0}.public-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:1160px;margin:0 auto 80px;padding:0 30px}.public-metrics .card{min-height:105px}.public-metrics b{display:block;font-size:23px;letter-spacing:-.8px;margin:8px 0}.public-bottom{border-top:1px solid #24283a;background:#10131d;padding:24px 7vw;color:#757e93;font-size:11px}.auth-bg{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:radial-gradient(circle at 30% 25%,#34265a,transparent 55%),#111424;padding:42px 9%;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid #343148}.auth-art h1{font-size:clamp(34px,3.8vw,58px);letter-spacing:-2.5px;line-height:1.12}.auth-art p{color:#aeb4cc;line-height:1.8;max-width:450px}.auth-main{display:grid;place-items:center;padding:30px}.auth-form{width:min(390px,100%)}.auth-form h2{font-size:30px;letter-spacing:-1.1px;margin:11px 0 6px}.auth-form p{font-size:12px;line-height:1.6;color:var(--muted)}.auth-form .btn{margin-top:15px}.stepbar{display:flex;gap:6px;margin:22px 0}.stepbar span{flex:1;height:4px;border-radius:5px;background:#363b4b}.stepbar span.active{background:#ad93ff}.choice{display:flex;align-items:center;gap:12px;border:1px solid #32384b;border-radius:10px;padding:12px;margin:10px 0;cursor:pointer}.choice input{accent-color:#9374ff}
/* Application layout */
.shell{height:100vh;min-height:590px;display:grid;grid-template-columns:61px 214px minmax(0,1fr);overflow:hidden}.rail{background:#11141d;border-right:1px solid #252a39;display:flex;align-items:center;flex-direction:column;gap:8px;padding:15px 8px}.rail .brandmark{width:34px;height:34px;margin-bottom:22px}.rail-btn{background:transparent;border:1px solid transparent;color:#858ba0;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;position:relative;font-size:17px}.rail-btn.active{background:#282139;color:#c4aaff;border-color:#534270}.rail-btn .toolhint{position:absolute;left:50px;background:#232436;padding:5px 9px;border-radius:6px;white-space:nowrap;font-size:11px;display:none;z-index:15}.rail-btn:hover .toolhint{display:block}.rail-bottom{margin-top:auto}.worknav{background:#151824;border-right:1px solid #2b2e3d;display:flex;flex-direction:column;overflow:auto}.worknav-top{padding:21px 15px 15px;border-bottom:1px solid #2b3042}.workspace-label{display:flex;align-items:center;gap:7px;color:#fff;font-weight:670;font-size:12px}.section-label{color:#747d93;letter-spacing:1.25px;font-size:10px;font-weight:750;text-transform:uppercase;padding:22px 15px 9px}.project-entry{display:flex;align-items:center;gap:8px;border:0;text-align:left;background:transparent;color:#a8aec2;padding:10px 15px;width:100%;font-size:12px}.project-entry.active{background:#29223e;color:#e4ddff;border-left:2px solid #a88cff}.project-entry small{font-size:10px;color:#7e889e;display:block;margin-top:3px}.worknav-stat{margin:12px;border:1px solid #334056;border-radius:11px;background:#1a2230;padding:13px}.worknav-stat h4{font-size:11px;margin:0 0 10px}.worknav-stat p{font-size:10px;line-height:1.6;color:#8f9bb0;margin:9px 0 0}.worknav-stat .price{font-size:25px;font-weight:760}.main{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative;background:#0e1119}.app-top{height:59px;flex-shrink:0;border-bottom:1px solid #2b3040;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 19px;background:#11141f}.breadcrumb{font-size:11px;display:flex;align-items:center;gap:9px;color:#8590a7;min-width:0;white-space:nowrap}.breadcrumb strong{color:#d7d9e4;font-weight:650}.app-utilities{display:flex;align-items:center;gap:7px}.env{padding:7px 9px;font-size:10px;background:#1b2431;border:1px solid #334356;border-radius:7px;color:#94d9c4}.app-frame{min-height:0;display:flex;flex:1;overflow:hidden}.app-content{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column}.inspector{width:282px;flex:none;border-left:1px solid #2d3144;background:#141824;overflow:auto;box-shadow:-8px 0 32px #0002}.inspector-head{padding:20px;border-bottom:1px solid #2a3040}.inspector-body{padding:16px}.inspector .label-title{font-size:10px;letter-spacing:1px;color:#818ba2;font-weight:750;text-transform:uppercase;margin:19px 0 10px}.inspector .label-title:first-child{margin-top:0}.inspector h3{margin:8px 0 4px;font-size:18px;letter-spacing:-.5px}.board-header{height:84px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 20px;gap:14px;background:#10131d;border-bottom:1px solid #292d3d}.board-header h1{margin:4px 0 3px;font-size:22px;letter-spacing:-.7px;font-weight:690}.board-header p{margin:0;color:#7f8ba0;font-size:11px}.board-top-actions{display:flex;gap:8px;align-items:center}.board-filters{display:flex;align-items:center;gap:7px;padding:9px 15px;border-bottom:1px solid #242a3b;flex:none;background:#10141e}.filterpill{border:1px solid transparent;background:transparent;color:#7e889d;border-radius:8px;font-size:10px;padding:7px 9px}.filterpill.active{background:#26243b;color:#cbb8ff;border-color:#44395e}.board-wrap{position:relative;min-height:0;flex:1;overflow:hidden}.board-canvas{position:absolute;inset:0;background:#0d1019;cursor:grab;overflow:hidden;touch-action:none}.board-canvas.is-panning{cursor:grabbing}.graph-world{position:absolute;left:0;top:0;width:1600px;height:1250px;transform-origin:0 0;will-change:transform}.graph-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.edgepath{fill:none;stroke:#635b83;stroke-width:2.3;stroke-linecap:round;opacity:.7;transition:stroke .2s}.edgepath.primary{stroke:#7f63cf;stroke-width:2.9;opacity:.85}.edgepath.fallback{stroke:#95704c;stroke-width:2.4;stroke-dasharray:7 6}.edgepath.active{stroke:#4ad7af;stroke-width:3.5;opacity:.95;filter:drop-shadow(0 0 3px #43deb447)}.edgepath.dimmed{opacity:.08}.edgepath.highlight{opacity:1;stroke-width:4}.edge-preview{stroke:#d7beff;stroke-dasharray:5 5;stroke-width:2.8;fill:none;pointer-events:none}.node{position:absolute;width:242px;min-height:118px;background:linear-gradient(150deg,#202436,#191d2a);border:1px solid #42485e;border-radius:12px;box-shadow:0 12px 24px #0005;user-select:none;touch-action:none;transition:border-color .15s,box-shadow .15s}.node:hover{border-color:#726887}.node.selected{border-color:#bd97ff;box-shadow:0 0 0 2px #8465dc44,0 20px 32px #0008}.node.router{width:253px;background:linear-gradient(140deg,#292137,#1c1e30);border-color:#625075}.node.project{width:254px;min-height:145px;background:linear-gradient(140deg,#31243f,#1f1d30);border-color:#8765ae}.node.pending{border-style:dashed;border-color:#85714b}.node.dimmed{opacity:.17}.node-top{padding:12px 13px 8px;display:flex;align-items:center;gap:8px;cursor:grab}.node-top:active{cursor:grabbing}.node-label{font-weight:690;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:134px}.node-sub{color:#959cb0;font-size:10px;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;max-width:155px}.node-content{padding:2px 13px 12px}.node-metric{display:flex;align-items:center;justify-content:space-between;color:#9aa2b5;font-size:10px;margin:5px 0 7px}.node-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:#7f8ba1;font-size:10px}.port{position:absolute;z-index:4;width:14px;height:14px;border-radius:50%;border:3px solid #171a28;background:#bb99ff;box-shadow:0 0 0 1px #8d6abf;cursor:crosshair;top:50%;transform:translateY(-50%)}.port.out{right:-8px}.port.in{left:-8px;background:#69d4be;box-shadow:0 0 0 1px #489783}.port:hover,.port.armed{background:white;box-shadow:0 0 0 3px #9f7bff77}.lane-mark{position:absolute;border:1px solid #2e2c3c;background:#171622;padding:6px 9px;font-size:10px;color:#7d88a2;border-radius:7px;letter-spacing:.3px;pointer-events:none}.board-legend{position:absolute;bottom:17px;left:18px;display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px solid #343848;background:#181b2aef;border-radius:9px;font-size:10px;color:#99a2b8;pointer-events:none;flex-wrap:wrap}.legendline{width:18px;height:0;border-top:2px solid #5cd2ae;display:inline-block;margin-right:4px;vertical-align:middle}.legendline.fallback{border-color:#bd905f;border-top-style:dashed}.zoomcontrols{position:absolute;bottom:17px;right:17px;display:flex;align-items:center;gap:2px;background:#1c2030;border:1px solid #383d52;border-radius:10px;padding:5px}.zoomcontrols button{background:transparent;border:0;padding:6px 10px;border-radius:6px;font-size:14px;color:#bdc6da}.zoomcontrols b{font-size:10px;color:#8f97ad;min-width:34px;text-align:center}.guide{position:absolute;top:17px;left:18px;border:1px solid #46436a;background:#272138ea;color:#cebaff;font-size:11px;padding:9px 13px;border-radius:8px;max-width:360px;pointer-events:none;z-index:2}.drawer{position:absolute;z-index:21;right:0;top:0;bottom:0;width:min(390px,95%);background:#171b29;border-left:1px solid #404154;box-shadow:-20px 0 70px #0008;display:flex;flex-direction:column}.drawerhead{padding:22px;border-bottom:1px solid #30364b}.drawerlist{padding:12px;overflow:auto;flex:1}.catalogrow{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #33384a;border-radius:10px;background:#1d2130;margin-bottom:9px}.catalogrow h4{font-size:12px;margin:0 0 5px}.catalogrow p{font-size:10px;margin:0;color:#8a93aa;line-height:1.35}.drawerfoot{padding:14px 18px;border-top:1px solid #34384b;font-size:10px;color:#828ca4;line-height:1.5}.board-snapshot{display:flex;gap:7px;align-items:center;color:#969eb3;font-size:11px}.statcallout{display:flex;align-items:center;justify-content:space-between;padding:11px;background:#1e2532;border:1px solid #303c4d;border-radius:9px;margin-top:10px}.metricbig{font-size:27px;font-weight:750;letter-spacing:-1px}.meter{background:#30364a;height:7px;border-radius:5px;overflow:hidden;margin:10px 0 6px}.meter span{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8466ef,#b39bff)}.notice{border:1px solid #4e4736;background:#30281d;border-radius:9px;padding:12px;font-size:11px;color:#ecc78b;line-height:1.6}.panel-page{padding:28px 33px 50px;overflow:auto;min-height:0;flex:1}.panel-page h1{font-size:24px;font-weight:700;letter-spacing:-.7px;margin:8px 0}.panel-page p{line-height:1.65}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px}.tbl{border:1px solid #303548;border-radius:12px;overflow:auto;background:#171b27}.tbl table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}.tbl th{background:#1d2130;color:#8c94a9;text-transform:uppercase;letter-spacing:.7px;font-size:9px;padding:13px 15px;white-space:nowrap}.tbl td{border-top:1px solid #303547;padding:14px 15px;color:#c1c7d6;white-space:nowrap}.tbl tr:hover td{background:#1b2030}.splitcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.plan-price{font-size:32px;font-weight:760;letter-spacing:-1px;margin:13px 0}.switch{height:21px;width:39px;background:#5a6175;border:0;border-radius:20px;position:relative;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;height:15px;width:15px;border-radius:50%;background:white;transition:transform .2s}.switch.on{background:#8059ed}.switch.on:after{transform:translateX(18px)}.overlay{position:fixed;inset:0;background:#06080fc9;z-index:50;display:grid;place-items:center;padding:18px;backdrop-filter:blur(4px)}.dialog{width:min(520px,100%);max-height:90vh;overflow:auto;background:linear-gradient(145deg,#202334,#151a28);border:1px solid #4b4964;border-radius:15px;padding:24px;box-shadow:0 35px 100px #000b}.dialog h2{font-size:23px;letter-spacing:-.7px;margin:4px 0}.dialog p{font-size:12px;line-height:1.65;color:#9aa4b8}.dialog .field{margin-bottom:10px}.mobile-workspace{display:none}
@media(max-width:1250px){.shell{grid-template-columns:57px 165px minmax(0,1fr)}.worknav-stat{display:none}.worknav-top{padding:16px 10px}.project-entry{padding:10px}.inspector{width:248px}.app-top{padding:0 12px}.board-header{padding:0 15px}.board-header h1{font-size:18px}.public-hero{gap:25px}}
@media(max-width:950px){.shell{grid-template-columns:55px minmax(0,1fr)}.worknav{display:none}.inspector{position:absolute;z-index:12;right:0;top:0;bottom:0;width:min(310px,85%);box-shadow:-20px 0 40px #0009}.public-hero{grid-template-columns:1fr;padding-top:50px}.hero-board{transform:none}.auth-bg{grid-template-columns:1fr}.auth-art{display:none}.auth-main{min-height:100vh}.mobile-workspace{display:inline-flex}.app-utilities .only-wide{display:none}}
@media(max-width:580px){.public-nav{padding:0 20px}.public-nav nav{gap:8px}.public-nav nav .hide-sm{display:none}.public h1{letter-spacing:-2.6px}.public-hero{padding:44px 22px}.public-metrics{grid-template-columns:1fr;margin-bottom:40px}.hero-board{height:370px}.hero-node{transform:scale(.78);transform-origin:top left}.app-top{height:54px}.breadcrumb{font-size:10px}.app-utilities .env{display:none}.board-header{height:74px}.board-top-actions .btn:not(.primary){display:none}.board-filters{overflow-x:auto;white-space:nowrap}.board-legend{display:none}.inspector{width:100%}.panel-page{padding:19px}.splitcards,.plans{grid-template-columns:1fr}.app-utilities .btn.quiet{display:none}}

/* Live persistence indicator and authentication safety copy */
.live-note{font-size:10px;color:#60d9b6;font-weight:700;white-space:nowrap}
.auth-error{color:#ff859c;font-size:11px;margin-top:12px;min-height:15px}