*{box-sizing:border-box}body{color:#182230;background:#f5f7fb;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}main{width:min(100% - 40px,980px);margin:56px auto}header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:34px;display:flex}h1{letter-spacing:-.045em;margin:3px 0 8px;font-size:clamp(2rem,5vw,3rem)}h2{margin:4px 0 0;font-size:1.2rem}p{margin-top:0}.eyebrow{color:#58667a;letter-spacing:.13em;margin:0;font-size:.72rem;font-weight:750}.intro{color:#58667a}.device-name{color:#233349;margin:4px 0 0;font-weight:650}.header-controls{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:12px;display:flex}.docs-link,.language-picker{white-space:nowrap}.language-picker{align-items:center;gap:6px;display:inline-flex}.connection{color:#596678;border:1px solid #d9e0e9;border-radius:999px;padding:7px 12px;font-size:.85rem}section{background:#fff;border:1px solid #e0e6ee;border-radius:16px;margin:20px 0;padding:25px;box-shadow:0 8px 30px #24375208}.section-heading{justify-content:space-between;margin-bottom:20px;display:flex}.connect-actions{flex-wrap:wrap;gap:10px;display:flex}button{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:#1c5ed6;border:0;border-radius:9px;padding:0 16px;font-weight:650}button.secondary{color:#233349;background:#edf1f7}button:focus-visible{outline-offset:2px;outline:3px solid #88b5ff}.notice{color:#58667a;margin:17px 0 0;font-size:.9rem}.empty-state{text-align:center;border:1px dashed #d9e0e9;border-radius:12px;justify-items:center;padding:36px 16px 28px;display:grid}.key-icon{color:#1c5ed6;background:#edf3ff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:1.5rem;display:grid}.empty-state p{margin-bottom:6px;font-weight:650}.empty-state span{color:#67758a;font-size:.9rem}.layer-list{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:22px;display:flex}.layer-actions{flex-wrap:wrap;justify-content:center;gap:7px;width:100%;margin-top:12px;display:flex}.layout-selector{color:#39485d;text-align:left;gap:6px;width:min(100%,360px);margin-top:18px;font-size:.84rem;display:grid}.layout-selector select{color:#182230;min-height:38px;font:inherit;background:#fff;border:1px solid #d9e0e9;border-radius:7px;padding:6px 9px}.save-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;display:flex}.save-actions small{color:#67758a;width:100%}.operation-button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.operation-spinner{vertical-align:-2px;border:2px solid #d7e1f2;border-top-color:currentColor;border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite operation-spin;display:inline-block}@keyframes operation-spin{to{transform:rotate(360deg)}}button.layer-button{color:#233349;background:#edf1f7;flex-direction:column;align-items:flex-start;gap:3px;min-height:52px;display:flex}button.layer-button.active{color:#fff;background:#1c5ed6}.layer-button span{opacity:.8;font-size:.72rem;font-weight:450}.capture-mode-toggle{color:#26364c;cursor:pointer;align-items:center;gap:9px;margin-top:17px;font-size:.86rem;font-weight:650;display:flex}.capture-mode-toggle input{appearance:none;cursor:pointer;background:#aeb8c6;border:0;border-radius:999px;width:40px;height:22px;margin:0;transition:background-color .16s;position:relative}.capture-mode-toggle input:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .16s;position:absolute;top:3px;left:3px}.capture-mode-toggle input:checked{background:#1c5ed6}.capture-mode-toggle input:checked:before{transform:translate(18px)}.capture-mode-toggle input:focus-visible{outline-offset:3px;outline:3px solid #88b5ff}.capture-mode-hint{color:#67758a;margin:5px 0 0;font-size:.78rem!important;font-weight:450!important}.binding-list{text-align:left;gap:6px;width:min(100%,520px);margin-top:16px;display:grid}.metadata-loading{color:#67758a;margin:8px 0;font-size:.82rem}.binding-row{color:#39485d;background:#f5f7fb;border-radius:7px;grid-template-columns:1fr 2fr 1fr;gap:10px;padding:8px 10px;font-size:.82rem;display:grid}.binding-row.capturing{animation:1.15s ease-in-out infinite capture-row-pulse}@keyframes capture-row-pulse{0%,to{background:#fff7e8;box-shadow:0 0 0 2px #f59e0b55}50%{background:#ffdf9e;box-shadow:0 0 0 6px #f59e0b22}}@media (prefers-reduced-motion:reduce){.binding-row.capturing{background:#ffdf9e;animation:none;box-shadow:0 0 0 3px #f59e0b55}}.binding-edit{grid-column:1/-1;justify-self:end;min-height:34px}@media (width<=600px){main{width:min(100% - 24px,980px);margin:28px auto}section{padding:19px}header{flex-direction:column;align-items:stretch}.header-controls{justify-content:flex-start}}