.join-algorithms-page{overflow:hidden;background:#f4f6f7}.join-algorithms-page main{height:100dvh;min-height:52rem}.join-noscript{width:min(100%,76rem);margin:0 auto;padding:32px 20px 64px;overflow-wrap:anywhere}.join-noscript-sql{max-width:100%;overflow-wrap:anywhere;white-space:pre-wrap}.join-noscript-table-scroll{max-width:100%;overflow-x:auto}.join-noscript-table-scroll table{min-width:760px;border-collapse:collapse}.join-noscript-table-scroll th,.join-noscript-table-scroll td{padding:8px 10px;border:1px solid #d8dde1;text-align:left}.join-noscript-checksum{word-break:break-all}.join-noscript>section{padding-block:22px;border-bottom:1px solid #d8dde1}.join-noscript>section:last-child{border-bottom:0}.join-noscript h1{margin:8px 0 12px;font-size:32px;line-height:1.25;letter-spacing:0}.join-noscript h2{margin:0 0 14px;font-size:22px;letter-spacing:0}.join-noscript h3{margin:18px 0 10px;font-size:17px}.join-noscript h4{margin:0;font-size:15px}.join-noscript p{max-width:72ch;color:#46525a;line-height:1.65}.join-noscript-eyebrow{margin:0;color:#0d6d4d!important;font-size:13px;font-weight:800}.join-noscript-facts,.join-noscript-boundaries{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:14px 0;background:#d8dde1}.join-noscript-facts>div,.join-noscript-boundaries>div{display:grid;min-width:0;gap:5px;padding:12px 14px;background:#fff}.join-noscript-facts dt,.join-noscript-boundaries dt{color:#657078;font-size:13px;font-weight:800}.join-noscript-facts dd,.join-noscript-boundaries dd{min-width:0;margin:0;overflow-wrap:anywhere}.join-noscript-variant{padding:6px 0 12px}.join-noscript-table-scroll table{width:100%;min-width:920px}.join-noscript-table-scroll caption{padding:10px 0;color:#46525a;font-weight:750;text-align:left}.join-noscript-table-scroll td code{display:block;max-width:52ch;overflow-wrap:anywhere;white-space:normal}.join-noscript-table-scroll td small{display:block;margin-top:4px;color:#657078}.join-noscript-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;background:#d8dde1;list-style-position:inside}.join-noscript-steps li{padding:14px;background:#fff}.join-noscript-steps p{margin-bottom:0;font-size:14px}@media(max-width:760px){.join-noscript h1{font-size:26px}.join-noscript-facts,.join-noscript-boundaries,.join-noscript-steps{grid-template-columns:minmax(0,1fr)}}.join-workbench-shell{display:grid;width:100%;height:100%;min-width:0;grid-template-columns:210px minmax(400px,.95fr) minmax(470px,1.12fr) minmax(350px,.8fr);grid-template-rows:58px 252px minmax(0,1fr) 100px;overflow:hidden;background:#f4f6f7;color:#171a1d;font-size:14px}.join-global-bar{z-index:20;display:grid;grid-column:1 / -1;grid-row:1;grid-template-columns:210px minmax(0,1fr) auto auto;align-items:center;border-bottom:1px solid #d8dde1;background:#fff}.join-brand{display:flex;align-self:stretch;align-items:center;gap:10px;padding:0 15px;border-right:1px solid #d8dde1;color:inherit;text-decoration:none}.join-brand>span{display:grid;width:30px;height:30px;place-items:center;border:1px solid #0e7a55;border-radius:5px;color:#0e7a55}.join-brand strong{font-size:16px}.join-title-group{display:flex;min-width:0;align-items:baseline;gap:13px;padding:0 19px}.join-title-group h1{flex:none;margin:0;font-size:17px;letter-spacing:0}.join-title-group span{min-width:0;overflow:hidden;color:#606970;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.join-capture-identity{display:flex;align-items:center;gap:8px;padding:0 15px;font-size:13px}.join-capture-identity i{width:8px;height:8px;border-radius:50%;background:#0e7a55}.join-capture-identity span{color:#69737a}.join-locale-link{display:grid;align-self:stretch;place-items:center;padding:0 16px;border-left:1px solid #d8dde1;color:#263039;font-size:13px;font-weight:750;text-decoration:none}.join-lesson-rail{display:flex;grid-column:1;grid-row:2 / 4;min-height:0;flex-direction:column;border-right:1px solid #d8dde1;background:#fff}.join-rail-heading{display:grid;gap:5px;padding:19px 16px 16px;border-bottom:1px solid #e6eaed}.join-rail-heading span,.join-variants>span,.join-rail-source>span{color:#657078;font-size:13px;font-weight:800}.join-rail-heading strong{font-size:16px}.join-lesson-rail nav{padding:10px 8px}.join-lesson-rail ol{display:grid;gap:3px;margin:0;padding:0;list-style:none}.join-lesson-rail li{border-left:3px solid transparent}.join-lesson-rail li.is-active{border-left-color:#1e63d5;background:#edf4ff;color:#174ca7}.join-lesson-rail li button{display:grid;width:100%;min-height:44px;grid-template-columns:26px 24px minmax(0,1fr);align-items:center;padding:0 8px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.join-lesson-rail li button>span{font-size:13px;font-variant-numeric:tabular-nums}.join-lesson-rail li button strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.join-variants{display:grid;gap:7px;padding:14px 11px;border-top:1px solid #e6eaed}.join-variants>span{margin-bottom:2px}.join-variants button{display:grid;min-height:59px;grid-template-columns:24px minmax(0,1fr);gap:3px 7px;align-items:center;padding:8px 9px;border:1px solid #d8dde1;border-radius:5px;background:#fff;color:#4f5961;text-align:left;cursor:pointer}.join-variants button svg{grid-row:1 / 3;color:#66717a}.join-variants button span{font-size:14px;font-weight:750}.join-variants button small{overflow:hidden;color:#69737a;font:13px/1.35 SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.join-variants button.is-active{border-color:#1e63d5;box-shadow:0 0 0 2px #dce9ff;color:#174ca7}.join-variants button.is-active svg{color:#1e63d5}.join-rail-source{display:grid;gap:5px;margin-top:auto;padding:14px 15px 16px;border-top:1px solid #e6eaed}.join-rail-source>span{color:#0e7a55}.join-rail-source strong{font-size:13px}.join-rail-source code{color:#606970;font-size:13px}.join-workbench-shell>.sql-source{grid-column:2;grid-row:2;min-width:0;border-right:1px solid #d8dde1;border-bottom:1px solid #d8dde1}.join-workbench-shell .panel-heading{min-height:50px;padding:9px 16px}.join-workbench-shell .panel-kicker{color:#657078;font-size:13px;font-weight:800}.join-workbench-shell .panel-heading h2{font-size:15px}.join-workbench-shell .sql-source-meta{font-size:13px}.join-workbench-shell .sql-source pre{height:calc(100% - 50px);padding:12px 18px 14px;font:15px/1.58 SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.join-workbench-shell .sql-source mark{border-radius:2px}.join-plan{position:relative;grid-column:2;grid-row:3;min-width:0;min-height:0;border-right:1px solid #d8dde1;background:#fafbfc}.join-plan .plan-canvas{width:100%;height:100%;border-right:0}.join-plan .react-flow-canvas{height:calc(100% - 50px)}.join-plan .frame-counter{color:#1e63d5;font-size:13px;font-weight:800}.join-workbench-shell .plan-operator-node{width:178px;min-height:122px;padding:12px}.join-workbench-shell .plan-operator-heading strong{overflow:visible;font-size:14px;line-height:1.4;text-overflow:clip;white-space:normal}.join-workbench-shell .plan-operator-node p{margin:8px 0 7px;font-size:14px;line-height:1.45}.join-workbench-shell .plan-operator-node code{font:14px/1.48 SFMono-Regular,Consolas,monospace;-webkit-line-clamp:2}.join-workbench-shell .plan-model-badge{font-size:13px}.join-workbench-shell .react-flow__controls-button{width:32px;height:32px}.join-fit-view{position:absolute;z-index:10;top:9px;right:76px;display:grid;width:34px;height:34px;place-items:center;border:1px solid #cfd5da;border-radius:5px;background:#fff;color:#3d4850;cursor:pointer}.join-fit-view:hover{border-color:#1e63d5;color:#174ca7}.join-lens{display:grid;grid-column:3;grid-row:2 / 4;min-width:0;min-height:0;grid-template-rows:78px 54px auto minmax(0,1fr);overflow:hidden;border-right:1px solid #d8dde1;background:#fff}.join-lens-summary{display:grid;grid-template-columns:1.15fr repeat(3,.85fr);border-bottom:1px solid #d8dde1}.join-lens-summary>div{display:grid;min-width:0;align-content:center;gap:3px;padding:10px 12px;border-right:1px solid #e6eaed}.join-lens-summary>div:last-child{border-right:0}.join-lens-summary span{color:#657078;font-size:13px;font-weight:800}.join-lens-summary strong{overflow:hidden;font-size:16px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.join-lens-summary small{overflow:hidden;color:#657078;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.join-lens-summary>div:nth-child(4) strong{color:#0e7a55}.join-frame-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid #e6eaed;background:#fafbfc}.join-frame-heading>div{display:grid;gap:3px}.join-frame-heading>div>span{color:#657078;font-size:13px;font-weight:800}.join-panel-title{font-size:14px;text-transform:capitalize}.join-source-tag{display:inline-flex;align-items:center;min-height:25px;padding:3px 7px;border:1px solid #cfe4db;border-radius:4px;background:#f0faf6;color:#0d6d4d;font-size:13px;font-weight:750;white-space:nowrap}.join-source-tag.is-model{border-color:#dfd5ef;background:#f8f4fc;color:#6d3f91}.join-side-flow{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) minmax(0,.9fr);gap:8px;align-items:stretch;padding:10px 12px;border-bottom:1px solid #e6eaed;background:#f8fafb}.join-side-flow-entry{display:grid;min-width:0;grid-template-columns:22px minmax(0,1fr);gap:3px 6px;align-content:center;padding:8px 9px;border-left:3px solid #1e63d5;background:#fff}.join-side-flow-entry>svg{grid-row:1 / 3;color:#1e63d5}.join-side-flow-entry>span{color:#657078;font-size:13px;font-weight:800}.join-side-flow-entry>strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.join-side-flow-entry dl{display:flex;grid-column:1 / -1;gap:8px;margin:6px 0 0}.join-side-flow-entry dl div{display:grid;min-width:0;gap:2px}.join-side-flow-entry dt{color:#657078;font-size:13px}.join-side-flow-entry dd{margin:0;font:13px/1.3 SFMono-Regular,Consolas,monospace;font-weight:750}.join-side-flow-entry.is-output{border-left-color:#0e7a55}.join-side-flow-entry.is-output svg{color:#0e7a55}.join-side-flow-entry.is-output>dl{justify-content:space-between}.join-flow-arrow{align-self:center;color:#7b858c}.join-detail-stage{min-width:0;min-height:0;overflow:hidden}.join-detail{display:grid;height:100%;min-height:0;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.join-detail-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px 10px}.join-detail-header>div{display:grid;min-width:0;gap:4px}.join-detail-header>div>span{color:#657078;font-size:13px;font-weight:800}.join-detail-header h2{margin:0;font-size:16px}.join-table-summary,.join-pair-summary{display:flex;min-width:0;align-items:center;gap:12px;padding:8px 15px;border-top:1px solid #eef0f2;border-bottom:1px solid #eef0f2}.join-table-summary strong,.join-pair-summary strong{color:#174ca7;font-size:15px}.join-table-summary span,.join-pair-summary span{color:#46525a;font-size:14px}.join-table-summary small{margin-left:auto;color:#657078;font-size:13px}.join-pair-summary svg{color:#0e7a55}.join-pair-summary small{margin-left:auto;color:#657078;font-size:13px;white-space:nowrap}.join-table-scroll{max-width:100%;min-height:0;overflow-x:auto;overflow-y:auto}.join-data-table{width:100%;min-width:620px;border-collapse:collapse;font-size:14px}.join-data-table th{position:sticky;z-index:2;top:0;padding:9px 11px;border-bottom:1px solid #d8dde1;background:#f2f5f6;color:#4d5961;font-size:14px;text-align:left}.join-data-table td{padding:9px 11px;border-bottom:1px solid #edf0f2;font:14px/1.45 SFMono-Regular,Consolas,monospace;white-space:nowrap}.join-data-table tr[data-row-state=current]{background:#edf4ff}.join-data-table tr[data-row-state=passed],.join-data-table tr[data-row-state=joined],.join-data-table tr[data-row-state=returned]{background:#f0faf6}.join-data-table tr[data-row-state=rejected]{background:#fff5f3;color:#884236}.join-row-state{display:inline-flex;min-height:23px;align-items:center;padding:2px 6px;border-radius:4px;background:#edf1f3;color:#4c5860;font:13px/1.3 system-ui,sans-serif}.join-row-state.is-current{background:#dce9ff;color:#174ca7}.join-row-state.is-passed,.join-row-state.is-joined,.join-row-state.is-returned{background:#dff3ea;color:#0d6d4d}.join-row-state.is-rejected{background:#fce7e3;color:#994437}.join-table-note{margin:0;padding:8px 15px 11px;border-top:1px solid #edf0f2;color:#657078;font-size:13px}.join-key-detail{grid-template-rows:auto minmax(0,1fr)}.join-key-readout{display:grid;grid-template-columns:32px minmax(0,1fr) 24px minmax(0,1fr);gap:12px;align-items:center;margin:4px 15px 16px;padding:24px;border:1px solid #d8dde1;background:#fafbfc}.join-key-readout>svg:first-of-type{color:#6d3f91}.join-key-readout>div{display:grid;gap:5px}.join-key-readout span{color:#657078;font-size:13px;font-weight:750}.join-key-readout strong{overflow-wrap:anywhere;font:15px/1.4 SFMono-Regular,Consolas,monospace}.join-key-readout>.join-key-source{grid-column:1 / -1;justify-self:start;color:#6d3f91}.join-pair-detail{grid-template-rows:auto auto auto minmax(0,1fr) auto}.join-pair-detail .join-key-readout{margin-top:10px;margin-bottom:10px;padding:13px 16px}.join-frame-summary{grid-template-rows:auto minmax(0,1fr)}.join-frame-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;margin:0;padding:14px 15px}.join-frame-facts>div{display:grid;min-width:0;gap:5px;padding:12px;border-right:1px solid #e6eaed;border-bottom:1px solid #e6eaed}.join-frame-facts dt{color:#657078;font-size:14px;font-weight:750}.join-frame-facts dd{min-width:0;margin:0;font-size:14px;font-weight:750;overflow-wrap:anywhere}.join-frame-facts code{font:14px/1.45 SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.join-frame-facts small,.join-frame-count{color:#657078;font-size:13px}.join-result-detail{grid-template-rows:auto auto minmax(0,1fr)}.join-result-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;align-items:center;padding:9px 15px;border-top:1px solid #eef0f2;border-bottom:1px solid #eef0f2}.join-result-summary strong{color:#0e7a55;font-size:15px}.join-result-summary code{overflow:hidden;color:#59656d;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.join-table-scroll.is-result .join-data-table{min-width:820px}.join-inspector{display:grid;grid-column:4;grid-row:2 / 4;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr) auto minmax(0,1fr) auto;overflow:hidden;background:#fff}.join-narration{display:grid;gap:7px;padding:15px 16px;border-bottom:1px solid #d8dde1}.join-narration>span{color:#1e63d5;font-size:13px;font-weight:800;text-transform:uppercase}.join-narration h2{margin:0;font-size:16px;line-height:1.42}.join-narration p{margin:0;color:#4d5961;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.join-plan-facts,.join-frame-metrics,.join-evidence-list{min-height:0;overflow:auto;border-bottom:1px solid #e6eaed}.join-inspector-heading{position:sticky;z-index:3;top:0;display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:8px 13px;border-bottom:1px solid #e6eaed;background:#f7f9fa}.join-inspector-heading>div{display:flex;align-items:center;gap:7px}.join-inspector-heading strong{font-size:14px}.join-inspector-heading>span{color:#657078;font-size:13px}.join-native-operators{display:grid}.join-native-operators article{display:grid;gap:5px;padding:10px 13px;border-bottom:1px solid #edf0f2}.join-native-operators article>div{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.join-native-operators article span{color:#1e63d5;font-size:13px;font-weight:800;text-transform:uppercase}.join-native-operators article strong{overflow:hidden;color:#4d5961;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.join-native-operators article code{font:14px/1.48 SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;white-space:normal}.join-native-operators article small{color:#657078;font-size:13px}.join-frame-metrics>p{margin:0;padding:12px 13px;color:#657078;font-size:13px}.join-frame-metrics dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.join-frame-metrics dl div{display:grid;gap:4px;padding:10px 12px;border-right:1px solid #edf0f2;border-bottom:1px solid #edf0f2}.join-frame-metrics dt{overflow-wrap:anywhere;color:#58636b;font-size:14px}.join-frame-metrics dd{margin:0;font:15px/1.35 SFMono-Regular,Consolas,monospace;font-weight:750}.join-frame-metrics small{color:#657078;font-size:13px}.join-evidence-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:10px 12px;border-bottom:1px solid #edf0f2}.join-evidence-list article[data-active-evidence=true]{border-left:3px solid #0e7a55;background:#f2faf7}.join-evidence-list article>div{display:grid;min-width:0;gap:4px}.join-evidence-list article strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.join-evidence-list article code{overflow:hidden;color:#657078;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.join-evidence-list article>span{align-self:start;color:#0d6d4d;font-size:13px;font-weight:750;white-space:nowrap}.join-source-boundaries{display:grid;padding:10px 12px 12px;background:#f8fafb}.join-source-boundaries>div{display:grid;grid-template-columns:20px minmax(0,1fr);gap:7px;padding:5px 0}.join-source-boundaries svg{color:#0e7a55}.join-source-boundaries p{display:grid;gap:2px;margin:0;color:#59656d;font-size:13px;line-height:1.4}.join-source-boundaries strong{color:#273139}.join-timeline{display:grid;grid-column:1 / -1;grid-row:4;grid-template-columns:220px minmax(0,1fr) 90px;align-items:stretch;border-top:1px solid #d8dde1;background:#fff}.join-transport{display:grid;grid-template-columns:repeat(4,38px);place-content:center;gap:5px;border-right:1px solid #d8dde1}.join-transport button{display:grid;width:38px;height:38px;place-items:center;border:1px solid #d2d8dc;border-radius:5px;background:#fff;color:#37434b;cursor:pointer}.join-transport button:hover{border-color:#1e63d5;color:#174ca7}.join-transport .join-play-button{border-color:#1e63d5;background:#1e63d5;color:#fff}.join-events{display:grid;min-width:0;grid-template-columns:repeat(12,minmax(66px,1fr));margin:0;padding:0 10px;overflow-x:auto;list-style:none}.join-events li{position:relative;display:grid;align-items:stretch}.join-events li:before{position:absolute;top:27px;right:50%;left:-50%;height:1px;background:#d8dde1;content:""}.join-events li:first-child:before{display:none}.join-events button{z-index:1;display:grid;min-width:0;align-content:center;justify-items:center;gap:5px;border:0;background:transparent;color:#657078;cursor:pointer}.join-events button span{display:grid;width:28px;height:28px;place-items:center;border:1px solid #cfd5da;border-radius:50%;background:#fff;font-size:13px;font-weight:800}.join-events button strong{overflow:hidden;width:100%;font-size:14px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.join-events li.is-active button{color:#174ca7}.join-events li.is-active button span{border-color:#1e63d5;background:#1e63d5;color:#fff}.join-timeline-readout{display:flex;align-items:center;justify-content:center;border-left:1px solid #d8dde1;font-variant-numeric:tabular-nums}.join-timeline-readout strong{color:#174ca7;font-size:22px}.join-timeline-readout span{color:#657078;font-size:13px}@media(max-width:1430px){.join-algorithms-page{overflow:auto}.join-algorithms-page main{height:auto;min-height:100dvh}.join-workbench-shell{height:auto;min-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:58px auto 270px 640px auto auto 104px;overflow:visible}.join-global-bar{grid-column:1;grid-row:1;grid-template-columns:210px minmax(0,1fr) auto auto}.join-lesson-rail{display:grid;grid-column:1;grid-row:2;grid-template-columns:170px minmax(0,1fr) minmax(360px,.75fr);border-right:0;border-bottom:1px solid #d8dde1}.join-rail-heading{border-right:1px solid #e6eaed;border-bottom:0}.join-lesson-rail nav{align-self:center}.join-lesson-rail ol{grid-template-columns:repeat(5,minmax(0,1fr))}.join-lesson-rail li button{min-height:48px;grid-template-columns:23px 22px minmax(0,1fr)}.join-variants{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;border-left:1px solid #e6eaed}.join-variants>span{grid-column:1 / -1}.join-rail-source{display:none}.join-workbench-shell>.sql-source{grid-column:1;grid-row:3;border-right:0}.join-plan{grid-column:1;grid-row:4;border-right:0;border-bottom:1px solid #d8dde1}.join-lens{grid-column:1;grid-row:5;min-height:740px;border-right:0;border-bottom:1px solid #d8dde1}.join-inspector{grid-column:1;grid-row:6;min-height:760px}.join-timeline{position:sticky;z-index:30;bottom:0;grid-column:1;grid-row:7;grid-template-columns:210px minmax(0,1fr) 82px}}@media(max-width:760px){.join-workbench-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 340px 640px auto auto 100px}.join-global-bar{position:relative;grid-template-columns:minmax(0,1fr) auto;min-height:70px}.join-brand{border-right:0}.join-title-group{grid-column:1 / -1;grid-row:2;align-items:flex-start;flex-direction:column;gap:3px;padding:0 15px 12px}.join-title-group h1{font-size:16px}.join-title-group span{max-width:100%;white-space:normal}.join-capture-identity{display:none}.join-locale-link{grid-column:2;grid-row:1}.join-lesson-rail{grid-template-columns:minmax(0,1fr)}.join-rail-heading{padding:13px 15px;border-right:0;border-bottom:1px solid #e6eaed}.join-lesson-rail nav{overflow-x:auto}.join-lesson-rail ol{min-width:620px}.join-variants{grid-template-columns:minmax(0,1fr);border-left:0;border-top:1px solid #e6eaed}.join-workbench-shell .sql-source pre{padding-inline:14px}.join-fit-view{right:70px}.join-lens{min-height:830px;grid-template-rows:auto auto auto minmax(0,1fr)}.join-lens-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.join-lens-summary>div:nth-child(2){border-right:0}.join-lens-summary>div:nth-child(-n+2){border-bottom:1px solid #e6eaed}.join-side-flow{grid-template-columns:minmax(0,1fr)}.join-flow-arrow{transform:rotate(90deg);justify-self:center}.join-key-readout{grid-template-columns:28px minmax(0,1fr);padding:18px}.join-key-readout>svg:nth-of-type(2){transform:rotate(90deg)}.join-result-summary{grid-template-columns:minmax(0,1fr)}.join-inspector{min-height:820px}.join-frame-metrics dl{grid-template-columns:minmax(0,1fr)}.join-timeline{grid-template-columns:162px minmax(0,1fr) 58px}.join-transport{grid-template-columns:repeat(4,34px)}.join-transport button{width:34px;height:36px}.join-events{grid-template-columns:repeat(12,70px);padding-inline:5px}.join-timeline-readout strong{font-size:18px}.join-timeline-readout span{display:none}}@media(prefers-reduced-motion:reduce){.join-workbench-shell *,.join-workbench-shell *:before,.join-workbench-shell *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}