:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0c0e;--ink-raised:#111316;--ink-soft:#171a1e;--panel:#1d2024;--line:#30343a;--line-strong:#464c53;--paper:#f2f0e9;--paper-dim:#b4b5b0;--muted:#7c8188;--signal:#d9ff43;--signal-soft:#d9ff4324;--orange:#ff714d;--blue:#75a7ff;--purple:#b895ff;--sans:"Avenir Next", "Segoe UI", ui-sans-serif, system-ui, -apple-system, sans-serif;--mono:"SFMono-Regular", "Roboto Mono", Consolas, monospace;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:radial-gradient(circle at 82% 2%, #75a7ff1a, transparent 26rem), var(--ink);min-width:320px;min-height:100vh;color:var(--paper);margin:0}button,input,select,textarea{font:inherit}button,a,select,input[type=range]{-webkit-tap-highlight-color:transparent}button,a,select,label.file-button{transition:color .15s,background-color .15s,border-color .15s,transform .15s}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--signal);outline-offset:3px}a{color:inherit}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0c0ee0;border-bottom:1px solid #ffffff1a;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px;padding:0 3.5vw;display:grid;position:sticky;top:0}.brand{align-items:center;width:-moz-fit-content;width:fit-content;line-height:1;text-decoration:none;display:inline-flex}.brand-mark{grid-template-columns:repeat(2,7px);gap:2px;margin-right:11px;display:grid;transform:rotate(-8deg)}.brand-mark i{background:var(--signal);border-radius:1px;width:7px;height:7px;display:block}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){opacity:.55}.brand-name{letter-spacing:-.02em;font-size:15px;font-weight:700}.brand-product{color:var(--muted);border-left:1px solid var(--line-strong);font-family:var(--mono);letter-spacing:.11em;margin-left:10px;padding-left:10px;font-size:9px;line-height:15px}.site-header nav{gap:2rem;display:flex}.site-header nav a{color:var(--paper-dim);font-size:13px;font-weight:600;text-decoration:none}.site-header nav a:hover{color:var(--paper)}.connection-pill{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;justify-self:end;align-items:center;gap:8px;font-size:10px;display:flex}.connection-pill span{background:var(--muted);border-radius:50%;width:7px;height:7px}.connection-pill.is-connected{color:var(--signal)}.connection-pill.is-connected span{background:var(--signal);box-shadow:0 0 0 5px var(--signal-soft), 0 0 18px #d9ff4380}main{width:min(1440px,100% - 7vw);margin:0 auto;padding-top:24px}.eyebrow{color:var(--muted);font-family:var(--mono);letter-spacing:.13em;margin:0 0 18px;font-size:10px;font-weight:600}.eyebrow span{color:var(--signal)}.live-panel{background:var(--ink-raised);border:1px solid var(--line);border-radius:2px;min-height:430px;overflow:hidden}.device-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:2rem;min-height:78px;padding:14px 20px;display:flex}.device-identity{align-items:center;min-width:0;display:flex}.device-index{width:48px;height:48px;color:var(--ink);background:var(--signal);font-family:var(--mono);place-items:center;margin-right:15px;font-size:11px;font-weight:700;display:grid}.device-identity p{color:var(--muted);font-family:var(--mono);letter-spacing:.12em;margin:0 0 5px;font-size:8px}.device-identity h2{text-overflow:ellipsis;white-space:nowrap;max-width:56vw;margin:0;font-size:16px;font-weight:600;overflow:hidden}.device-controls{align-items:center;gap:14px;display:flex}.device-controls select{max-width:300px}.polling-status{color:var(--muted);font-family:var(--mono);letter-spacing:.09em;white-space:nowrap;align-items:center;gap:7px;font-size:8px;display:flex}.polling-status i{background:var(--signal);border-radius:50%;width:5px;height:5px;animation:1.3s ease-in-out infinite pulse;box-shadow:0 0 10px #d9ff4380}@keyframes pulse{50%{opacity:.3}}.live-grid{grid-template-columns:minmax(0,1fr) 270px;min-height:520px;display:grid}.controller-stage{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 50% 45%,#24282d 0,#15181b 58%,#111316 100%);place-items:center;padding:52px 30px 42px;display:grid;position:relative;overflow:hidden}.controller-stage:before,.controller-stage:after{color:#ffffff29;font-family:var(--mono);letter-spacing:.1em;font-size:7px;position:absolute}.controller-stage:before{content:"SEMANTIC VIEW / PROFILE APPLIED";bottom:15px;left:18px}.controller-stage:after{content:"X 0.000    Y 0.000";top:15px;right:18px}.device-facts{border-left:1px solid var(--line);background:#15171a;padding:24px}.section-label,.panel-heading{justify-content:space-between;align-items:center;display:flex}.section-label span,.section-label b{font-family:var(--mono);letter-spacing:.1em;font-size:8px}.section-label span{color:var(--muted)}.section-label b{color:var(--signal)}.device-facts dl{margin:25px 0}.device-facts dl>div{border-bottom:1px solid var(--line);padding:14px 0}.device-facts dt{color:var(--muted);margin-bottom:7px;font-size:10px}.device-facts dd{font-family:var(--mono);margin:0;font-size:11px}.device-facts dd.success{color:var(--signal)}.device-facts dd.warning{color:var(--orange)}.device-facts dd.accent{color:var(--purple)}.primary-button,.secondary-button,.text-button,.learn-button,.invert-button{cursor:pointer;border:0;border-radius:2px;font-weight:600}.primary-button{min-height:38px;color:var(--ink);background:var(--signal);padding:0 18px}.primary-button:hover{background:#e5ff78;transform:translateY(-1px)}.secondary-button{min-height:38px;color:var(--paper);background:var(--ink-soft);border:1px solid var(--line-strong);padding:0 15px}.secondary-button:hover:not(:disabled){background:#25292e;border-color:#687078}.secondary-button:disabled{cursor:not-allowed;opacity:.38}.full-width{justify-content:center;align-items:center;gap:9px;width:100%;display:flex}.button-icon{color:var(--signal);font-family:var(--mono);font-size:18px}.privacy-note{color:var(--muted);text-align:center;margin:16px 0 0;font-size:9px}.privacy-note span{color:var(--signal);margin-right:5px;font-size:6px}.controller{aspect-ratio:1.55;width:min(670px,88%);position:relative;transform:translateY(8px)}.controller-shadow{z-index:0;filter:blur(25px);background:#000000b3;border-radius:50%;height:19%;position:absolute;bottom:2%;left:11%;right:11%}.controller-shell{z-index:2;clip-path:polygon(11% 4%,31% 0,39% 8%,61% 8%,69% 0,89% 4%,98% 36%,96% 81%,88% 98%,78% 96%,67% 64%,33% 64%,22% 96%,12% 98%,4% 81%,2% 36%);background:linear-gradient(155deg,#ffffff1c,#0000 30%),linear-gradient(160deg,#454a51 0%,#292d32 47%,#1d2024 100%);border:1px solid #555c64;border-radius:42% 42% 30% 30%/36% 36% 42% 42%;position:absolute;inset:12% 3% 5%;overflow:hidden;box-shadow:inset 0 1px #ffffff38,inset 0 -20px 40px #0003}.controller-playstation .controller-shell{clip-path:polygon(12% 5%,31% 0,40% 9%,60% 9%,69% 0,88% 5%,97% 35%,96% 76%,90% 98%,79% 96%,67% 62%,33% 62%,21% 96%,10% 98%,4% 76%,3% 35%);background:linear-gradient(155deg,#ffffff2e,#0000 32%),linear-gradient(160deg,#e5e5e4 0%,#aaaeb2 54%,#747a80 100%);border-color:#eef0f0;border-radius:48% 48% 28% 28%/40% 40% 46% 46%}.controller-8bitdo .controller-shell{background:linear-gradient(155deg,#ffffff1f,#0000 28%),linear-gradient(160deg,#3c4147 0%,#24282d 55%,#171a1d 100%);border-radius:37% 37% 28% 28%/32% 32% 40% 40%}.controller-generic .controller-shell{background:linear-gradient(155deg,#ffffff1a,#0000 28%),linear-gradient(160deg,#3b3b3b 0%,#202020 100%);border-radius:35% 35% 25% 25%}.shell-highlight{background:radial-gradient(at 50% 0,#ffffff14,#0000 60%);border-top:1px solid #ffffff1a;border-radius:50%;position:absolute;inset:8% 16% 31%}.shoulder{z-index:1;width:23%;height:14%;color:var(--paper);background:#24282c;border:1px solid #4d535a;position:absolute;box-shadow:inset 0 1px #ffffff1a}.shoulder-left{left:15%;transform:rotate(-4deg)}.shoulder-right{right:15%;transform:rotate(4deg)}.shoulder.trigger{border-radius:20px 20px 5px 5px;height:12%;top:1%}.shoulder.bumper{z-index:3;border-radius:14px 14px 8px 8px;top:10%}.small-control,.face-button{--input-value:0;color:var(--paper-dim)}.trigger-control,.bumper-control{background:linear-gradient(90deg, var(--signal-soft) calc(var(--input-value) * 100%), transparent 0);width:100%;height:100%;font-family:var(--mono);justify-content:space-between;align-items:center;padding:0 18px;font-size:9px;display:flex}.trigger-control small,.bumper-control small,.face-button small,.rear-control small{color:var(--muted);font-size:7px}.small-control.is-active,.face-button.is-active{color:var(--ink);background-color:var(--signal);border-color:var(--signal);box-shadow:0 0 0 4px #d9ff431f,0 0 20px #d9ff4340}.stick{z-index:6;aspect-ratio:1;background:#17191c;border:1px solid #535961;border-radius:50%;place-items:center;width:18%;display:grid;position:absolute;box-shadow:inset 0 4px 12px #000000b8,0 2px 4px #ffffff0f}.stick-left{top:29%;left:23%}.stick-right{top:54%;right:24%}.controller-playstation .stick-left{top:54%;left:31%}.controller-playstation .stick-right{top:54%;right:31%}.stick-cap{color:#9ba0a6;width:66%;height:66%;font-family:var(--mono);will-change:transform;background:radial-gradient(circle at 44% 35%,#4c5158,#24272b 62%,#16181a 100%);border:1px solid #5d646c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:9px;display:flex;box-shadow:inset 0 0 0 5px #272a2e,0 5px 8px #0000006b}.stick-cap small{color:#70767c;margin-top:2px;font-size:6px}.axis-readout{color:#ffffff61;text-align:center;width:140%;font-family:var(--mono);font-size:6px;position:absolute;bottom:-17px}.dpad{z-index:5;aspect-ratio:1;width:19%;position:absolute;top:55%;left:10%}.controller-playstation .dpad{top:28%;left:14%}.dpad .small-control{width:35%;height:35%;font-family:var(--mono);background:#25292d;border:1px solid #50565d;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute}.dpad .small-control small{color:#747980;font-size:5px;position:absolute}.dpad-up,.dpad-down{left:32.5%}.dpad-up{border-radius:5px 5px 0 0;top:0}.dpad-down{border-radius:0 0 5px 5px;bottom:0}.dpad-left,.dpad-right{top:32.5%}.dpad-left{border-radius:5px 0 0 5px;left:0}.dpad-right{border-radius:0 5px 5px 0;right:0}.dpad-up small{top:3px;right:3px}.dpad-down small{bottom:3px;right:3px}.dpad-left small{bottom:3px;left:3px}.dpad-right small{bottom:3px;right:3px}.dpad-center{z-index:2;background:#25292d;position:absolute;inset:32.5%}.face-cluster{z-index:5;aspect-ratio:1;width:21%;position:absolute;top:23%;right:10%}.face-button{aspect-ratio:1;width:34%;color:var(--paper);font-family:var(--mono);background:#171a1d;border:1px solid #666d75;border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;box-shadow:inset 0 -3px 4px #0006,0 2px 5px #00000073}.face-button small{position:absolute;bottom:-7px;right:-4px}.face-south{bottom:0;left:33%}.face-east{top:33%;right:0}.face-west{top:33%;left:0}.face-north{top:0;left:33%}.controller-xbox .face-south{color:#83d46a}.controller-xbox .face-east{color:#ff6c61}.controller-xbox .face-west{color:#6eb8ff}.controller-xbox .face-north{color:#ffd35a}.controller-8bitdo .face-south{color:#ff6c61}.controller-8bitdo .face-east{color:#ffd35a}.controller-8bitdo .face-west{color:#6eb8ff}.controller-8bitdo .face-north{color:#83d46a}.controller-playstation .face-button{color:#25272a;background:#ffffff6b;border-color:#5a6067}.face-button.is-active,.controller-playstation .face-button.is-active{color:var(--ink)}.system-buttons{z-index:5;align-items:center;gap:9px;display:flex;position:absolute;top:27%;left:42%}.system-control,.home-control{color:#a3a7ac;width:28px;height:18px;font-family:var(--mono);background:#202327;border:1px solid #5b6168;border-radius:10px;place-items:center;font-size:8px;display:grid}.system-control small,.home-control small{display:none}.home-control{border-radius:50%;width:27px;height:27px}.rear-controls{z-index:5;grid-template-columns:repeat(4,1fr);gap:5px;display:grid;position:absolute;bottom:13%;left:31%;right:31%}.rear-control{color:#959ba1;min-height:28px;font-family:var(--mono);background:#1c1f22;border:1px solid #454b52;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;font-size:7px;display:flex}.empty-stage{text-align:center;background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/24px 24px,radial-gradient(circle at 50% 35%,#1e2226,#111316 58%);flex-direction:column;justify-content:center;align-items:center;min-height:510px;padding:60px 24px;display:flex}.empty-pad{clip-path:polygon(12% 0,38% 3%,43% 13%,57% 13%,62% 3%,88% 0,100% 34%,94% 100%,76% 97%,66% 66%,34% 66%,24% 97%,6% 100%,0 34%);opacity:.66;background:#25292e;border:1px solid #484e55;border-radius:48px 48px 40px 40px;width:210px;height:122px;margin-bottom:35px;position:relative}.empty-pad:before,.empty-pad:after{content:"";border:8px solid #0f1113;border-radius:50%;width:32px;height:32px;position:absolute;top:37px}.empty-pad:before{left:39px}.empty-pad:after{right:39px}.empty-pad-dot{background:var(--signal);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite pulse;position:absolute;top:52px;box-shadow:0 0 18px #d9ff4380}.empty-pad-dot.left{left:50px}.empty-pad-dot.right{animation-delay:.4s;right:50px}.empty-stage h2{letter-spacing:-.04em;max-width:660px;margin:0;font-size:clamp(27px,3vw,44px);font-weight:500;line-height:1.08}.empty-stage>p:not(.eyebrow){max-width:600px;color:var(--muted);margin:18px 0;line-height:1.6}.text-button{color:var(--signal);background:0 0;padding:10px 0}.text-button:hover{color:#e8ff83}.text-button span{margin-left:8px;transition:transform .15s;display:inline-block}.text-button:hover span{transform:translate(4px)}.section-block{padding:105px 0 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-.05em;max-width:720px;margin:0;font-size:clamp(30px,3.6vw,55px);font-weight:500;line-height:1}.toggle-control{color:var(--paper-dim);cursor:pointer;white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.toggle-control input{opacity:0;position:absolute}.toggle-control>span{background:var(--panel);border:1px solid var(--line-strong);border-radius:12px;width:34px;height:19px;position:relative}.toggle-control>span:after{content:"";background:var(--muted);border-radius:50%;width:11px;height:11px;transition:transform .15s,background .15s;position:absolute;top:3px;left:3px}.toggle-control input:checked+span:after{background:var(--signal);transform:translate(15px)}.inspector-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:14px;display:grid}.panel{background:var(--ink-raised);border:1px solid var(--line);border-radius:2px}.raw-panel,.axes-panel,.event-panel{padding:22px}.panel-heading{margin-bottom:20px}.panel-heading h3{margin:0;font-size:13px;font-weight:600}.panel-heading>span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.button-matrix{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.raw-button{background:var(--ink-soft);border:1px solid var(--line);min-height:75px;padding:11px;position:relative;overflow:hidden}.raw-button:after{content:"";pointer-events:none;background:var(--signal-soft);opacity:calc(var(--input-value) * 1);position:absolute;inset:0}.raw-button>div{justify-content:space-between;align-items:center;display:flex}.raw-button b,.raw-button strong,.raw-button span{z-index:1;font-family:var(--mono);position:relative}.raw-button b{font-size:10px}.raw-button span{color:var(--muted);font-size:6px}.raw-button strong{color:var(--paper-dim);margin-top:13px;font-size:13px;font-weight:400;display:block}.raw-button>i{z-index:1;background:#282c31;height:2px;position:absolute;bottom:9px;left:10px;right:10px}.raw-button>i span{background:var(--signal);height:100%;display:block}.raw-button.is-active{border-color:#d9ff4380}.raw-button.is-active strong,.raw-button.is-active span{color:var(--signal)}.inspector-side{flex-direction:column;gap:14px;display:flex}.axis-list{gap:18px;display:grid}.raw-axis>div:first-child{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.raw-axis b,.raw-axis strong{font-family:var(--mono);font-size:9px}.raw-axis strong{color:var(--paper-dim);font-weight:400}.axis-track{background:#292d32;height:5px;position:relative}.axis-track i{z-index:1;background:#5c6269;width:1px;position:absolute;top:-2px;bottom:-2px;left:50%}.axis-track span{z-index:2;background:var(--signal);border-radius:1px;width:7px;height:13px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #d9ff434d}.event-panel{flex:1}.event-list{flex-direction:column;display:flex}.event-row{min-height:29px;color:var(--paper-dim);font-family:var(--mono);border-top:1px solid #26292e;grid-template-columns:62px 35px 1fr auto;align-items:center;gap:8px;font-size:7px;display:grid}.event-row time{color:var(--muted)}.event-row b{color:var(--signal);font-size:8px}.event-row strong{font-weight:400}.muted-empty{color:var(--muted);text-align:center;grid-column:1/-1;margin:20px 0;font-size:12px}.mapping-section{padding-bottom:120px;position:relative}.mapping-heading{align-items:flex-end}.mapping-actions{gap:7px;display:flex}.file-button{cursor:pointer;align-items:center;display:inline-flex}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.mapping-workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:14px;display:grid}.profile-panel{padding:22px;position:sticky;top:92px}.saved-state,.draft-state{border-radius:2px;padding:4px 6px}.saved-state{background:var(--signal-soft);color:var(--signal)!important}.draft-state{background:#ff714d1f;color:var(--orange)!important}.profile-panel label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:18px 0;font-size:9px;font-weight:600;display:block}.profile-panel label>strong{float:right;color:var(--signal);font-family:var(--mono);font-weight:500}input:not([type=checkbox]):not([type=range]),textarea,select{width:100%;color:var(--paper);border:1px solid var(--line-strong);background:#17191c;border-radius:2px}input:not([type=checkbox]):not([type=range]),select{height:38px;padding:0 10px}textarea{resize:vertical;margin-top:8px;padding:9px 10px;line-height:1.45;display:block}.profile-panel input,.profile-panel select{margin-top:8px}input[type=range]{width:100%;accent-color:var(--signal);margin:13px 0 0}.profile-meta{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);gap:7px 10px;padding-top:17px;font-size:8px;display:grid}.profile-meta span{color:var(--muted)}.profile-meta code{color:var(--paper-dim);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bindings-panel{overflow:hidden}.binding-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,1fr);min-height:55px;display:grid}.binding-tabs button{color:var(--muted);border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0 20px;font-weight:600;display:flex}.binding-tabs button:last-child{border-right:0}.binding-tabs button.active{color:var(--paper);background:var(--ink-soft);box-shadow:inset 0 -2px var(--signal)}.binding-tabs button span{color:var(--muted);font-family:var(--mono);font-size:8px}.binding-help{color:var(--muted);border-bottom:1px solid var(--line);background:#131518;align-items:center;gap:8px;padding:14px 20px;font-size:10px;display:flex}.capture-dot{background:var(--line-strong);border-radius:50%;width:7px;height:7px}.capture-dot.recording{background:var(--orange);animation:.8s ease-in-out infinite pulse;box-shadow:0 0 0 4px #ff714d1f}.binding-list{padding:5px 0}.binding-row{border-bottom:1px solid #272a2f;grid-template-columns:42px minmax(130px,1fr) 100px 62px 78px;align-items:center;gap:11px;min-height:60px;padding:8px 16px;display:grid;box-shadow:inset 2px 0 #0000}.binding-row.axis-binding{grid-template-columns:42px minmax(130px,1fr) 90px 60px 76px 78px}.binding-row:last-child{border-bottom:0}.binding-row.is-active{background:var(--signal-soft);box-shadow:inset 2px 0 var(--signal)}.binding-row.is-capturing{box-shadow:inset 2px 0 var(--orange);background:#ff714d1a}.semantic-key{width:34px;height:34px;color:var(--paper-dim);border:1px solid var(--line-strong);font-family:var(--mono);background:#191c1f;border-radius:50%;place-items:center;font-size:8px;font-weight:600;display:grid}.binding-row>div b,.binding-row>div small{display:block}.binding-row>div b{margin-bottom:4px;font-size:11px;font-weight:600}.binding-row>div small{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:7px}.binding-row select{height:32px;font-family:var(--mono);font-size:9px}.binding-row output{color:var(--paper-dim);font-family:var(--mono);text-align:right;font-size:9px}.learn-button,.invert-button{min-height:30px;color:var(--paper-dim);border:1px solid var(--line-strong);background:#1a1d20;font-size:9px}.learn-button:hover,.invert-button:hover:not(:disabled),.invert-button.active{color:var(--ink);background:var(--signal);border-color:var(--signal)}.binding-row.is-capturing .learn-button{color:var(--paper);background:var(--orange);border-color:var(--orange)}.invert-button:disabled{cursor:not-allowed;opacity:.35}.toast{z-index:70;color:var(--ink);background:var(--signal);pointer-events:none;opacity:0;border-radius:2px;padding:13px 18px;font-size:12px;font-weight:700;transition:opacity .18s,transform .18s;position:fixed;bottom:28px;right:28px;transform:translateY(10px);box-shadow:0 12px 40px #00000073}.toast.show{opacity:1;transform:translateY(0)}.workflow-preview{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:14px;display:grid}.workflow-preview>div{background:var(--ink-raised);min-height:190px;padding:25px}.workflow-preview span{color:var(--signal);font-family:var(--mono);font-size:9px}.workflow-preview h3{margin:38px 0 8px;font-size:20px;font-weight:500}.workflow-preview p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}footer{width:min(1440px,100% - 7vw);min-height:110px;color:var(--muted);border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;margin:80px auto 0;font-size:10px;display:grid}footer>p:nth-child(2){text-align:center}footer a{color:var(--paper-dim)}.footer-privacy{font-family:var(--mono);text-transform:uppercase;justify-self:end;align-items:center;gap:7px;font-size:8px;display:flex}.footer-privacy span{background:var(--signal);border-radius:50%;width:6px;height:6px}@media (max-width:1100px){.live-grid{grid-template-columns:1fr}.device-facts{border-top:1px solid var(--line);border-left:0;grid-template-columns:auto minmax(0,1fr) 180px;align-items:center;gap:25px;display:grid}.device-facts dl{grid-template-columns:repeat(5,1fr);margin:0;display:grid}.device-facts dl>div{border:0;border-left:1px solid var(--line);padding:6px 10px}.device-facts .privacy-note{grid-column:3;margin-top:-18px}.inspector-grid{grid-template-columns:1fr}.inspector-side{grid-template-columns:1fr 1fr;display:grid}.mapping-heading{flex-direction:column;align-items:flex-start;gap:24px}.mapping-actions{width:100%}.mapping-actions>*{flex:1;justify-content:center}}@media (max-width:850px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}main,footer{width:min(100% - 32px,1440px)}.device-controls .polling-status{display:none}.controller-stage{min-height:440px;padding-inline:0}.controller{width:94%}.device-facts{grid-template-columns:1fr}.device-facts .section-label{display:none}.device-facts dl{grid-template-columns:repeat(3,1fr)}.device-facts dl>div{border-left:0;border-right:1px solid var(--line)}.device-facts .privacy-note{grid-column:auto;margin:0}.mapping-workspace{grid-template-columns:1fr}.profile-panel{position:static}.workflow-preview{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}footer>p:nth-child(2){display:none}}@media (max-width:620px){.site-header{min-height:64px;padding-inline:16px}.brand-product{display:none}.connection-pill{font-size:0}.connection-pill:after{content:"STATUS";font-size:8px}main{padding-top:14px}.device-bar{align-items:flex-start}.device-index{width:40px;height:40px}.device-identity h2{max-width:57vw;font-size:13px}.device-controls{align-self:center}.device-controls select{display:none}.live-panel{min-height:0}.controller-stage{min-height:310px}.controller-stage:before,.controller-stage:after{display:none}.controller{width:110%;transform:scale(.92)}.trigger-control,.bumper-control{padding-inline:10px}.stick-cap{box-shadow:inset 0 0 0 3px #272a2e,0 4px 6px #0000006b}.rear-controls{bottom:10%}.device-facts dl{grid-template-columns:1fr 1fr}.device-facts{padding:18px}.section-block{padding-top:78px}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.section-heading h2{font-size:38px}.button-matrix{grid-template-columns:repeat(2,1fr)}.inspector-side{grid-template-columns:1fr}.mapping-actions{grid-template-columns:1fr 1fr;display:grid}.binding-tabs button{padding-inline:14px}.binding-row,.binding-row.axis-binding{grid-template-columns:36px minmax(100px,1fr) 74px 58px;gap:8px;padding-inline:10px}.binding-row output,.binding-row.axis-binding .invert-button{display:none}.semantic-key{width:30px;height:30px}.workflow-preview{grid-template-columns:1fr}.workflow-preview>div{min-height:140px}.workflow-preview h3{margin-top:28px}footer{min-height:90px;margin-top:40px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}