.flow-heading{max-width:680px;margin-bottom:30px}.flow-heading h1{font-size:34px;margin-bottom:8px}.flow-heading p{color:var(--muted);font-size:16px}
.device-wizard{display:grid;gap:34px}.device-wizard fieldset{padding:0;border:0;margin:0}.device-wizard legend{font-size:18px;font-weight:760;margin-bottom:13px}.choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.choice-option{position:relative;display:grid;grid-template-columns:44px 1fr;column-gap:13px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);cursor:pointer}.choice-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.choice-option input{position:absolute;opacity:0}.choice-option strong,.choice-option small{grid-column:2}.choice-option small{color:var(--muted);font-weight:500}.choice-icon{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:var(--surface-muted);font-size:13px;font-weight:800}.choice-option-disabled{opacity:.55;cursor:not-allowed}.device-name-field{max-width:480px}.wizard-actions{margin-top:16px}
.device-empty-state{text-align:center;padding:80px 20px;border-top:1px solid var(--border)}.device-empty-state h2{font-size:22px;margin-bottom:6px}.device-empty-state p{color:var(--muted);margin-bottom:20px}.device-glyph{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 15px;border-radius:11px;background:var(--surface-muted);font-size:24px;color:var(--muted)}
.devices-table{border-top:1px solid var(--border)}.devices-table-row{display:grid;grid-template-columns:minmax(250px,1fr) 150px 190px auto;gap:18px;align-items:center;min-height:76px;border-bottom:1px solid var(--border)}.device-main-link{display:flex;align-items:center;gap:13px;padding:13px 0;text-decoration:none}.device-main-link strong,.device-main-link small{display:block}.device-main-link small,.device-date{color:var(--muted);font-size:13px}.platform-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--surface-muted);font-weight:850}.connection-status{display:inline-flex;align-items:center;gap:7px;width:max-content;font-size:13px;font-weight:700;color:var(--muted)}.connection-status>span{width:8px;height:8px;border-radius:50%;background:var(--muted)}.connection-status-connected{color:#15803d}.connection-status-connected>span{background:#22c55e}.connection-status-setup>span{background:var(--primary)}
.device-detail-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:25px;border-bottom:1px solid var(--border)}.device-detail-heading h1{font-size:34px;margin:9px 0 3px}.device-detail-heading p{margin:0;color:var(--muted)}
.pairing-flow{max-width:880px}.pairing-steps{list-style:none;padding:0;margin:0}.pairing-step{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:18px;padding:30px 0;border-bottom:1px solid var(--border)}.pairing-step>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface-muted);color:var(--muted);font-weight:800}.pairing-step-active>span,.pairing-step-waiting>span{background:var(--primary);color:var(--on-primary)}.pairing-step h2{font-size:18px;margin-bottom:5px}.pairing-step p{max-width:64ch;color:var(--muted);margin-bottom:14px}.pairing-code-row{display:flex;align-items:center;gap:9px;max-width:560px}.pairing-code-row code{flex:1;padding:13px;border-radius:9px;background:var(--surface-muted);font-size:20px;font-weight:800;letter-spacing:.07em;text-align:center}.shortcut-qr{display:grid;justify-items:center;gap:8px;width:150px}.shortcut-qr svg{display:block;width:132px;height:132px;padding:7px;background:#fff}.shortcut-qr small{color:var(--muted);font-size:11px;text-align:center}.waiting-indicator{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:13px}.waiting-indicator>span{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:device-spin .9s linear infinite}@keyframes device-spin{to{transform:rotate(360deg)}}
.connected-summary{display:grid;grid-template-columns:48px 1fr;gap:17px;padding:30px 0;border-bottom:1px solid var(--border)}.connected-check{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:22px;font-weight:850}.connected-summary h2{font-size:21px;margin-bottom:5px}.connected-summary p{color:var(--muted);max-width:68ch}.connected-summary dl{display:flex;gap:30px;margin:20px 0 0}.connected-summary dl>div{display:grid}.connected-summary dt{font-size:12px;color:var(--muted)}.connected-summary dd{margin:2px 0 0;font-weight:700}.available-shortcuts{padding-top:34px}.shortcut-list{display:grid}.shortcut-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid var(--border)}.shortcut-list strong{display:block}.shortcut-list p{margin:3px 0 0;color:var(--muted)}
.choice-icon-mobile:before{content:'';width:14px;height:23px;border:2px solid currentColor;border-radius:3px}.choice-icon-desktop:before{content:'';width:23px;height:15px;border:2px solid currentColor;border-radius:2px;box-shadow:0 5px 0 -3px var(--surface-muted),0 7px 0 -2px currentColor}.form-error{padding:11px 13px;border-radius:9px;background:var(--danger-soft);color:var(--danger)}
.public-header{display:flex;align-items:center;justify-content:space-between;width:min(100% - 40px,980px);margin:0 auto;padding:22px 0}.help-doc{width:min(100% - 40px,820px);margin:0 auto;padding:56px 0 96px}.help-doc>header{max-width:720px;margin-bottom:42px}.help-doc>header h1{font-size:56px;line-height:1.04;margin-bottom:16px}.help-doc>header>p:not(.kicker){font-size:18px;color:var(--muted)}.help-doc>header .button{display:inline-block;text-decoration:none;margin-top:8px}.doc-index{display:flex;flex-wrap:wrap;gap:8px;padding:14px 0 28px;border-bottom:1px solid var(--border)}.doc-index a{padding:6px 10px;border-radius:7px;background:var(--surface-muted);text-decoration:none;font-size:13px;font-weight:700;color:var(--muted)}.help-doc>section{padding:38px 0;border-bottom:1px solid var(--border)}.help-doc>section h2{font-size:25px}.help-doc>section>p{max-width:72ch;color:var(--muted)}.help-doc pre{overflow:auto;padding:17px;border:1px solid var(--border);border-radius:10px;background:var(--surface-muted);line-height:1.55}.help-doc code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.instruction-list{display:grid;gap:18px;padding-left:24px}.instruction-list li{padding-left:6px}.instruction-list strong,.instruction-list span{display:block}.instruction-list span{color:var(--muted);margin-top:3px}.endpoint{display:flex;align-items:center;gap:10px;margin:18px 0 10px}.endpoint span{padding:4px 7px;border-radius:6px;background:var(--primary);color:var(--on-primary);font-size:11px;font-weight:850}.endpoint code{font-weight:750}.input-matrix{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:10px;overflow:hidden}.input-matrix>div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:16px;background:var(--surface)}.input-matrix span{grid-column:1/-1;color:var(--muted);font-size:14px}.input-matrix code{color:var(--accent);font-size:12px}
@media(max-width:780px){.devices-table-row{grid-template-columns:1fr auto}.device-date{display:none}.pairing-step{grid-template-columns:38px 1fr}.shortcut-qr{grid-column:2;width:150px}.device-detail-heading{align-items:start}.connected-summary dl{flex-direction:column;gap:10px}}@media(max-width:560px){.app-main{width:min(100% - 28px,980px)}.page-heading,.device-detail-heading{align-items:stretch;flex-direction:column}.page-heading .button,.device-detail-heading .button{width:100%}.devices-table-row{grid-template-columns:1fr}.devices-table-row>.button{display:none}.pairing-step{grid-template-columns:32px 1fr;gap:12px}.shortcut-qr{grid-column:1/-1;justify-self:center}.pairing-code-row{align-items:stretch;flex-direction:column}.help-doc{width:min(100% - 28px,820px);padding-top:34px}.help-doc>header h1{font-size:38px}.public-header{width:min(100% - 28px,980px)}}@media(prefers-reduced-motion:reduce){.waiting-indicator>span{animation:none}}