:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#222327;background:#fff;font-size:14px;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;border:1px solid #dcdde0;background:#fff;color:#45464b;border-radius:6px;padding:8px 15px;min-height:38px;transition:background .15s,border-color .15s}button:hover{background:#f5f6f8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3478f6;outline-offset:3px}button.primary{background:#25272d;color:white;border-color:#25272d}button.primary:hover{background:#41444c}button[aria-pressed=true],button.selected{background:#eef4ff;border-color:#5084dc;color:#2159ad}button:disabled,fieldset:disabled button{cursor:default;opacity:.45}fieldset{margin:0;padding:0;border:0;min-width:0}.site-header{border-bottom:1px solid #eeeef0}.site-header>div{max-width:960px;margin:auto;padding:18px 28px;display:flex;justify-content:space-between;font-size:13px;color:#64666c}.site-header span{color:#92949a}main{max-width:960px;margin:auto;padding:0 28px 40px}.hero{padding:42px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:32px}h1{font-size:32px;letter-spacing:-1px;font-weight:600;margin:0}h2{font-size:17px;font-weight:600;margin:0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;color:#93959c;margin:0 0 8px}.muted{color:#85878f}.small{font-size:12px}.hero p{margin-top:8px}.connection-card{width:340px;padding:18px;background:#f7f8fa;border:1px solid #eeeef0;border-radius:10px;flex-shrink:0}.connection-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}#connection{font-size:12px;color:#85878f}#connection::before{content:"";display:inline-block;width:6px;height:6px;background:#aaa;border-radius:50%;margin-right:6px}#connection.online{color:#23865c}#connection.online::before{background:#23865c}#pair-form{display:flex;gap:8px}input:not([type=checkbox],[type=range],[type=color]),select{border:1px solid #dedfe3;border-radius:5px;background:#fff;padding:8px 10px;min-width:0;color:#333}#pair-code{width:100%;letter-spacing:.08em}#bound{display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;padding:0;min-height:30px;font-size:12px;color:#68758c}#feedback{margin:0;padding:10px 0 15px;min-height:45px;color:#6a6d75;font-size:12px}#feedback.error,#custom-feedback.error{color:#b23636}section{padding:26px 0;border-top:1px solid #eaecef}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.presets{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.preset{padding:13px 10px 10px;min-width:0}.preset svg{display:block;width:100%;height:42px;margin-bottom:9px;stroke:currentColor;color:#7f8794}.preset[aria-pressed=true] svg{color:#3672c8}.preset span{font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;padding:10px 0}.setting-row strong{font-size:13px;font-weight:500}.setting-row p{margin:5px 0 0}.choices{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.choices button{font-size:12px;min-width:64px}.range-control{display:flex;align-items:center;gap:14px}.range-control input{width:220px;accent-color:#3f7cce}.range-control output{width:44px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.swatches{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.swatch{width:34px;height:34px;min-height:0;padding:4px;border-radius:50%}.swatch::after{content:"";display:block;background:var(--color);width:100%;height:100%;border-radius:50%;box-shadow:inset 0 0 0 1px #00000012}.swatch.gradient{width:55px;border-radius:6px}.swatch.gradient::after{border-radius:3px}.swatch[aria-pressed=true]{border:2px solid #3478c9;background:white;padding:3px}.palette-editor{display:flex;align-items:center;gap:10px}#palette{display:flex;gap:5px}input[type=color]{height:32px;width:32px;padding:0;border:0;background:transparent;cursor:pointer}input[type=checkbox]{appearance:none;width:34px;height:20px;border-radius:12px;background:#d9dce1;position:relative;cursor:pointer;flex-shrink:0}input[type=checkbox]::before{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 3px #0002}input[type=checkbox]:checked{background:#407dcd}input[type=checkbox]:checked::before{left:16px}.actions{display:flex;gap:8px}.page-footer{padding:20px 0;color:#9799a1;font-size:12px;border-top:1px solid #eee}.device-link{display:flex;align-items:center;justify-content:space-between;padding:28px;border:1px solid #e5e7eb;border-radius:10px}.device-link strong{font-size:22px}.device-link span{font-size:13px;color:#477bc1}dialog{border:1px solid #e6e8ec;border-radius:12px;padding:26px;width:min(540px,calc(100% - 28px));max-height:90dvh;color:inherit;box-shadow:0 24px 80px #0002}dialog::backdrop{background:#151c2b60}dialog .setting-row{border-bottom:1px solid #f0f1f3}dialog input[type=number]{width:88px;text-align:right}dialog .section-heading{margin-bottom:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:650px){main{padding:0 20px 28px}.site-header>div{padding:15px 20px}.hero{display:block;padding:28px 0 20px}h1{font-size:29px}.connection-card{width:100%;margin-top:24px}.presets{grid-template-columns:repeat(3,1fr)}.setting-row{gap:12px}.range-control input{width:145px}.palette-editor{gap:7px;flex-wrap:wrap;justify-content:flex-end}.choices{gap:4px}.choices button{padding:7px 10px;min-width:54px}.section-heading>.small{font-size:11px}.swatches{gap:7px}.swatch.gradient{width:43px}section{padding:22px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}