:root{color:#dae1df;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101816;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0}header{border-bottom:1px solid #2b3833;justify-content:space-between;align-items:center;height:86px;padding:0 5vw;display:flex}.brand{letter-spacing:.12em;color:#f1f4ed;font-size:18px;font-weight:750;text-decoration:none}.badge,.eyebrow{letter-spacing:.15em;color:#a6c8b7;font-size:11px}.badge{border:1px solid #3a5045;border-radius:30px;padding:9px 12px}main{max-width:1440px;margin:auto;padding:54px 5vw}h1{letter-spacing:-.04em;margin:12px 0 14px;font-size:clamp(34px,4vw,54px);font-weight:500}.intro p{color:#a0aea7;max-width:670px;font-size:16px;line-height:1.6}.workspace{grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);gap:32px;margin-top:38px;display:grid}.screen{aspect-ratio:16/9;background:radial-gradient(#23332b,#080e0b 70%);border:1px solid #34443b;border-radius:12px;position:relative;overflow:hidden}video{object-fit:contain;width:100%;height:100%}.screen-label{color:#adc2b4;letter-spacing:.15em;pointer-events:none;font-size:10px;position:absolute;top:18px;left:18px}.transport{justify-content:space-between;align-items:center;gap:15px;margin:15px 0;font-size:12px;display:flex}.transport>span{color:#c2d4c9;line-height:1.5}.transport>div{flex-shrink:0;gap:8px;display:flex}button{cursor:pointer;font:inherit;color:#d4e6db;background:#17291d;border:1px solid #3c5043;border-radius:6px;padding:10px 12px}button:hover{background:#284332}button:disabled{opacity:.5;cursor:wait}.capabilities{color:#829b8a;font-size:11px;line-height:1.7}form{background:#17211c;border:1px solid #344239;border-radius:12px;padding:27px}h2{margin:0 0 24px;font-size:18px;font-weight:550}label{color:#bdcec3;margin-top:18px;font-size:12px;display:block}input,select{color:#e1ece3;width:100%;font:inherit;background:#101913;border:1px solid #3b4e40;border-radius:6px;margin-top:8px;padding:12px;font-size:13px;display:block}input:focus,select:focus,button:focus-visible{outline-offset:2px;outline:2px solid #b6df97}.check{align-items:center;gap:8px;font-size:11px;line-height:1.4;display:flex}.check input{width:15px;margin:0}.primary{color:#192916;background:#c7e6a7;border:0;justify-content:space-between;width:100%;margin-top:24px;font-weight:650;display:flex}.primary:hover{background:#d5efba}.note{color:#8aa190;margin-top:18px;font-size:11px;line-height:1.6}footer{border-top:1px solid #2b3833;align-items:baseline;gap:25px;margin-top:42px;padding-top:24px;font-size:12px;display:flex}footer strong{white-space:nowrap;font-weight:500}footer p{color:#85998c;max-width:680px;margin:0;line-height:1.7}@media (width<=900px){.workspace{grid-template-columns:1fr}form{max-width:600px}main{padding-top:35px}footer{display:block}footer p{margin-top:10px}}@media (width<=500px){.transport{flex-direction:column;align-items:flex-start}.badge{font-size:9px}.intro p{font-size:14px}}.sync-workspace{border-top:1px solid #344239;margin-top:48px;padding-top:32px}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.section-heading h2{margin:10px 0;font-size:28px}.sync-layout{grid-template-columns:1fr 1.1fr 1fr;align-items:start;gap:24px;margin-top:24px;display:grid}h3{margin:0 0 16px;font-size:15px;font-weight:550}.sync-layout form{padding:22px}.sync-layout label:first-of-type{margin-top:0}.source-list{max-height:400px;overflow:auto}.source-row{overflow-wrap:anywhere;border:1px solid #344239;border-radius:7px;align-items:start;gap:10px;padding:12px;display:flex}.source-row input{flex:none;width:16px;margin:1px 0 0}.source-row small{color:#8aa190;margin-top:7px;font-size:11px;line-height:1.5;display:block}.fields{grid-template-columns:1fr 1fr;align-items:end;gap:12px;margin:18px 0;display:grid}.fields label{margin:0}details{border-top:1px solid #344239;margin-top:24px;padding-top:18px}summary{cursor:pointer;font-size:13px}details button{margin-top:16px}.observed{overflow-wrap:anywhere;border:1px solid #344239;border-radius:10px;padding:18px}.alignment-state{color:#c7e6a7;margin:0;font-size:20px}.measurement{border-top:1px solid #344239;margin-top:14px}.measurement p{margin:9px 0}.sender-panel{border-top:1px solid #344239;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:18px;margin-top:32px;padding-top:24px;display:grid}.sender-panel .note{margin:8px 0 0}#sender-status{grid-column:1/-1}#sync-status{color:#c2d4c9;font-size:13px;line-height:1.6}[hidden]{display:none!important}@media (width<=1100px){.sync-layout{grid-template-columns:1fr 1fr}.sync-layout>div:last-child{grid-column:1/-1}.sender-panel{grid-template-columns:1fr 1fr}}@media (width<=650px){.sync-layout,.sender-panel{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.sync-layout>div:last-child{grid-column:auto}}.setup-details{max-width:850px}.setup-details ol{padding-left:1.5rem;line-height:1.65}.setup-details input{font-family:ui-monospace,monospace;font-size:.8rem}