:root{color-scheme:dark;--bg:#202020;--panel:#2b2b2b;--field:#222;--text:#e6e6e6;--muted:#a8a8a8;--line:#444;--orange:#e17d32;--green:#95cba4;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);background:var(--bg);font-size:14px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--orange)}button{cursor:pointer;border:1px solid #505050;border-radius:6px;background:#393939;padding:9px 13px;transition:background .14s,color .14s}button:hover:not(:disabled){background:#484848}button:disabled{opacity:.55;cursor:wait}a{color:#f4ae78;text-underline-offset:3px}input,select{background:var(--field);border:1px solid #555;border-radius:6px;padding:11px 12px;min-width:0}.topbar{height:76px;display:flex;align-items:center;gap:18px;padding:0 max(28px,calc((100vw - 1400px)/2));background:#252525;border-bottom:1px solid #3c3c3c}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);font-size:19px;font-weight:650;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--orange);color:#202020;font-size:16px;letter-spacing:-1px}.brand-caption{display:block;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.4px;margin-top:1px}.test-label{font-size:10px;letter-spacing:1.2px;color:#b5b5b5;border:1px solid #515151;padding:4px 7px;border-radius:4px}.header-status{margin-left:auto;color:#bcbcbc;font-size:12px;display:flex;align-items:center;gap:9px}.dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;flex-shrink:0}.dot.muted{background:#858585}main{max-width:1456px;margin:auto;padding:35px 28px 18px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--orange);margin:0 0 11px}h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.4px;margin:0 0 12px;font-weight:580}.lead{color:#b6b6b6;font-size:14px;line-height:1.6;margin:0}.version-tag{color:#888;font-size:11px;align-self:flex-start;padding-top:5px}.tabs{display:flex;gap:23px;border-bottom:1px solid #464646;margin-bottom:19px}.tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--muted);padding:12px 1px 13px;display:flex;gap:10px;align-items:center}.tab.active{color:var(--text);border-bottom-color:var(--orange)}.tab:hover:not(:disabled){background:none;color:#fff}.panel{background:var(--panel);border:1px solid #454545;border-radius:10px;overflow:hidden}.preview-workspace{display:grid;grid-template-columns:190px minmax(350px,1fr) 310px;gap:15px;align-items:start}.panel-heading{min-height:48px;border-bottom:1px solid #444;display:flex;align-items:center;gap:9px;padding:13px 16px;font-size:12px;font-weight:600}.count{font-size:10px;background:#404040;color:#c7c7c7;border-radius:5px;padding:3px 6px}.menu-list{padding:8px}.menu-button{display:flex;align-items:center;gap:9px;width:100%;background:none;border:1px solid transparent;padding:12px 9px;text-align:left;font-size:12px}.menu-button.active{background:#49362a;border-color:#735037;color:#ffbf8e}.menu-symbol{font-size:15px;color:#a7a7a7}.side-note{margin:15px 16px 18px;padding-top:18px;border-top:1px solid #444}.small-label{font-size:10px;letter-spacing:1px;color:var(--muted);font-weight:500}.side-note p{color:var(--muted);font-size:11px;line-height:1.7;margin-bottom:0}.preset-title{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:20px 20px 14px}.preset-title h2{font-size:19px;font-weight:550;letter-spacing:-.4px;margin:8px 0 0}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;background:#3a332d;color:#e8ae83;border:1px solid #63503f;font-size:10px;padding:5px 7px}.badge.neutral{color:#bbb;background:#373737;border-color:#555}.badge.connected{color:#b6dfbf;background:#293e30;border-color:#4a7356}.menu-meta{display:flex;justify-content:space-between;gap:10px;padding:0 20px 14px;font-size:11px;color:#aaa}.radial-wrap{padding:0 16px 16px}.radial{height:258px;position:relative;background:radial-gradient(circle at 50% 50%,#313131 0,transparent 62%),#242424;border:1px solid #414141;border-radius:8px;overflow:hidden}.radial:before,.radial:after{content:'';position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #363636;border-radius:50%;width:118px;height:118px}.radial:after{width:216px;height:216px;border-style:dashed}.radial-slot{position:absolute;width:42%;height:34px;display:flex;gap:7px;align-items:center;background:#3b3b3b;border:1px solid #515151;font-size:11px;text-align:left;padding:0 9px;z-index:1;overflow:hidden}.radial-slot span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radial-slot.selected{border-color:#d38b55;background:#5a3e2a}.radial-slot[data-position='N'],.radial-slot[data-position='S']{left:28%;width:44%}.radial-slot[data-position='N']{top:14px}.radial-slot[data-position='S']{bottom:14px}.radial-slot[data-position='NW']{left:3%;top:61px}.radial-slot[data-position='NE']{right:3%;top:61px}.radial-slot[data-position='W']{left:3%;top:112px}.radial-slot[data-position='E']{right:3%;top:112px}.radial-slot[data-position='SW']{left:3%;bottom:61px}.radial-slot[data-position='SE']{right:3%;bottom:61px}.radial-center{position:absolute;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;font-size:10px;color:#dba780;background:#3a3029;border:1px solid #71533b;z-index:1}.slot-icon{color:#e6ac80;font-size:14px}.list-heading{border-top:1px solid #414141;padding:11px 20px;background:#292929;font-size:11px;display:flex;justify-content:space-between}.list-heading span{color:#929292;font-size:10px}.row-list{padding:0 10px 9px}.preset-row{display:grid;grid-template-columns:25px minmax(0,1fr) 20px;width:100%;border:0;border-radius:4px;background:none;text-align:left;padding:9px 10px;font-size:12px}.preset-row.selected{background:#434343;box-shadow:inset 2px 0 var(--orange)}.preset-row.child{padding-left:30px}.row-arrow{color:#aaa;text-align:right}.snapshot-footer{padding:11px 16px;border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#999}.text-button{border:0;background:none;color:#e2ab83;padding:4px 0;font-size:11px}.text-button:hover:not(:disabled){background:none;color:#ffd1ac}.row-details{padding:19px}.row-details h3{margin:0 0 6px;font-size:18px;font-weight:550;letter-spacing:-.4px}.row-kind{font-size:10px;color:#b2b2b2;margin-bottom:23px}.detail-label{display:block;font-size:10px;color:#aaa;margin:18px 0 7px}.detail-value{margin:0;padding:10px;background:#232323;border:1px solid #414141;border-radius:5px;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.detail-value.mono{font-family:Consolas,monospace}.detail-note{color:#999;font-size:11px;line-height:1.65;margin:20px 0 0}.properties-list{margin:0}.properties-list div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid #3c3c3c;font-size:11px}.properties-list dt{color:#aaa}.properties-list dd{margin:0;overflow-wrap:anywhere}.connection-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.8fr);gap:18px;align-items:start}.connection-card{padding:26px}.connection-heading{display:flex;align-items:center;gap:13px}.connection-heading h2{margin:5px 0 0;font-size:23px;font-weight:550;letter-spacing:-.7px}.connection-heading .small-label{margin:0}.connection-heading .badge{margin-left:auto}.connection-icon{display:grid;place-items:center;width:43px;height:43px;font-size:24px;background:#3b3029;color:#e9aa78;border:1px solid #715137;border-radius:12px}.connection-copy{font-size:12px;color:#b0b0b0;line-height:1.8;max-width:570px;margin:21px 0 25px}label{display:block;font-size:11px;color:#c5c5c5;margin-bottom:9px}.pairing-line{display:flex;gap:9px}.pairing-line input{flex:1;min-width:0;font-family:Consolas,monospace;font-size:12px}.primary{color:#242424;background:var(--orange);border-color:var(--orange);font-weight:600;white-space:nowrap}.primary:hover:not(:disabled){background:#f09a58}.connection-message{font-size:11px;color:#aaa;line-height:1.7;min-height:19px;margin:11px 0}.connection-message.error{color:#f1a0a0}.connection-message.success{color:#acd7b7}.connection-actions{display:flex;gap:12px;align-items:center}.muted-text{font-size:11px;color:#aaa;line-height:1.7}.live-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:25px 0;padding:18px 0;border-top:1px solid #484848;border-bottom:1px solid #484848}.live-facts strong{display:block;font-size:13px;line-height:1.6;margin-top:8px;overflow-wrap:anywhere;font-weight:500}.connection-card select{width:100%;font-size:12px}.operator-heading{display:flex;gap:10px;align-items:center;margin-top:20px}.operator-heading h3{font-size:16px;margin:0;font-weight:550}.operator-properties{display:grid;gap:8px;margin-top:14px}.operator-property{border:1px solid #414141;background:#252525;border-radius:6px;padding:12px}.operator-property header{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.operator-property header span{font-family:Consolas,monospace;font-size:9px;color:#b2b2b2}.operator-property p{font-size:11px;color:#aaa;line-height:1.6;margin:7px 0}.operator-property code{font-size:10px;overflow-wrap:anywhere;color:#e6b28a}.setup-card{padding:25px}.setup-card h2{font-size:21px;font-weight:550;letter-spacing:-.5px;margin:10px 0 23px}.setup-card ol{padding-left:18px;margin:0}.setup-card li{font-size:12px;color:#bebebe;line-height:1.8;padding-left:5px;margin-bottom:18px}.setup-card code{display:block;font-size:10px;overflow-wrap:anywhere;background:#222;padding:9px;margin-top:9px;border-radius:5px;color:#d4d4d4}.setup-footnote{border-top:1px solid #444;padding-top:17px;color:#999;font-size:11px;line-height:1.8}details{border-top:1px solid #444;margin-top:17px;padding-top:15px;font-size:11px;color:#aaa;line-height:1.8}summary{color:#c9c9c9;cursor:pointer}.page-footer{display:flex;justify-content:space-between;gap:12px;color:#858585;font-size:10px;padding-top:23px;margin-top:5px}@media(min-width:1550px){main{padding-top:44px}.intro{margin-bottom:34px}}@media(max-width:1130px){.preview-workspace{grid-template-columns:160px minmax(320px,1fr) 260px;gap:11px}.row-details{padding:15px}.preset-title{padding:17px 15px 14px}.connection-heading{flex-wrap:wrap}.connection-heading .badge{margin-left:0}.connection-workspace{grid-template-columns:minmax(0,1fr) 300px}.connection-card,.setup-card{padding:20px}}@media(max-width:900px){main{padding:28px 18px 16px}.topbar{padding:0 20px}.preview-workspace{grid-template-columns:150px minmax(0,1fr)}.inspector{grid-column:1/-1}.row-details{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.row-details h3,.row-details .row-kind,.detail-note{grid-column:1/-1}.connection-workspace{grid-template-columns:1fr}.setup-card ol{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}@media(max-width:570px){.topbar{height:65px;padding:0 15px;gap:10px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.test-label{font-size:8px}.header-status{font-size:0;gap:0}.intro{margin-bottom:20px}.lead{font-size:12px}.version-tag{display:none}.eyebrow{font-size:9px}.tabs{gap:20px;font-size:12px}.preview-workspace{grid-template-columns:1fr}.menu-panel .panel-heading,.side-note{display:none}.menu-list{display:flex;padding:7px;gap:5px}.menu-button{width:auto;flex:1;padding:9px;font-size:11px}.radial{height:253px}.inspector{grid-column:auto}.row-details{display:block}.preset-title h2{font-size:17px}.menu-meta{font-size:10px;padding:0 15px 14px}.snapshot-footer{flex-wrap:wrap}.connection-card,.setup-card{padding:18px}.connection-heading h2{font-size:21px}.pairing-line{flex-direction:column}.pairing-line button{align-self:flex-start}.live-facts{gap:10px;grid-template-columns:1fr 1fr}.live-facts>div:last-child{grid-column:1/-1}.setup-card ol{display:block}.page-footer{flex-direction:column;gap:7px;font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
:root .connect-control{display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:8px 10px;white-space:nowrap}.connect-control:disabled{cursor:wait}@media(max-width:650px){.test-label,.header-status{display:none}.topbar{gap:12px}.connect-control{margin-left:auto}}
 .account-section{margin:24px 0;padding-top:18px;border-top:1px solid var(--border,#303744)}
.profile-area { margin-left: auto; position: relative; }
.profile-area > button { white-space: nowrap; }
.profile-panel {
  position: absolute;
  right: 0;
  top: calc(100% + 8px);
  width: min(250px, 70vw);
  z-index: 2;
  padding: 14px;
  display: grid;
  gap: 8px;
  box-shadow: 0 8px 24px #0007;
}
.profile-panel p { margin: 0 0 5px; overflow-wrap: anywhere; }
.beta-sign-in { max-width: 540px; margin: 28px auto; }
.beta-sign-in-link {
  display: inline-block;
  margin-top: 20px;
  padding: 9px 14px;
  background: var(--orange);
  color: #202020;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 650;
}
.auth-form { display: grid; gap: 12px; margin: 16px 0; }
.auth-form label { display: grid; gap: 6px; }
.auth-form .beta-sign-in-link { justify-self: start; margin-top: 3px; }
.auth-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }