@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/Manrope-Variable.ttf)format("truetype")}:root{color:#e9e9ee;font-synthesis:none;--bg:#111216;--surface:#18191f;--surface-raised:#1e2027;--border:#2a2c35;--muted:#898b9c;--accent:#bcc2ff;--green:#a0d5b6;--purple:#9985e8;--radius:12px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#111216;font-family:Manrope,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:450}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}button{color:inherit}a{color:inherit;text-decoration:none}button,summary,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,a:focus-visible,pre:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;border-color:#979cda;outline:2px solid #a9afff70}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-1.3px;font-size:34px;font-weight:650;line-height:1.3}h2{letter-spacing:-.5px;font-size:19px;font-weight:650}h3{letter-spacing:-.35px;font-size:18px;font-weight:650}h4{font-size:14px;font-weight:650}p{line-height:1.75}svg{flex-shrink:0}code,kbd,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}code{font-size:.88em}button{background:0 0;border:0}::selection{background:#a8b1ff35}summary{cursor:pointer}summary::marker{color:var(--muted)}.muted{color:var(--muted)}.small-text{font-size:12px}.accent,.lavender{color:var(--accent)}.mint{color:var(--green)}.sky{color:#a1c6e6}.peach{color:#d8af9f}.full{justify-content:center;width:100%}.button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:11px 17px;font-size:12px;font-weight:650;line-height:1.4;transition:background .16s,border-color .16s,transform .16s;display:inline-flex}.button.primary{background:var(--accent);color:#24253a;box-shadow:inset 0 1px 1px #ffffff12,0 3px 8px #00000014}.button.primary:hover:not(:disabled){background:#cdd1ff;transform:translateY(-1px)}.button.secondary{color:#d2d3dd;background:#21222b;border-color:#343640}.button.secondary:hover:not(:disabled){background:#2c2e39;border-color:#4d5060}.button.danger{color:#efa3a3;background:#d5767615;border-color:#b868683c}.button.danger:hover{background:#d576762c}.small-button{border-radius:7px;min-height:33px;padding:8px 11px;font-size:11px}.icon-button{color:#9c9eae;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:inline-flex}.icon-button:hover{color:#e8e8ef;background:#ffffff0a}.text-button{color:var(--accent);align-items:center;gap:6px;padding:0;font-size:12px;line-height:1.6;display:inline-flex}.text-button:hover{color:#d7dbff}.text-link{color:var(--accent);align-items:center;gap:7px;font-size:12px;display:inline-flex}.text-link:hover{text-decoration:underline}.eyebrow{letter-spacing:1.7px;color:var(--muted);align-items:center;gap:8px;font-size:10px;font-weight:650;display:inline-flex}.live-dot{background:#9acdba;border-radius:100%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 0 3px #9acdba0a}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.error-message{color:#e8a5a5;background:#d6666610;border:1px solid #b164643a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.error-text{color:#e8a5a5}.loading-inline{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;font-size:12px;display:flex}.app-loading{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;display:flex}.brand{letter-spacing:-1.3px;align-items:center;gap:10px;font-size:30px;font-weight:750;line-height:1;display:inline-flex}.brand-mark{background:var(--accent);color:#343451;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:inset 0 0 0 1px #ffffff10}.brand-mark svg{width:27px;height:27px}.brand-dot{color:var(--accent)}.brand.small{font-size:0}.brand.small .brand-mark{border-radius:11px;width:42px;height:42px}.brand.small .brand-mark svg{width:29px;height:29px}.service-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.service-icon svg{width:25px;height:25px}.service-icon.forms{color:#9e80e8;background:#9b7cec16;border:1px solid #9b7cec16}.service-icon.discord{color:#929ef0;background:#8795ef16;border:1px solid #8795ef16}.app-shell{min-height:100vh}.sidebar{z-index:20;background:#15161b;border-right:1px solid #262730;flex-direction:column;width:228px;padding:30px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{justify-content:space-between;align-items:center;padding:0 12px 31px;display:flex}.version-tag{color:#76798b;background:#202129;border:1px solid #2d2e39;border-radius:5px;padding:3px 5px;font-size:9px}.workspace-switch{text-align:left;background:#1b1c23;border:1px solid #2e3039;border-radius:9px;align-items:center;gap:10px;margin-bottom:30px;padding:11px 10px;display:flex}.workspace-switch>span:nth-child(2){white-space:nowrap;flex:1;font-size:11px;font-weight:600}.workspace-switch small{color:var(--muted);margin-top:4px;font-size:10px;font-weight:400;display:block}.workspace-switch>svg{color:#6e7182}.workspace-avatar{color:#c9b6e0;background:#353044;border-radius:8px;place-items:center;width:30px;height:30px;font-size:11px;display:grid}.nav-caption{color:#626575;letter-spacing:1.6px;margin-bottom:13px;padding:0 12px;font-size:9px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{text-align:left;color:#9294a4;border-radius:8px;align-items:center;gap:11px;min-height:41px;padding:12px;font-size:12px;display:flex;position:relative}.sidebar nav button:hover{color:#d4d5df;background:#ffffff04}.sidebar nav button.active{color:#c4c9ff;background:#b4bcff0e}.nav-indicator{background:var(--accent);border-radius:100%;width:4px;height:4px;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-tip{background:radial-gradient(at 0 0,#a6acff09,#0000 85%);border:1px solid #a3a9e01a;border-radius:10px;margin:70px 0 24px;padding:18px 15px;position:relative}.tip-stars{color:#aeb4f2;font-size:26px;position:absolute;top:15px;right:15px}.sidebar-tip strong{letter-spacing:-.15px;font-size:12px;font-weight:550;line-height:1.7}.sidebar-tip p{color:#7f8293;margin:9px 0 12px;font-size:10px;line-height:1.8}.sidebar-tip .text-button{font-size:10px}.sidebar-security{color:#858b98;align-items:center;gap:7px;padding:0 6px 19px;font-size:10px;display:flex}.sidebar-security>svg{color:#9bb7a9}.sidebar-security .live-dot{margin-left:auto}.sidebar-account{border-top:1px solid #292b34;align-items:center;gap:10px;padding:17px 1px;display:flex}.account-avatar{color:#c6bed0;background:#35323e;border:1px solid #48424f;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:12px;display:grid}.sidebar-account>button:not(.logout){text-align:left;flex:1;padding:0}.sidebar-account strong{font-size:11px;font-weight:550}.sidebar-account small{color:#757888;margin-top:4px;font-size:9px;display:block}.main-shell{margin-left:228px}.topbar{border-bottom:1px solid #262730;justify-content:space-between;align-items:center;gap:15px;height:73px;padding:0 42px;display:flex}.breadcrumb{color:#777a8b;align-items:center;gap:16px;font-size:11px;display:flex}.breadcrumb>span:nth-child(2){color:#444754}.breadcrumb strong{color:#bebfcc;font-size:11px;font-weight:500}.topbar-right{align-items:center;gap:17px;display:flex}.self-hosted{color:#9a9cab;align-items:center;gap:8px;font-size:10px;display:flex}.topbar-divider{background:#2a2c35;width:1px;height:17px}.main-content{max-width:1530px;margin:0 auto;padding:40px 42px 25px}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.page-heading .eyebrow{margin-bottom:9px;font-size:9px}.page-heading p{color:#9093a4;margin-top:9px;font-size:12px}.page-heading>.button{margin-top:15px}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:23px;display:grid}.stat-card{border:1px solid var(--border);background:linear-gradient(120deg,#1b1c23,#191a20);border-radius:10px;min-height:126px;padding:17px 19px 15px}.stat-label{color:#a1a3b1;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;font-size:10px;display:flex}.stat-label svg{opacity:.9}.stat-card>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:29px;font-weight:550;line-height:1.1;display:block}.stat-card>small{color:#6e7283;margin-top:11px;font-size:9px;display:block}.route-strip{background:linear-gradient(110deg,#a2abff07,#0000 80%);border:1px solid #b0b8ed1a;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:35px;padding:21px 24px;display:flex}.route-label{letter-spacing:1.25px;color:#a9add2;align-items:center;gap:7px;font-size:9px;display:flex}.route-label svg{color:#aeb5f0}.route-strip>div:first-child p{color:#777b8f;margin-top:7px;font-size:10px}.flow{justify-content:center;align-items:center;gap:23px;display:flex}.flow-point{align-items:center;gap:10px;display:flex}.flow-point>span:not(.service-icon),.flow-point>.brand+span{white-space:nowrap;font-size:12px;font-weight:600}.flow-point small{color:#727789;margin-top:5px;font-size:10px;font-weight:400;display:block}.flow-wire{color:#5a5e70;align-items:center;gap:15px;display:flex}.flow-wire i{background:repeating-linear-gradient(90deg,#646982 0 3px,#0000 3px 7px);width:28px;height:1px}.flow.compact{gap:13px}.flow.compact .service-icon,.flow.compact .brand-mark{border-radius:8px;width:33px;height:33px}.flow.compact svg{width:21px;height:21px}.flow.compact .brand-mark svg{width:24px;height:24px}.flow.compact .flow-point{gap:8px}.flow.compact .flow-point>span:not(.service-icon),.flow.compact .flow-point>.brand+span{font-size:10px}.flow.compact .flow-point small{margin-top:4px;font-size:8px}.flow.compact .flow-wire{gap:4px}.flow.compact .flow-wire svg{width:12px;height:12px}.flow.compact .flow-wire i{width:18px}.section-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:20px;display:flex}.section-heading h2{align-items:center;gap:9px;font-size:17px;display:flex}.count-badge{color:#b1b4c7;background:#262832;border:1px solid #343641;border-radius:5px;justify-content:center;align-items:center;min-width:21px;height:19px;padding:0 5px;font-size:9px;font-weight:500;display:inline-flex}.section-heading p{color:#737789;margin-top:7px;font-size:11px}.search-field{color:#777c8e;background:#1b1c22;border:1px solid #2e303a;border-radius:8px;align-items:center;gap:9px;width:240px;height:36px;padding:0 11px;display:flex}.search-field:focus-within{border-color:#8187bf}.search-field input{color:#d8d9e3;background:0 0;border:0;flex:1;min-width:0;padding:0;font-size:10px;outline:none!important}.search-field input::placeholder{color:#777b8c}.search-field kbd{opacity:.65;font-size:12px}.filter-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.segmented{background:#191a20;border:1px solid #282a34;border-radius:8px;gap:3px;padding:3px;display:flex}.segmented button{color:#85899b;border-radius:5px;padding:7px 12px;font-size:10px}.segmented button:hover{color:#b9becf}.segmented button.active{color:#e0e1ee;background:#2c2e3a;box-shadow:0 1px 4px #0002}.auto-update{color:#6f7486;align-items:center;gap:7px;font-size:9px;display:flex}.auto-update .live-dot{background:#7a9e8d;width:4px;height:4px}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.connection-card{text-align:left;background:#191a20;border:1px solid #2c2e38;border-radius:11px;min-height:195px;padding:20px 19px 0;transition:border-color .18s,transform .18s;display:block;position:relative;overflow:hidden}.connection-card:hover{border-color:#686b8a;transform:translateY(-2px)}.card-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.pair-icons{align-items:center;gap:6px;display:flex}.pair-icons .service-icon{border-radius:7px;width:28px;height:28px}.pair-icons .service-icon svg{width:18px;height:18px}.pair-arrow{color:#656a80;display:flex}.status-badge{white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:5px 7px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.status-badge>span{background:currentColor;border-radius:50%;width:4px;height:4px}.status-badge.on{color:#9ac5ad;background:#9acdba09;border:1px solid #9acdba22}.status-badge.paused{color:#9296a7;background:#a5a5b30a;border:1px solid #a5a5b31c}.connection-card h3{text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;margin-bottom:8px;padding-right:8px;font-size:13px;font-weight:600;overflow:hidden}.card-destination{color:#72778a;align-items:center;gap:5px;font-size:10px;display:flex}.card-bottom{color:#767b8c;border-top:1px solid #2b2d36;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding:14px 0;font-size:8px;display:flex}.card-bottom>span:first-child{white-space:nowrap;align-items:center;gap:5px;display:flex}.card-bottom strong{color:#b1b6c7;font-weight:500}.card-bottom>span:last-child{white-space:nowrap}.failed-counter{color:#d89898;font-style:normal}.card-open{color:#aeb5ee;opacity:0;transition:opacity .2s;position:absolute;top:84px;right:17px}.connection-card:hover .card-open{opacity:1}.add-card{color:#8b90aa;border:1px dashed #383b49;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:195px;transition:border-color .2s,background .2s;display:flex}.add-card:hover{background:#b4bcff04;border-color:#7b81ab}.add-card>span{color:#aab4ed;background:#aab4ed0b;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:3px;display:grid}.add-card strong{font-size:12px;font-weight:500}.add-card small{color:#697084;font-size:9px}.empty-connections{text-align:center;background:radial-gradient(at 50% 20%,#a4acff05,#0000 55%);border:1px dashed #333642;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:370px;padding:30px;display:flex}.empty-connections>.eyebrow{color:#8f95af;letter-spacing:1.5px;margin:8px 0 12px;font-size:8px}.empty-connections h3{font-size:19px;font-weight:550}.empty-connections p{color:#81879b;margin:12px 0 22px;font-size:11px}.empty-connections .button{min-height:37px;font-size:11px}.empty-hint{color:#656d82;align-items:center;gap:6px;margin-top:18px;font-size:9px;display:flex}.empty-art{place-items:center;width:260px;height:100px;margin-top:-5px;display:grid;position:relative}.empty-art>.brand{z-index:1;transform:rotate(-7deg)}.empty-art .brand-mark{border-radius:13px;width:51px;height:51px;box-shadow:0 7px 25px #a9aeee12,0 0 0 6px #bcc2ff07,0 0 0 12px #bcc2ff03}.empty-art .brand-mark svg{width:35px;height:35px}.empty-orbit{pointer-events:none;border:1px solid #8d94bd0d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:90px;height:90px}.orbit-two{width:150px;height:150px}.orbit-three{opacity:.65;width:210px;height:210px}.floating-form,.floating-discord{z-index:1;background:#1e1e2b;border:1px solid #7a77b72b;border-radius:10px;place-items:center;width:37px;height:37px;display:grid;position:absolute}.floating-form svg,.floating-discord svg{width:22px;height:22px}.floating-form{color:#a186df;top:24px;left:31px;transform:rotate(-12deg)}.floating-discord{color:#929eec;top:41px;right:30px;transform:rotate(12deg)}.spark{background:#a8afd14d;border-radius:50%;width:3px;height:3px;position:absolute}.spark-one{bottom:16px;left:75px}.spark-two{top:13px;right:78px}.workspace-footnote{color:#606879;border-top:1px solid #252832;justify-content:space-between;align-items:center;gap:20px;margin-top:31px;padding-top:18px;font-size:9px;display:flex}.workspace-footnote>span:first-child{align-items:center;gap:6px;display:flex}.workspace-footnote svg{color:#7a8d87}.skeleton{background:linear-gradient(110deg,#1a1b22 20%,#22242e 45%,#1a1b22 70%) 0 0/220% 100%;animation:1.5s infinite shimmer}.skeleton-card{border:1px solid var(--border);border-radius:11px;height:195px}@keyframes shimmer{to{background-position:-220% 0}}.pagination{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:22px;font-size:11px;display:flex}.pagination>div{align-items:center;gap:15px;display:flex}.login-page{background:radial-gradient(at 12% 44%,#929dec08,#0000 50%),#111216;flex-direction:column;min-height:100svh;display:flex}.login-top{justify-content:space-between;align-items:center;padding:40px 5vw;display:flex}.subtle-label{color:#6f7489;letter-spacing:2px;font-size:9px}.login-grid{grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;width:min(1100px,90vw);margin:auto;padding:30px 0 70px;display:grid}.login-story>.eyebrow{color:#9a9fb2;letter-spacing:1.4px;font-size:9px}.login-story h1{letter-spacing:-1.8px;margin:26px 0 24px;font-size:44px;font-weight:600;line-height:1.25}.login-story h1 span{color:var(--accent)}.login-story>p{color:#8e94a8;font-size:14px;line-height:1.9}.story-line{align-items:flex-start;gap:15px;margin-top:55px;display:flex}.story-node{color:#a7acd6;min-width:76px;font-size:10px}.story-node span{color:#787f93;white-space:nowrap;margin-top:11px;font-size:9px;display:block}.story-connector{background:linear-gradient(90deg,#8c93c14d,#8c93c10a);width:40px;height:1px;margin-top:7px}.story-security{color:#6e788c;align-items:center;gap:9px;margin-top:65px;font-size:10px;display:flex}.story-security svg{color:#889f99}.login-card{background:linear-gradient(150deg,#1e2028,#191a21);border:1px solid #30333f;border-radius:16px;padding:34px 34px 27px;box-shadow:0 20px 90px #00000018}.login-symbol{width:48px;height:48px;color:var(--accent);background:#abb2ff0c;border:1px solid #abb2ff1f;border-radius:13px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.success-symbol{color:#a0d5b6;background:#a0d5b60a;border-color:#a0d5b62a}.login-card>.eyebrow{letter-spacing:1.4px;color:#787f95;margin-bottom:9px;font-size:8px}.login-card h2{letter-spacing:-.8px;margin-bottom:10px;font-size:25px;font-weight:600}.login-card>p{margin-bottom:25px;font-size:11px;line-height:1.8}.login-card form .button{min-height:43px;margin-top:7px}.login-card label{font-size:11px}.login-card input{background:#14161d;border-color:#343744;height:43px;font-size:12px}.login-card .login-security{color:#707b90;text-align:center;justify-content:center;align-items:center;gap:6px;padding-top:23px;font-size:8px;line-height:1.6;display:flex}.login-security>svg{color:#8a9a99}.login-footer{color:#5e687b;justify-content:space-between;align-items:center;gap:20px;padding:20px 5vw 28px;font-size:9px;display:flex}.login-footer>span:last-child{letter-spacing:.8px;font-size:8px}.login-options{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.login-options .text-button{color:#929bbd;font-size:10px}.qr-setup{text-align:center;margin-bottom:18px}.qr-setup>img{background:#fff;border-radius:10px;width:192px;max-width:100%;height:auto;padding:2px}.qr-setup details{color:#8e96ac;text-align:left;margin-top:14px;font-size:10px}.qr-setup summary{text-align:center}.qr-setup details p{margin:12px 0}.secret-field{border:1px solid var(--border);background:#15171e;border-radius:6px;justify-content:space-between;align-items:center;gap:5px;padding:8px;display:flex}.secret-field code{word-break:break-all;font-size:9px}.otp-input{text-align:center;letter-spacing:10px;font-variant-numeric:tabular-nums;padding-left:25px!important;font-size:24px!important}.otp-input::placeholder{color:#434b62!important}.recovery-input{font-size:11px!important}.recovery-grid{border:1px solid var(--border);text-align:center;background:#14161d;border-radius:8px;grid-template-columns:1fr;gap:7px;margin-bottom:18px;padding:17px;display:grid}.recovery-grid code{color:#b8c5bc;letter-spacing:.5px;font-size:11px}.login-card>.button-row{justify-content:center;margin-bottom:18px}label{color:#c4c7d6;flex-direction:column;gap:9px;margin-bottom:20px;font-size:11px;font-weight:500;display:flex}input,textarea,select{color:#d8dbea;background:#17191f;border:1px solid #353845;border-radius:7px;width:100%;min-width:0;padding:11px 12px;font-size:12px;font-weight:400;transition:border-color .16s}input::placeholder,textarea::placeholder{color:#626a80;font-size:11px}textarea{resize:vertical;min-height:66px;line-height:1.7}select{cursor:pointer}input[type=checkbox]{width:14px;height:14px;accent-color:var(--accent);flex-shrink:0;padding:0}.field-hint{color:#777f95;font-size:9px;font-weight:400;line-height:1.7}.form-two-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.checkbox-row{flex-wrap:wrap;align-items:center;gap:24px;margin:2px 0 22px;display:flex}.checkbox-row label{flex-direction:row;align-items:center;gap:8px;margin:0;font-size:11px}.dialog-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#080a10b8;justify-content:center;align-items:center;padding:30px;animation:.15s ease-out fadein;display:flex;position:fixed;inset:0}.dialog{background:#1b1d25;border:1px solid #3b3e4b;border-radius:15px;width:540px;max-width:100%;max-height:calc(100svh - 60px);overflow:auto;box-shadow:0 30px 100px #0008}.dialog.wide{width:825px}.dialog-header{z-index:3;background:#1b1d25;border-bottom:1px solid #30333f;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;display:flex;position:sticky;top:0}.dialog-header h2{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:550;overflow:hidden}.create-layout{grid-template-columns:1.15fr 1fr;display:grid}.create-form{padding:32px}.create-form>.eyebrow{letter-spacing:1.1px;font-size:8px}.create-form h3{margin:13px 0;font-size:25px;line-height:1.4}.create-form>.muted{margin-bottom:28px;font-size:11px}.create-form label{margin-bottom:23px}.create-preview{background:radial-gradient(at 100% 0,#b1b4ff08,#0000 75%),#191b23;border-left:1px solid #30333f;padding:37px 30px}.create-preview>.eyebrow{letter-spacing:1.6px;color:#818aa3;font-size:8px}.vertical-flow{margin:43px 0}.vertical-flow>div{align-items:center;gap:14px;display:flex}.vertical-flow>div>span:last-child{font-size:12px;font-weight:550}.vertical-flow small{color:#7f8ba3;margin-top:7px;font-size:9px;font-weight:400;display:block}.vertical-flow>i{background:repeating-linear-gradient(#515b79 0 3px,#0000 3px 7px);width:1px;height:38px;margin:8px 0 8px 21px;display:block}.preview-note{color:#929fb8;border-top:1px solid #303440;align-items:flex-start;gap:9px;padding-top:25px;display:flex}.preview-note svg{color:#acb3df}.preview-note p{font-size:9px;line-height:1.9}.preview-note strong{color:#c3cbe2;font-size:11px;font-weight:500}.private-note{color:#737f96;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:8px;line-height:1.6;display:flex}.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:flex-end;padding:0}.dialog.drawer{border:0;border-left:1px solid #3a3e4d;border-radius:0;flex-direction:column;width:730px;height:100svh;max-height:100svh;animation:.22s ease-out slidein;display:flex;overflow:hidden}.drawer .dialog-header{min-height:72px;padding:20px 27px;position:static}.drawer-summary{align-items:center;gap:14px;padding:17px 27px;display:flex}.drawer-summary>.button{margin-left:auto}.drawer-summary .small-text{font-size:10px}.drawer-tabs{border-bottom:1px solid #30343f;align-items:center;gap:25px;padding:0 27px;display:flex}.drawer-tabs>button{color:#7d89a0;white-space:nowrap;align-items:center;gap:7px;padding:14px 0 16px;font-size:11px;display:flex;position:relative}.drawer-tabs>button:hover{color:#c0c9e4}.drawer-tabs>button.active{color:#c5ccff}.drawer-tabs>button.active:after{content:"";background:#b8c1ff;border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.drawer-content{scroll-behavior:smooth;flex:1;padding:28px;overflow-y:auto}.drawer-intro{margin-bottom:24px}.drawer-intro>.eyebrow{letter-spacing:1.2px;margin-bottom:11px;font-size:8px}.drawer-intro h3{margin-bottom:9px;font-size:20px;font-weight:550}.drawer-intro p{color:#8490a7;font-size:11px}.drawer-content>.flow{background:#151820;border:1px solid #303643;border-radius:9px;justify-content:space-between;margin-bottom:30px;padding:22px 18px}.setup-step{gap:15px;margin-bottom:28px;display:flex}.step-number{color:#adb9eb;background:#aab4ec0a;border:1px solid #aab4ec33;border-radius:7px;flex-shrink:0;place-items:center;width:23px;height:23px;margin-top:1px;font-size:10px;display:grid}.setup-step>div{flex:1;min-width:0}.setup-step h4{margin-bottom:8px;font-size:12px;font-weight:600}.setup-step p{color:#8894aa;margin-bottom:12px;font-size:11px}.setup-step strong{color:#c1c9d9;font-weight:500}.endpoint-field{background:#131720;border:1px solid #343c4d;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;padding:8px 9px 8px 12px;display:flex}.endpoint-field code{color:#9faed0;word-break:break-all;font-size:9px}.script-disclosure{background:#171b24;border:1px solid #343b4c;border-radius:8px;margin-bottom:14px}.script-disclosure>summary{color:#b9c7e0;align-items:center;gap:8px;padding:13px 12px;font-size:10px;list-style:none;display:flex}.script-disclosure>summary:before{content:"›";color:#7e8dad;font-size:16px}.script-disclosure[open]>summary:before{transform:rotate(90deg)}.script-disclosure>summary>span{color:#657693;margin-left:auto;font-size:9px}.code-block{background:#111620;border:1px solid #303b50;border-radius:8px;overflow:hidden}.script-disclosure>.code-block{border:0;border-top:1px solid #303b50;border-radius:0 0 8px 8px}.code-toolbar{color:#8c9fbf;background:#1b2330;justify-content:space-between;align-items:center;padding:4px 10px;font-family:monospace;font-size:10px;display:flex}.code-toolbar>span{align-items:center;gap:7px;display:flex}.code-dot{background:#abbbde;border-radius:50%;width:5px;height:5px}.code-toolbar>div{display:flex}.code-block pre{color:#acbad3;tab-size:2;max-height:330px;margin:0;padding:17px;font-size:11px;line-height:1.8;overflow:auto}.code-block code{font-size:inherit}.inline-note{color:#8c9cb6;background:#9ba9d108;border-left:2px solid #9ba9d143;padding:10px 13px;font-size:10px;line-height:1.9;display:block}.test-callout{background:#a8bcad07;border:1px solid #a8bcad2b;border-radius:9px;align-items:center;gap:13px;margin:15px 0;padding:16px 17px;display:flex}.test-icon{color:#a7c8b9}.test-callout>div{flex:1}.test-callout strong{color:#c9dcd3;font-size:11px;font-weight:550}.test-callout p{color:#80988e;margin-top:4px;font-size:9px}.test-callout .button{font-size:9px}.danger-zone{border-top:1px solid #353a47;margin-top:30px;padding-top:23px}.danger-zone h4{margin-bottom:9px;font-size:12px}.danger-zone p{color:#8796af;margin-bottom:15px;font-size:11px}.inline-confirm{background:#2b2229;border:1px solid #ba929251;border-radius:10px;margin-top:24px;padding:18px}.inline-confirm strong{color:#e3c7cb;font-size:12px}.inline-confirm p{color:#bda0ac;margin:9px 0 17px;font-size:10px}.inline-confirm .button{font-size:10px}.toast{z-index:150;color:#bed5ca;background:#242f2d;border:1px solid #6f9b8b60;border-radius:10px;align-items:center;gap:11px;max-width:min(510px,100vw - 32px);padding:13px 14px 13px 17px;font-size:11px;animation:.2s fadein;display:flex;position:fixed;bottom:25px;right:27px;box-shadow:0 8px 40px #0006}.toast>span{line-height:1.7}.toast>svg{color:#9dc5b2}.error-toast{color:#e6b3bd;background:#34262e;border-color:#b06b6b66}.error-toast>svg{color:#d7919e}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes slidein{0%{opacity:.6;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.message-preview{background:#20232d;border:1px solid #353c4c;border-radius:10px;margin-bottom:26px;padding:17px 16px}.preview-caption{letter-spacing:1.2px;color:#7a859e;align-items:center;gap:6px;margin-bottom:20px;font-size:8px;display:flex}.discord-message{align-items:flex-start;gap:11px;display:flex}.discord-avatar .brand-mark{border-radius:50%!important;width:34px!important;height:34px!important}.discord-avatar .brand-mark svg{width:23px!important;height:23px!important}.discord-message-body{flex:1;min-width:0}.discord-author{color:#d7dbeb;overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.discord-author>span{color:#fff;letter-spacing:.3px;background:#6679c6;border-radius:3px;padding:2px 3px;font-size:7px;font-weight:500}.discord-author>small{color:#767f96;font-size:8px;font-weight:400}.discord-content{color:#c1c8dc;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;font-size:11px}.discord-embed{border-left:3px solid var(--accent);overflow-wrap:anywhere;background:#171b24;border-radius:4px;max-width:480px;margin-top:10px;padding:13px 16px}.embed-title{color:#d3d9eb;font-size:12px;font-weight:600}.discord-embed>p{white-space:pre-wrap;color:#9eacc7;margin-top:8px;font-size:10px}.embed-answer{flex-direction:column;gap:5px;margin-top:13px;font-size:10px;display:flex}.embed-answer>strong{color:#c4ccdf;font-size:10px;font-weight:600}.embed-answer>span{color:#99a7c2;line-height:1.7}.embed-footer{color:#7e8da9;margin-top:15px;font-size:8px;display:block}.preview-disclaimer{color:#65728d;margin-top:15px;padding-left:45px;font-size:8px;line-height:1.8;display:block}.message-form .color-input{background:#17191f;border:1px solid #353845;border-radius:7px;align-items:center;gap:10px;height:39px;padding:5px 10px;display:flex}.color-input input{cursor:pointer;background:0 0;border:0;border-radius:5px;width:25px;height:25px;padding:0}.color-input code{color:#93a1bc;font-size:10px}.advanced-settings{color:#9eacc6;border:1px solid #323b4b;border-radius:8px;margin:0 0 24px;padding:14px;font-size:11px}.advanced-settings p{margin:15px 0}.advanced-settings label{margin-bottom:0}.history-controls{justify-content:space-between;align-items:center;gap:20px;margin:22px 0 16px;display:flex}.select-label{color:#7e8da5;flex-direction:row;align-items:center;gap:10px;margin:0;font-size:10px;display:flex}.select-label select{color:#abb7d1;width:auto;min-width:150px;padding:8px 30px 8px 10px;font-size:10px}.delivery-list{background:#191c24;border:1px solid #303745;border-radius:10px;overflow:hidden}.delivery-table-head{color:#75849e;background:#1c2029;border-bottom:1px solid #303745;grid-template-columns:minmax(0,1fr) 150px 135px 33px;align-items:center;gap:18px;padding:14px 20px;font-size:9px;display:grid}.delivery-row{grid-template-columns:minmax(0,1fr) 150px 135px 33px;align-items:center;gap:18px;padding:16px 20px;display:grid}.delivery-entry+.delivery-entry{border-top:1px solid #303745}.delivery-name{align-items:center;gap:11px;min-width:0;display:flex}.delivery-icon{color:#96a6c8;background:#a8b5e408;border:1px solid #a8b5e41a;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.delivery-icon.delivered{color:#a2c7b6;background:#a8c5b908;border-color:#a8c5b922}.delivery-icon.failed{color:#d49b9b;background:#cb93930b;border-color:#cb939324}.delivery-name>div{min-width:0}.delivery-name strong{text-overflow:ellipsis;white-space:nowrap;color:#c1cce0;margin-bottom:5px;font-size:11px;font-weight:550;display:block;overflow:hidden}.delivery-name button{color:#798cae;white-space:nowrap;text-overflow:ellipsis;text-align:left;max-width:100%;font-size:9px;display:block;overflow:hidden}.delivery-name button svg{vertical-align:middle;margin-left:4px;display:inline}.delivery-name button:disabled{opacity:1}.delivery-date{color:#7d8eac;white-space:nowrap;font-size:9px}.delivery-status{color:#9baed0;white-space:nowrap;align-items:center;gap:6px;font-size:9px;display:inline-flex}.delivery-status>span{background:currentColor;border-radius:50%;width:4px;height:4px}.delivery-status.delivered{color:#98c7af}.delivery-status.failed{color:#db9a9a}.delivery-status.retry{color:#c8ba96}.delivery-status.processing{color:#b4bbf3}.delivery-details{color:#9cacc6;background:#1319227a;border-top:1px dashed #344053;padding:15px 20px 19px 63px;font-size:10px}.delivery-details p{margin-bottom:8px;font-size:10px}.delivery-details strong{color:#b0bfd9;font-weight:500}.delivery-details .button{margin:5px 0 10px}.delivery-id{color:#546c91;overflow-wrap:anywhere;margin-top:12px;font-size:8px;display:block}.rotate{transform:rotate(180deg)}.compact-list .delivery-table-head,.compact-list .delivery-row{grid-template-columns:minmax(0,1fr) 118px 98px 26px;gap:10px;padding-left:13px;padding-right:13px}.compact-list .delivery-name{gap:8px}.compact-list .delivery-name strong{font-size:10px}.compact-list .delivery-date,.compact-list .delivery-status{font-size:8px}.empty-simple{text-align:center;background:#19202c22;border:1px dashed #354053;border-radius:10px;padding:65px 25px}.empty-symbol{color:#a2afd6;background:#a6b2e10a;border:1px solid #a6b2e122;border-radius:15px;place-items:center;width:57px;height:57px;margin:0 auto 20px;display:grid}.empty-simple h3{color:#c4cfe2;font-size:17px;font-weight:500}.empty-simple p{color:#8193b1;margin-top:11px;font-size:11px}.guide-flow{background:linear-gradient(120deg,#a6b0ee08,#0000);border:1px solid #303746;border-radius:11px;margin-bottom:25px;padding:35px}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px;display:grid}.guide-step{background:#191c24;border:1px solid #303746;border-radius:10px;padding:24px}.guide-step>span{color:#9aa9d5;background:#a2b2ed0a;border:1px solid #a2b2ed23;border-radius:8px;margin-bottom:24px;padding:7px;font-size:11px;display:inline-flex}.guide-step h3{letter-spacing:0;margin-bottom:12px;font-size:13px;font-weight:550}.guide-step p{color:#8495b2;font-size:11px;line-height:1.9}.guide-step strong{color:#acbad2;font-weight:500}.guide-bottom{grid-template-columns:1.7fr 1fr;gap:25px;display:grid}.panel{background:#191c24;border:1px solid #323947;border-radius:11px;margin-bottom:20px;padding:25px}.panel>h3{margin-bottom:16px;font-size:14px;font-weight:550}.panel .eyebrow{color:#8d9bbb;margin-bottom:20px;font-size:9px}.panel details{border-bottom:1px solid #303746;padding:17px 0}.panel details:last-child{border:0;padding-bottom:0}.panel details summary{color:#b4c0d7;font-size:11px;line-height:1.6}.panel details p{color:#7d92b4;margin:13px 0 0;font-size:10px;line-height:1.9}.guide-aside{padding:25px 15px}.guide-aside>svg{color:#98b3a8;margin:4px 0 20px}.guide-aside h3{margin-bottom:12px;font-size:16px;font-weight:550}.guide-aside p{color:#8294b1;margin-bottom:20px;font-size:11px}.guide-aside>a{color:#a3b4e1;margin:15px 0;font-size:10px;display:flex}.security-grid{grid-template-columns:1.4fr 1fr;gap:25px;display:grid}.account-panel{align-items:center;gap:15px;display:flex}.account-panel>.account-avatar{width:42px;height:42px;font-size:17px}.account-panel>div{flex:1}.account-panel h3{font-size:14px;font-weight:550}.account-panel p{color:#7c8da8;margin-top:4px;font-size:10px}.icon-heading{align-items:center;gap:9px;display:flex}.icon-heading svg{color:#9caed9}.panel form{margin-top:25px}.password-hint{margin:-10px 0 22px;display:block}.security-status>.login-symbol{margin-bottom:17px}.security-status>p{color:#8498b5;margin-bottom:22px;font-size:11px}.security-status-row{color:#9caccc;border-top:1px solid #303947;align-items:center;gap:8px;padding:18px 0;font-size:10px;display:flex}.security-status-row>strong{color:#b0c7bc;margin-left:auto;font-size:10px;font-weight:500}.security-status .inline-note{margin-top:10px;font-size:9px}.audit-list{max-height:360px;overflow-y:auto}.audit-list>div{border-bottom:1px solid #303947;align-items:baseline;gap:10px;padding:14px 0;display:flex}.audit-list>div:last-child{border:0}.audit-dot{background:#798fb6;border-radius:50%;flex-shrink:0;width:4px;height:4px}.audit-list p{color:#9faecc;overflow-wrap:anywhere;font-size:10px}.audit-list small{color:#627b9f;margin-top:5px;font-size:8px;display:block}@media (width>=1500px){.sidebar{width:245px}.main-shell{margin-left:245px}.main-content{padding-top:46px;padding-left:52px;padding-right:52px}.topbar{padding:0 52px}.cards-grid{gap:20px}.connection-card{padding:23px 23px 0}.stat-card{padding:20px 22px 17px}.main-content>.page-heading h1{font-size:37px}.route-strip{padding:25px 28px}.route-strip .flow.compact{gap:24px}.route-strip .flow.compact .flow-wire i{width:29px}.route-strip .flow.compact .flow-point>span:not(.service-icon){font-size:11px}.route-strip .flow.compact .flow-point small{font-size:9px}}@media (width<=1200px){.sidebar{width:210px;padding-left:13px;padding-right:13px}.main-shell{margin-left:210px}.main-content{padding:32px 28px 22px}.topbar{padding:0 28px}.route-strip{padding:20px}.route-strip>div:first-child{max-width:140px}.route-strip>div:first-child p{font-size:9px}.route-strip .flow.compact .flow-point small{display:none}.route-strip .flow.compact .flow-point{flex-direction:column;gap:7px}.route-strip .flow.compact .flow-wire{margin-top:-15px}.route-strip .flow.compact{gap:20px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:17px 14px}.stat-label{font-size:9px}.login-grid{gap:55px}.login-story h1{font-size:38px}.login-card{padding:29px}.security-grid{grid-template-columns:1.2fr 1fr;gap:18px}.security-grid .form-two-cols{grid-template-columns:1fr;gap:0}.guide-grid{gap:12px}.guide-step{padding:18px}.delivery-table-head,.delivery-row{grid-template-columns:minmax(0,1fr) 125px 110px 26px;gap:10px;padding-left:16px;padding-right:16px}.guide-bottom{grid-template-columns:1.5fr 1fr;gap:14px}}@media (width<=960px){.sidebar{width:190px;padding-top:26px}.main-shell{margin-left:190px}.sidebar-brand{padding:0 8px 27px}.brand{font-size:27px}.sidebar .version-tag{font-size:8px}.workspace-switch{gap:7px;padding:9px 8px}.workspace-switch>span:nth-child(2){font-size:10px}.sidebar nav button{gap:9px;padding:11px 10px;font-size:11px}.sidebar-tip{padding:17px 12px}.sidebar-tip strong{font-size:11px}.main-content{padding:30px 23px 20px}.topbar{height:65px;padding:0 23px}.page-heading{align-items:flex-start;gap:15px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.page-heading>.button{min-height:37px;margin-top:28px;padding:10px 12px;font-size:10px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{min-height:114px;padding:16px 18px}.stat-label{font-size:10px}.stat-card>strong{font-size:27px}.stat-card>small{font-size:8px}.route-strip{gap:18px;padding:19px 16px}.route-strip>.flow.compact{gap:10px}.route-strip>.flow.compact .flow-wire i{display:none}.route-strip>.flow.compact .flow-point>span:not(.service-icon){font-size:9px}.route-label{letter-spacing:.8px;font-size:8px}.section-heading{gap:16px}.search-field{width:190px}.section-heading p{font-size:10px}.auto-update{font-size:8px}.segmented button{padding:7px 9px;font-size:9px}.connection-card{padding:17px 15px 0}.card-bottom{flex-wrap:wrap;gap:9px}.card-bottom>span{font-size:8px}.card-top{gap:5px}.status-badge,.workspace-footnote{font-size:8px}.security-grid{grid-template-columns:1fr}.security-grid .form-two-cols{grid-template-columns:1fr 1fr;gap:18px}.security-grid>div:last-child{grid-template-columns:1fr 1fr;gap:15px;display:grid}.panel{padding:20px}.guide-grid{grid-template-columns:1fr}.guide-step>span{float:left;margin:0 17px 30px 0}.guide-step h3{font-size:13px}.guide-step p{font-size:11px}.guide-bottom{grid-template-columns:1fr}.guide-aside{padding:10px 20px 25px}.guide-flow{padding:26px 17px}.guide-flow .flow{gap:13px}.guide-flow .flow-wire{gap:5px}.guide-flow .flow-point{text-align:center;flex-direction:column}.guide-flow .flow-point small{font-size:8px}.guide-flow .flow-point>span:not(.service-icon){font-size:10px}.guide-flow .flow-wire{margin-top:-25px}.login-grid{grid-template-columns:1fr 1.1fr;gap:40px}.login-story h1{font-size:32px}.login-story>p{font-size:12px}.login-story>.eyebrow{letter-spacing:1px;font-size:8px}.story-line{gap:8px;margin-top:35px}.story-node{min-width:58px}.story-node span{font-size:8px}.story-connector{width:20px}.story-security{margin-top:40px;font-size:9px;line-height:1.7}.login-card{padding:25px}.login-card h2{font-size:23px}.login-card>.eyebrow{font-size:7px}.login-card>p{font-size:10px}.subtle-label{font-size:8px}.delivery-list:not(.compact-list) .delivery-table-head{display:none}.delivery-list:not(.compact-list) .delivery-row{grid-template-columns:minmax(0,1fr) 110px 26px}.delivery-list:not(.compact-list) .delivery-date{grid-area:2/1;margin-top:-4px;padding-left:43px}.delivery-list:not(.compact-list) .delivery-row>.icon-button{grid-area:1/3/3}.delivery-list:not(.compact-list) .delivery-status{grid-area:1/2/3;font-size:8px}}@media (width<=700px){.sidebar{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:40;background:#181b24f5;border:0;border-top:1px solid #303643;flex-direction:row;justify-content:center;width:100%;height:69px;padding:0;inset:auto 0 0}.sidebar-brand,.workspace-switch,.nav-caption,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;gap:0;width:100%;max-width:540px}.sidebar nav button{white-space:nowrap;border-radius:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;min-width:0;padding:12px 2px;font-size:8px;display:flex}.sidebar nav button.active{background:#aab4ed07}.sidebar nav button svg{width:19px;height:19px}.sidebar nav button .nav-indicator{border-radius:0 0 2px 2px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.main-shell{margin-left:0}.topbar{height:58px;padding:0 20px}.breadcrumb{gap:10px;font-size:10px}.breadcrumb strong{font-size:10px}.self-hosted{gap:6px;font-size:8px}.topbar-right{gap:9px}.topbar-divider{display:none}.topbar-right .icon-button{width:25px}.main-content{padding:27px 20px 95px}.page-heading{gap:15px;margin-bottom:25px}.page-heading h1{font-size:29px}.page-heading>.button{gap:5px;min-height:34px;margin-top:26px;padding:9px 10px;font-size:9px}.page-heading>.button>svg{width:14px;height:14px}.page-heading>.status-badge{margin-top:32px}.page-heading>.eyebrow,.page-heading .eyebrow{letter-spacing:1.1px;font-size:8px}.page-heading p{font-size:10px;line-height:1.8}.stats-grid{gap:11px;margin-bottom:18px}.stat-card{min-height:109px;padding:15px 17px}.stat-card>strong{font-size:27px}.stat-label{margin-bottom:12px;font-size:10px}.stat-card>small{margin-top:9px}.route-strip{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:29px;padding:19px}.route-strip>div:first-child{justify-content:space-between;align-items:center;gap:10px;width:100%;max-width:none;display:flex}.route-strip>div:first-child p{margin:0;font-size:8px}.route-label{letter-spacing:.7px;font-size:7px}.route-strip>.flow.compact{justify-content:space-between;gap:11px;width:100%}.route-strip>.flow.compact .flow-point{flex-direction:row;gap:7px}.route-strip>.flow.compact .flow-wire{margin-top:0}.route-strip>.flow.compact .flow-wire i{width:15px;display:block}.route-strip>.flow.compact .flow-point>span:not(.service-icon){font-size:9px}.route-strip>.flow.compact .flow-point small{font-size:7px;display:block}.section-heading{align-items:center;gap:12px;margin-bottom:17px}.section-heading h2{font-size:16px}.section-heading p{display:none}.search-field{gap:7px;width:170px;height:33px;padding:0 9px}.search-field input{font-size:9px}.search-field>svg{width:14px;height:14px}.filter-row{gap:9px;margin-bottom:17px}.auto-update{gap:5px;font-size:7px}.auto-update .live-dot{display:none}.segmented button{padding:7px 8px;font-size:8px}.cards-grid{gap:12px}.connection-card{min-height:184px;padding:17px 16px 0}.card-top{margin-bottom:17px}.connection-card h3{font-size:12px}.card-bottom{flex-direction:column;align-items:flex-start;gap:7px;margin-top:19px;padding:12px 0;font-size:8px}.card-destination{font-size:8px}.card-top .status-badge{gap:4px;padding:4px 5px;font-size:7px}.pair-icons{gap:4px}.pair-icons .service-icon{border-radius:6px;width:25px;height:25px}.pair-icons .service-icon svg{width:16px;height:16px}.pair-arrow svg{width:10px}.add-card{min-height:184px}.add-card strong{font-size:11px}.add-card small{font-size:8px}.workspace-footnote{gap:10px;margin-top:25px;font-size:7px}.workspace-footnote>span:last-child{display:none}.empty-connections{min-height:355px;padding:26px 17px}.empty-connections h3{max-width:300px;font-size:17px;line-height:1.5}.empty-connections p{font-size:10px}.empty-connections>.eyebrow{font-size:7px}.empty-hint{font-size:8px}.dialog-backdrop:not(.drawer-backdrop){padding:16px}.dialog{max-height:calc(100svh - 32px)}.dialog-header{padding:15px 20px}.create-layout{grid-template-columns:1fr}.create-preview{display:none}.create-form{padding:25px}.create-form h3{font-size:24px}.dialog.drawer{width:100%}.drawer .dialog-header{min-height:63px;padding:16px 20px}.drawer-summary{gap:10px;padding:14px 20px}.drawer-summary .small-text{font-size:9px}.drawer-tabs{gap:22px;padding:0 20px}.drawer-tabs>button{gap:6px;font-size:10px}.drawer-tabs>button svg{width:13px;height:13px}.drawer-content{padding:25px 20px 35px}.drawer-content>.flow{gap:8px;padding:18px 13px}.drawer-content>.flow.compact .flow-point small{font-size:7px}.drawer-content>.flow.compact .flow-point>span:not(.service-icon){font-size:9px}.drawer-content>.flow.compact .flow-wire i{width:10px}.drawer-intro h3{font-size:19px}.drawer-intro p{font-size:10px}.setup-step{gap:12px}.setup-step p{font-size:10px}.setup-step h4{font-size:11px}.setup-step .button.primary{font-size:10px}.endpoint-field code{font-size:8px}.test-callout{flex-wrap:wrap;gap:12px;padding:16px}.test-callout>div{min-width:200px}.test-callout strong{font-size:10px}.test-callout>.button{margin-left:32px}.inline-note{font-size:9px}.toast{padding:11px 12px;font-size:10px;bottom:85px;right:16px}.drawer-backdrop~.toast{bottom:20px}.security-grid>div:last-child{display:block}.security-grid .form-two-cols{grid-template-columns:1fr;gap:0}.guide-grid{gap:15px}.guide-step{padding:20px}.guide-step p{font-size:10px}.guide-flow{padding:23px 15px}.guide-flow .flow{justify-content:space-between;gap:10px}.guide-flow .flow-wire i{width:20px}.guide-flow .flow-point>span:not(.service-icon){font-size:10px}.guide-flow .flow-point small{font-size:7px}.panel{padding:23px}.security-status-row{font-size:10px}.history-controls{margin-top:23px}.delivery-list .delivery-table-head{display:none}.delivery-list .delivery-row,.compact-list .delivery-row{grid-template-columns:minmax(0,1fr) 108px 25px;gap:8px;padding:15px 12px}.delivery-list .delivery-date,.compact-list .delivery-date{grid-area:2/1;margin-top:-3px;padding-left:40px;font-size:8px}.delivery-list .delivery-row>.icon-button{grid-area:1/3/3}.delivery-list .delivery-status{grid-area:1/2/3;font-size:8px}.delivery-name strong,.compact-list .delivery-name strong{font-size:10px}.delivery-name button{font-size:8px}.delivery-details{padding:15px 15px 16px 50px}.select-label{font-size:9px}.select-label select{min-width:140px;font-size:9px}.delivery-icon{width:29px;height:29px}.delivery-name{gap:9px}.login-page{min-height:100svh}.login-top{padding:25px}.login-top .brand{font-size:28px}.login-top>.subtle-label{letter-spacing:1px;font-size:7px}.login-grid{grid-template-columns:1fr;gap:32px;width:min(430px,100% - 40px);margin:0 auto;padding:5px 0 35px}.login-story{display:none}.login-card{border-radius:13px;margin-top:20px;padding:28px}.login-card h2{font-size:25px}.login-card>p{font-size:11px}.login-card>.eyebrow{font-size:8px}.login-card .login-security{gap:6px;font-size:8px;line-height:1.8}.login-footer{margin-top:auto;padding:15px 25px 24px;font-size:8px}.login-footer>span:last-child{display:none}.login-symbol{margin-bottom:23px}.recovery-grid code{font-size:11px}.form-two-cols{gap:14px}.message-preview{padding:15px 12px}.discord-author{font-size:10px}.preview-disclaimer{padding-left:0;font-size:7px;line-height:1.9}.message-form .form-two-cols{grid-template-columns:1fr;gap:0}.checkbox-row{gap:18px}.checkbox-row label{font-size:10px}}@media (width<=380px){.main-content{padding-left:15px;padding-right:15px}.page-heading h1{font-size:25px}.page-heading p{font-size:9px}.page-heading>.button{gap:4px;padding:9px;font-size:8px}.route-strip>.flow.compact .flow-point small,.route-strip>.flow.compact .flow-wire i{display:none}.route-strip>div:first-child p{font-size:7px}.cards-grid{grid-template-columns:1fr}.card-bottom{flex-direction:row}.card-top .status-badge{font-size:8px}.connection-card{min-height:175px}.auto-update{display:none}.search-field{width:150px}.drawer-tabs{gap:17px;padding:0 15px}.drawer-tabs>button{font-size:9px}.drawer-tabs>button svg{width:12px;height:12px}.drawer-content{padding:23px 15px}.drawer-content>.flow.compact .flow-point small,.drawer-content>.flow.compact .flow-wire i{display:none}.form-two-cols{grid-template-columns:1fr;gap:0}.delivery-list .delivery-row{grid-template-columns:minmax(0,1fr) 95px 22px}.delivery-list .delivery-status{font-size:7px}.compact-list .delivery-row{gap:6px}.login-card{padding:23px}.login-footer{font-size:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mobile-logout{display:none}@media (width<=700px){.mobile-logout{display:inline-flex}.route-strip>.flow.compact .flow-point,.drawer-content>.flow.compact .flow-point{flex-direction:column;gap:8px}.route-strip>.flow.compact .flow-point small,.drawer-content>.flow.compact .flow-point small{display:none}.route-strip>.flow.compact .flow-wire,.drawer-content>.flow.compact .flow-wire{margin-top:-17px}.route-strip>.flow.compact{padding:0 9px}.card-top .status-badge{font-size:8px}.card-destination,.card-bottom>span{font-size:9px}}