:root{color:#eef0fb;background:#0b0d14;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;--panel: #141722;--panel-2: #191d2a;--line: #292e3d;--muted: #9299ad;--purple: #8a70ff;--purple-2: #644ce3;--mint: #57d6a5;--orange: #ffb45c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b7a8ff;outline-offset:2px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 12%,rgba(103,76,227,.22),transparent 30rem),#0b0d14}.login-card{width:min(100%,430px);border:1px solid var(--line);border-radius:20px;background:#141722f5;box-shadow:0 30px 90px #00000061;padding:clamp(26px,5vw,42px)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand>span:last-child{display:grid}.login-brand strong{font-size:18px}.login-brand small{color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.login-card h1{margin:7px 0 10px;font-size:clamp(28px,6vw,38px)}.login-card>p:not(.eyebrow):not(.login-error){color:var(--muted);line-height:1.6;margin:0 0 25px}.login-card form{display:grid;gap:16px}.login-card label{display:grid;gap:7px;color:#d9dce8;font-size:13px;font-weight:750}.login-card input,.workspace-picker select{width:100%;border:1px solid #353b4c;border-radius:10px;color:#edf0f8;background:#0f121a;padding:11px 12px}.login-card .button{margin-top:4px}.login-card .button:disabled{cursor:wait;opacity:.65}.login-error{min-height:20px;margin:14px 0 0;color:#ffaaa3;font-size:13px}.portal-shell{min-height:100vh;display:grid;grid-template:"top top" 72px "side main" 1fr / 238px minmax(0,1fr);background:radial-gradient(circle at 75% 0%,rgba(103,76,227,.13),transparent 32rem),#0b0d14}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#0d0f17eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;font-weight:900;font-size:20px;background:linear-gradient(145deg,#a08cff,#5b43d1);box-shadow:0 10px 30px #7254eb59}.brand span:last-child{display:grid;line-height:1.05}.brand strong{font-size:17px;letter-spacing:.01em}.brand small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:4px}.topbar-actions{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ffb45c1c}.avatar{border:1px solid #3a4053;width:38px;height:38px;border-radius:50%;background:#202537;font-weight:800;margin-left:10px;cursor:pointer}.sidebar{grid-area:side;padding:24px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;min-width:0;min-height:calc(100vh - 72px)}.sidebar nav{display:grid;gap:7px}.nav-item{width:100%;border:0;background:transparent;color:#aeb4c7;display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;cursor:pointer;text-align:left;font-weight:650;text-decoration:none}.nav-item span{width:22px;text-align:center;color:#7d8499;font-size:17px}.nav-item:hover{background:#151925;color:#fff}.nav-item.active{background:linear-gradient(90deg,#7b5ef533,#7b5ef512);color:#d8d0ff}.nav-item.active span{color:#a992ff}.nav-item small{margin-left:auto;color:#747b8f;font-size:9px}.nav-item:disabled{cursor:not-allowed;opacity:.62}.nav-item:disabled:hover{background:transparent;color:#aeb4c7}.sidebar-help{border:1px solid #302b4a;background:linear-gradient(145deg,#19172a,#141722);padding:15px;border-radius:14px;display:grid;gap:7px}.sidebar-help strong{font-size:13px}.sidebar-help span{color:var(--muted);font-size:12px;line-height:1.45}.sidebar-help button{border:0;background:none;color:#b8a7ff;padding:5px 0 0;text-align:left;cursor:pointer;font-weight:700;font-size:12px}.quick-guide{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,2fr);gap:28px;max-width:1480px;margin:18px auto 0;padding:22px 24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#7b5ef521,#11141ff5)}.quick-guide h2{margin:3px 0 0;font-size:20px}.quick-guide ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;counter-reset:guide-step}.quick-guide li{position:relative;display:grid;gap:6px;min-width:0;padding-left:34px;counter-increment:guide-step}.quick-guide li:before{content:counter(guide-step);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--purple);color:#fff;font-size:12px;font-weight:800}.quick-guide strong{font-size:13px}.quick-guide span{color:var(--muted);font-size:12px;line-height:1.5}.template-picker{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(0,2fr);gap:28px;max-width:1480px;margin:18px auto 0;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#121620}.template-picker h2{margin:3px 0 6px;font-size:20px}.template-picker>div>span{color:var(--muted);font-size:12px;line-height:1.5}.template-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.template-list button{display:grid;gap:5px;min-width:0;padding:13px 14px;border:1px solid #343a4d;border-radius:11px;background:#171b27;color:#e5e7ef;cursor:pointer;text-align:left}.template-list button:hover{border-color:#6e5bd0;background:#1b1e2e}.template-list button span{color:var(--muted);font-size:11px;line-height:1.45}.application-admin{display:grid;grid-template-columns:minmax(190px,.75fr) minmax(260px,1.15fr) minmax(240px,1fr);gap:22px;max-width:1480px;margin:18px auto 0;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#121620}.application-copy h2{margin:3px 0 6px;font-size:20px}.application-copy>span{color:var(--muted);font-size:12px;line-height:1.5}.application-form{display:grid;gap:10px}.application-form label{display:grid;gap:6px;color:#bfc4d3;font-size:11px;font-weight:750}.application-form input,.application-form textarea{width:100%;border:1px solid #353b4d;border-radius:9px;background:#0f121a;color:#f4f5f9;padding:9px 10px;resize:vertical}.application-form textarea{min-height:68px}.application-current{display:grid;align-content:start;gap:8px;padding:14px;border:1px solid #303648;border-radius:12px;background:#171b27}.application-current small{color:#a897f3;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.application-current>span,.application-current p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.application-current form{display:grid;gap:9px}.application-current label{display:grid;gap:5px;color:#bfc4d3;font-size:11px;font-weight:750}.application-current input,.application-current textarea{width:100%;border:1px solid #353b4d;border-radius:9px;background:#0f121a;color:#f4f5f9;padding:8px 9px;resize:vertical}.application-current textarea{min-height:58px}.application-current form>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}.application-current b{margin-right:auto;color:#9cebc9;font-size:11px}.application-current .button{padding:8px 10px;font-size:11px}.artifact-admin{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(260px,1fr) minmax(260px,1fr);align-items:start;gap:20px;max-width:1480px;margin:18px auto 0;padding:20px 22px;border:1px solid rgba(157,138,255,.3);border-radius:16px;background:#9d8aff0b}.artifact-copy h2{margin:3px 0 6px;font-size:20px}.artifact-copy>span,.artifact-admin small,.artifact-catalog p{color:var(--muted);font-size:11px;line-height:1.5}.artifact-admin details{padding:12px 14px;border:1px solid #353b4d;border-radius:11px;background:#171b27}.artifact-admin summary{cursor:pointer;color:#e5e7ef;font-size:12px;font-weight:800}.artifact-admin form{display:grid;gap:9px;margin-top:12px}.artifact-admin label{display:grid;gap:6px;color:#bfc4d3;font-size:11px;font-weight:750}.artifact-admin input,.artifact-admin select{width:100%;border:1px solid #353b4d;border-radius:9px;background:#0f121a;color:#f4f5f9;padding:9px 10px}.artifact-catalog{display:grid;gap:10px}.artifact-catalog>div{display:grid;gap:4px;padding:12px;border-radius:10px;background:#171b27}.artifact-catalog>div span{color:#9cebc9;font-size:11px;font-weight:750}.artifact-catalog p{margin:0}.installation-admin{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(210px,.8fr) minmax(240px,1fr) minmax(180px,.65fr);align-items:start;gap:20px;max-width:1480px;margin:18px auto 0;padding:20px 22px;border:1px solid rgba(87,214,165,.24);border-radius:16px;background:#57d6a50b}.installation-admin h2{margin:3px 0 6px;font-size:20px}.installation-admin>div:first-child>span,.installation-action>span{color:var(--muted);font-size:11px;line-height:1.5}.installation-admin>label{display:grid;gap:7px;color:#bfc4d3;font-size:11px;font-weight:750}.installation-admin select{width:100%;border:1px solid #353b4d;border-radius:9px;background:#0f121a;color:#f4f5f9;padding:9px 10px}.installation-permissions{display:grid;gap:7px}.installation-permissions strong{font-size:12px}.installation-permissions small{color:#a897f3;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.installation-permissions>span{color:var(--muted);font-size:11px}.installation-permissions ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.installation-permissions li{padding:5px 7px;border-radius:7px;background:#1a2028;color:#cbd3d7;font-size:10px}.installation-action{display:grid;gap:9px}.runtime-status{max-width:1480px;margin:18px auto 0;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:#121620}.runtime-status-copy h2{margin:3px 0 6px;font-size:20px}.runtime-status-copy>span{color:var(--muted);font-size:11px;line-height:1.5}.runtime-list{display:grid;gap:12px;margin-top:16px}.runtime-list>article{padding:15px;border:1px solid #303648;border-radius:12px;background:#171b27}.runtime-list header{display:flex;align-items:center;justify-content:space-between;gap:12px}.runtime-list header>div{display:grid;gap:3px}.runtime-list header small{color:#a897f3;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.runtime-list header>span{padding:5px 8px;border-radius:999px;background:#57d6a517;color:#9cebc9;font-size:10px}.deployment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.deployment-actions .button{padding:8px 10px;font-size:10px}.deployment-actions>span{color:var(--muted);font-size:10px;line-height:1.4}.runtime-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.runtime-metrics span{display:grid;gap:4px;padding:10px;border-radius:9px;background:#11151f;color:var(--muted);font-size:10px}.runtime-metrics strong{color:#e8eaf2;font-size:12px;overflow-wrap:anywhere}.runtime-events{display:grid;gap:8px;margin-top:13px}.runtime-events>strong{font-size:12px}.runtime-events>span,.runtime-empty,.runtime-resource-note{color:var(--muted);font-size:11px;line-height:1.5}.runtime-events ol{display:grid;gap:6px;margin:0;padding:0;list-style:none}.runtime-events li{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:8px;background:#11151f}.runtime-events li span{font-size:11px;font-weight:750}.runtime-events li small{color:var(--muted);font-size:10px;text-align:right}.runtime-warning{margin:10px 0 0;color:#ffd09b;font-size:11px}.runtime-resource-note{display:block;margin-top:12px}main{grid-area:main;padding:40px clamp(22px,4vw,56px) 60px;min-width:0}main section[id]{scroll-margin-top:86px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:1480px;margin:auto}.eyebrow{color:#9d8aff!important;font-size:12px!important;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.page-head h1{margin:5px 0 8px;font-size:clamp(29px,3vw,44px);letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted);max-width:650px;font-size:15px;line-height:1.55}.head-actions{display:flex;gap:10px;flex-wrap:wrap}.button{border-radius:10px;padding:11px 16px;cursor:pointer;font-weight:750;border:1px solid transparent}.button.primary{background:linear-gradient(135deg,var(--purple),var(--purple-2));box-shadow:0 8px 28px #6249d847}.button.secondary{background:#171b27;border-color:#363c4f;color:#d6d9e6}.button.publish{background:#57d6a51c;border-color:#57d6a559;color:#9cebc9}.button:disabled{cursor:not-allowed;opacity:.5;transform:none}.workspace-picker{max-width:1480px;margin:22px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:12px}.workspace-picker label{display:grid;gap:6px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.workspace-picker select:disabled{opacity:.58}.status-grid{max-width:1480px;margin:28px auto 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.status-grid article{border:1px solid var(--line);background:#141722d1;padding:16px 18px;border-radius:13px;display:grid;gap:5px}.status-grid span,.status-grid small{color:var(--muted);font-size:12px}.status-grid strong{font-size:17px}.status-pill{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:4px}.version-strip{max-width:1480px;margin:0 auto 18px;border:1px solid var(--line);background:#141722d1;border-radius:13px;padding:14px 16px;display:grid;gap:12px}.version-strip>div:first-child{display:flex;justify-content:space-between;gap:12px}.version-strip>div:first-child span{color:var(--muted);font-size:12px}.version-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.version-list article{flex:0 0 auto;border:1px solid #303648;background:#111520;border-radius:10px;padding:8px 10px;display:flex;align-items:center;gap:9px}.version-list article>span{color:#b6a7ff;font-weight:850}.version-list code{color:var(--muted);font-size:10px}.version-list button{border:0;background:transparent;color:#9cebc9;cursor:pointer;font-size:11px;font-weight:750}.version-list button:disabled{cursor:not-allowed;opacity:.45}.builder{max-width:1480px;min-height:630px;margin:auto;display:grid;grid-template-columns:250px minmax(330px,1fr) 300px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#11141ef0;box-shadow:0 26px 70px #0000003b}.palette,.inspector{background:#12151f;padding:19px}.palette{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-title{display:grid;gap:3px;margin-bottom:16px}.panel-title span{font-weight:800}.panel-title small{color:var(--muted);font-size:11px}.palette>button{width:100%;border:1px solid transparent;background:transparent;display:grid;grid-template-columns:37px 1fr 18px;align-items:center;gap:10px;padding:9px 8px;border-radius:10px;text-align:left;cursor:pointer}.palette>button:hover{background:#1a1e2b;border-color:#303648}.palette>button>span:nth-child(2){display:grid;gap:2px}.palette>button strong{font-size:12px}.palette>button small{color:var(--muted);font-size:9px;letter-spacing:.08em}.palette>button b{color:#777f96;font-size:18px}.palette-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-weight:900}.palette-icon.trigger,.step-number.trigger{background:#8a70ff29;color:#ad9aff}.palette-icon.condition,.step-number.condition{background:#ffb45c21;color:var(--orange)}.palette-icon.action,.step-number.action{background:#57d6a521;color:var(--mint)}.canvas{padding:20px clamp(18px,3vw,42px);background:radial-gradient(circle at 50% 30%,rgba(103,76,227,.08),transparent 28rem)}.canvas-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}.canvas-head>div{display:grid;gap:2px}.canvas-head span{font-weight:800}.canvas-head small{color:var(--muted);font-size:11px}.safe-badge{color:#8fe4bf;background:#57d6a517;border:1px solid rgba(87,214,165,.2);padding:6px 9px;border-radius:999px;font-size:10px}.flow{list-style:none;padding:28px 0 8px;margin:0;display:grid;gap:22px}.flow li{position:relative}.flow-line{position:absolute;left:25px;top:100%;height:23px;border-left:2px dotted #3a4051}.flow li:last-child .flow-line{display:none}.flow-node{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}.flow-card{width:100%;display:grid;grid-template-columns:50px 1fr 20px;gap:13px;align-items:center;text-align:left;padding:15px;border:1px solid #2c3242;border-radius:13px;background:#181c29;cursor:pointer}.flow-card:hover,.flow-card.selected{border-color:#7660e6;box-shadow:0 0 0 3px #7660e61a}.step-number{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-weight:900}.flow-card>span:nth-child(2){display:grid;gap:3px;min-width:0}.flow-card small{color:#8e82ca;font-size:9px;letter-spacing:.1em;font-weight:900}.flow-card strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-card em{color:var(--muted);font-size:11px;font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-card>b{color:#777e93;font-size:22px}.flow-move-controls{display:grid;gap:6px;align-content:center}.flow-move-controls button{width:34px;min-height:34px;border:1px solid #353b4c;border-radius:9px;color:#d9dced;background:#121622;cursor:pointer;font-weight:900}.flow-move-controls button:hover:not(:disabled),.flow-move-controls button:focus-visible{border-color:#7660e6;background:#7660e61f}.flow-move-controls button:disabled{color:#5d6373;cursor:not-allowed;opacity:.65}.add-step{display:block;margin:18px auto;border:1px dashed #474e62;color:#a9afc0;background:transparent;padding:10px 18px;border-radius:10px;cursor:pointer}.inspector label{display:grid;gap:7px;font-size:12px;color:#c9cdda;margin-bottom:15px;font-weight:700}.inspector input,.inspector select,.inspector textarea{width:100%;border:1px solid #353b4c;border-radius:9px;color:#edf0f8;background:#0f121a;padding:10px 11px;resize:vertical;font-weight:500}.inspector textarea{min-height:88px;line-height:1.45}.selected-property{border:1px solid #303648;background:#171b27;border-radius:11px;padding:12px;display:grid;gap:4px;margin-bottom:16px}.selected-property small{color:#a897f3;font-size:9px;font-weight:900;letter-spacing:.1em}.selected-property strong{font-size:13px}.selected-property span,.property-help{color:var(--muted);font-size:11px;line-height:1.45}.step-guidance{display:grid;gap:10px;margin:0 0 16px;padding:13px 14px;border:1px solid rgba(123,94,245,.28);border-radius:12px;background:#7b5ef512}.step-guidance p{margin:0;color:#e3e5ef;font-size:12px;line-height:1.5}.step-guidance span{display:grid;gap:3px;color:var(--muted);font-size:11px;line-height:1.45}.step-guidance strong{color:#b8a7ff;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.checkbox-field{grid-template-columns:auto 1fr!important;align-items:center;gap:9px!important}.checkbox-field input{width:18px;height:18px;margin:0;accent-color:var(--purple)}.property-help{margin:0 0 15px}.summary{border:1px solid #302b4a;background:#6950dc12;padding:14px;border-radius:12px;margin-top:20px}.summary small{color:#a897f3;text-transform:uppercase;font-size:9px;letter-spacing:.1em;font-weight:900}.summary p{color:#d2d5e3;font-size:12px;line-height:1.55;margin:8px 0 0}.limits{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.limits span{background:#191d29;border-radius:9px;padding:10px;color:var(--muted);font-size:10px;display:grid;gap:4px}.limits strong{color:#e8eaf2;font-size:13px}.notice{min-height:24px;max-width:1480px;margin:14px auto 0;color:#bcb1ef;font-size:13px}@media (max-width: 1080px){.portal-shell{grid-template:"top" 68px "side" auto "main" 1fr / 1fr}.sidebar{min-height:auto;padding:10px 18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;width:100%;max-width:100%;overflow-x:auto;gap:6px;scrollbar-width:thin}.nav-item{width:auto;white-space:nowrap;padding:10px 12px}.sidebar-help{display:none}.builder{grid-template-columns:215px minmax(340px,1fr)}.inspector{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.inspector .panel-title,.inspector .summary,.inspector .limits{grid-column:1 / -1}}@media (max-width: 720px){.topbar{padding:0 16px}.connection-copy{display:none}main{padding:28px 14px 44px}.page-head{align-items:flex-start;flex-direction:column}.head-actions{width:100%}.head-actions .button{flex:1}.quick-guide{grid-template-columns:1fr;gap:18px}.quick-guide ol{grid-template-columns:1fr}.template-picker{grid-template-columns:1fr;gap:16px}.template-list,.application-admin,.artifact-admin,.installation-admin{grid-template-columns:1fr}.runtime-metrics{grid-template-columns:1fr 1fr}.status-grid,.workspace-picker{grid-template-columns:1fr}.builder{display:block}.palette,.canvas,.inspector{border:0;border-bottom:1px solid var(--line)}.palette{display:grid;grid-template-columns:1fr 1fr;gap:4px}.palette .panel-title{grid-column:1 / -1}.palette>button{grid-template-columns:34px 1fr}.palette>button b{display:none}.inspector{display:block}.runtime-list header,.runtime-events li{align-items:flex-start;flex-direction:column}.runtime-events li small{text-align:left}}@media (prefers-reduced-motion: no-preference){.flow-card,.button,.nav-item{transition:border-color .18s ease,background .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}}