/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.table{display:table}}:root{--ink:#15151a;--muted:#696b76;--paper:#f4f1eb;--panel:#fffdf9;--line:#d8d3c9;--acid:#d8ff3e;--violet:#7b61ff;--cyan:#35d8e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--violet);outline-offset:3px}main{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1280px;height:76px;margin:auto;padding:0 38px;display:flex}.brand{color:var(--ink);letter-spacing:.14em;align-items:center;gap:11px;font-size:14px;font-weight:900;text-decoration:none;display:flex}.brandMark{gap:3px;width:30px;height:23px;display:flex;transform:skewY(-7deg)}.brandMark i{background:var(--ink);width:13px;box-shadow:inset 0 -4px 0 var(--violet);border-radius:2px}.brandMark i:last-child{box-shadow:inset 0 -4px 0 var(--cyan)}.readOnlyBadge{letter-spacing:.08em;border:1px solid var(--line);background:#fff9;padding:8px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.readOnlyBadge span{background:#45b54a;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #45b54a22}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;max-width:1280px;min-height:650px;margin:auto;padding:72px 38px 64px;display:grid}.eyebrow{letter-spacing:.14em;margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}h1{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(54px,6.5vw,92px);font-weight:850;line-height:.93}h1 em{z-index:0;font-style:normal;position:relative}h1 em:after{content:"";background:var(--acid);z-index:-1;height:21%;position:absolute;bottom:3%;left:-2%;right:-3%;transform:rotate(-1.5deg)}.lede{max-width:600px;color:var(--muted);margin:26px 0 30px;font-size:17px;line-height:1.65}.statusPanel{border:1px solid var(--line);background:#fff8;align-items:flex-start;gap:14px;max-width:610px;padding:16px 18px;display:flex}.statusDot{background:#9698a1;border-radius:50%;flex:none;width:11px;height:11px;margin-top:5px;box-shadow:0 0 0 5px #9698a122}.statusPanel.connecting .statusDot{background:#e1a62c;animation:1s infinite pulse;box-shadow:0 0 0 5px #e1a62c22}.statusPanel.connected .statusDot{background:#45b54a;box-shadow:0 0 0 5px #45b54a22}.statusPanel.error .statusDot{background:#e65858;box-shadow:0 0 0 5px #e6585822}.statusPanel strong{font-size:14px}.statusPanel p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}@keyframes pulse{50%{opacity:.5}}.actions{align-items:center;gap:12px;margin-top:18px;display:flex}.primary,.secondary{border:1px solid var(--ink);min-height:50px;padding:0 22px;font-size:14px;font-weight:800;transition:transform .15s,box-shadow .15s}.primary{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--acid)}.secondary{color:var(--ink);background:0 0}.primary:hover:not(:disabled),.secondary:hover{transform:translate(-2px,-2px)}.primary:disabled{cursor:default;opacity:.72}.browserWarning{color:#a1463f;font-size:13px;font-weight:700}.identityStrip{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:610px;margin-top:28px;padding-top:18px;display:grid}.identityStrip span{flex-direction:column;gap:4px;display:flex}.identityStrip small{color:var(--muted);letter-spacing:.15em;font-size:9px}.identityStrip b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.deviceStage{isolation:isolate;place-items:center;height:520px;display:grid;position:relative}.deviceStage:before{content:"";border:1px solid var(--line);z-index:-3;border-radius:50%;width:470px;height:470px;position:absolute}.deviceStage:after{content:"";z-index:-3;border:1px dashed #bdb8ae;border-radius:50%;width:340px;height:340px;animation:30s linear infinite rotate;position:absolute}@keyframes rotate{to{transform:rotate(360deg)}}.glow{filter:blur(60px);opacity:.55;z-index:-2;width:180px;height:180px;position:absolute}.glowA{background:var(--violet);top:29%;left:13%}.glowB{background:var(--cyan);bottom:25%;right:11%}.keypadProduct{z-index:1;object-fit:contain;filter:drop-shadow(-24px 30px 28px #28283235);width:min(100%,500px);height:auto;display:block;position:relative;transform:rotate(-1deg)}.deviceStage>p{letter-spacing:.14em;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;position:absolute;bottom:28px}.resultsSection{background:var(--ink);color:#f6f2eb;min-height:420px;padding:76px max(38px,50vw - 602px)}.sectionHeading{border-bottom:1px solid #ffffff28;justify-content:space-between;align-items:end;padding-bottom:22px;display:flex}.sectionHeading .eyebrow{color:var(--acid);margin:0}h2{letter-spacing:-.045em;margin:0;font-size:clamp(28px,4vw,46px)}.emptyResult{border:1px dashed #fff3;align-items:center;gap:24px;min-height:150px;margin-top:36px;padding:30px;display:flex}.emptyResult>span,.collectionCard>span{color:var(--acid);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.emptyResult strong{font-size:18px}.emptyResult p{color:#a6a4aa;margin:6px 0 0}.reportGrid{grid-template-columns:340px 1fr;gap:22px;margin-top:32px;display:grid}.deviceCard{background:var(--acid);color:var(--ink);padding:28px}.deviceCard>p{letter-spacing:.13em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.deviceCard h3{letter-spacing:-.04em;margin:22px 0;font-size:30px}dl{margin:0}dl div{border-top:1px solid #15151a33;justify-content:space-between;padding:11px 0;font-size:12px;display:flex}dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.safe{color:#2b6f31}.collections{gap:12px;display:grid}.collectionCard{background:#ffffff08;border:1px solid #ffffff25;grid-template-columns:48px 1fr;padding:20px;display:grid}.collectionCard h3{margin:0;font-size:16px}.collectionCard p{color:#aaa8ae;margin:5px 0 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.collectionCard ul{color:#aaa8ae;gap:22px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.collectionCard li b{color:#f6f2eb;margin-left:5px}.diagnosticCard{background:#ffffff08;border:1px solid #ffffff25;margin-top:30px}.diagnosticCopy{padding:30px}.diagnosticCopy .eyebrow{color:var(--acid);margin-bottom:12px}.diagnosticCopy h3{letter-spacing:-.04em;margin:0;font-size:30px}.diagnosticCopy>p:not(.eyebrow):not(.diagnosticStatus){color:#aaa8ae;max-width:520px;font-size:13px;line-height:1.6}.diagnosticActions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.acidButton,.darkButton{border:1px solid var(--acid);min-height:46px;padding:0 18px;font-weight:800}.acidButton{background:var(--acid);color:var(--ink)}.darkButton{color:#f6f2eb;background:0 0}.acidButton:disabled{opacity:.42;cursor:default}.diagnosticStatus{color:#d1cfd4;min-height:38px;margin:16px 0 0;font-size:12px;line-height:1.5}.diagnosticCard.success .diagnosticStatus{color:var(--acid)}.diagnosticCard.error .diagnosticStatus{color:#ff9c96}.keyEditors{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.keyEditor{background:#ffffff08;border:1px solid #ffffff2b;min-width:0;padding:16px}.keyEditorHeading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.keyEditorHeading span,.keyEditorHeading small,.keySelect>span{letter-spacing:.11em;color:#929098;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.keyEditorHeading>span{color:var(--acid)}.keyEditorHeading small{text-align:right}.modifierChecks{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px;display:grid}.modifierChecks label{cursor:pointer}.modifierChecks input{opacity:0;pointer-events:none;position:absolute}.modifierChecks span{text-align:center;color:#aaa8ae;border:1px solid #ffffff2b;padding:8px 5px;font-size:11px;display:block}.modifierChecks input:checked+span{background:var(--acid);border-color:var(--acid);color:var(--ink);font-weight:800}.modifierChecks input:focus-visible+span{outline:3px solid var(--violet);outline-offset:2px}.keySelect{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.keySelect select{color:#f6f2eb;background:#17171d;border:1px solid #ffffff35;width:100%;min-width:0;height:40px;padding:0 10px}.shortcutPreview{color:var(--acid);overflow-wrap:anywhere;margin-top:13px;font-size:18px;display:block}.applyButton{border:1px solid var(--acid);background:var(--acid);min-height:50px;color:var(--ink);grid-column:1/-1;font-weight:900}.applyButton:disabled{opacity:.35;cursor:default}.writeStatus{color:#aaa8ae;grid-column:1/-1;min-height:30px;margin:0;font-size:11px;line-height:1.5}.writeStatus.success{color:var(--acid)}.writeStatus.error{color:#ff9c96}.advancedPanel{background:#0e0e12;border-top:1px solid #ffffff25}.advancedPanel summary{cursor:pointer;color:#d1cfd4;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:54px;padding:0 22px;display:flex}.advancedPanel summary::-webkit-details-marker{display:none}.advancedPanel summary>span{font-size:12px;font-weight:800}.advancedPanel summary>small{color:#777780;letter-spacing:.1em;margin-left:auto;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.advancedPanel summary:after{content:"+";color:var(--acid);font-size:20px;line-height:1}.advancedPanel[open] summary:after{content:"−"}.debugPanel{background:#0e0e12;border:1px solid #ffffff25;margin-top:30px}.debugPanel summary{cursor:pointer;color:#d1cfd4;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;min-height:58px;padding:0 22px;display:flex}.debugPanel summary::-webkit-details-marker{display:none}.debugPanel summary>span{font-size:12px;font-weight:800}.debugPanel summary>small{color:#777780;letter-spacing:.1em;margin-left:auto;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.debugPanel summary:after{content:"+";color:var(--acid);font-size:20px;line-height:1}.debugPanel[open] summary:after{content:"−"}.debugContent{border-top:1px solid #ffffff25;padding:0 22px 22px}.debugActions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.debugActions button:disabled{opacity:.4;cursor:default}.packetViewer{background:#0e0e12;min-width:0;padding:22px}.packetHeader{color:var(--acid);letter-spacing:.12em;border-bottom:1px solid #ffffff20;justify-content:space-between;padding-bottom:14px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.packetViewer>p{color:#777780;margin:22px 0;font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.packetViewer ol{max-height:300px;margin:12px 0 0;padding:0;list-style:none;overflow:auto}.packetViewer li{border-bottom:1px solid #ffffff0d;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:7px 0;display:grid}.packetViewer li>span{color:var(--acid);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.packetViewer code{color:#c5c3c9;white-space:nowrap;font-size:10px;overflow-x:auto}.rgbCard{background:#ffffff08;border:1px solid #ffffff25;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);margin-top:30px;display:grid}.rgbIntro{isolation:isolate;border-right:1px solid #ffffff25;min-height:430px;padding:30px;position:relative;overflow:hidden}.rgbIntro .eyebrow{color:var(--acid);margin-bottom:12px}.rgbIntro h3{letter-spacing:-.04em;margin:0;font-size:30px}.rgbIntro>p:not(.eyebrow){color:#aaa8ae;max-width:430px;font-size:13px;line-height:1.6}.rgbKeyPreview{position:absolute;bottom:24px;left:30px;right:30px}.rgbKeyPreview>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.rgbKeyPreview button{color:#f5f2eb;background:#14151a;border:1px solid #ffffff2c;border-radius:13px;min-height:126px;position:relative;overflow:hidden;box-shadow:inset 0 -8px #08090c}.rgbKeyPreview button i{background:var(--rgb-preview);opacity:0;box-shadow:inset 0 0 20px #fff7, 0 0 28px var(--rgb-preview);transition:opacity .15s;position:absolute;inset:0}.rgbKeyPreview button span{z-index:1;text-shadow:0 1px 4px #000;font-size:24px;font-weight:900;position:relative}.rgbKeyPreview>p{text-align:center;color:#aaa8ae;letter-spacing:.08em;margin:13px 0 0;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.rgbKeyPreview.mode1 button i{opacity:.9}.rgbKeyPreview.mode2 button i,.rgbKeyPreview.mode3 button i{opacity:.12;animation:.8s ease-in-out infinite rgbGlow}.rgbKeyPreview.mode2 button:nth-child(2) i,.rgbKeyPreview.mode3 button:first-child i{animation-delay:.4s}.rgbKeyPreview.mode5 button i{opacity:.95;background:#fff;box-shadow:inset 0 0 20px #fff,0 0 28px #fff}.rgbKeyPreview.mode4.pressed1 button:first-child i,.rgbKeyPreview.mode4.pressed2 button:nth-child(2) i{opacity:.95}@keyframes rgbGlow{0%,to{opacity:.08}50%{opacity:.95}}.rgbControls{padding:30px}.rgbControls fieldset{border:0;margin:0 0 24px;padding:0}.rgbControls fieldset:disabled{opacity:.42}.rgbControls fieldset:disabled button{cursor:default}.rgbControls legend{color:#929098;letter-spacing:.13em;margin-bottom:11px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.colorOptions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.colorOptions button,.modeOptions button{color:#c7c5cb;background:0 0;border:1px solid #ffffff2b;min-height:42px;font-size:11px}.colorOptions button{justify-content:center;align-items:center;gap:8px;display:flex}.colorOptions i{border-radius:50%;width:11px;height:11px;box-shadow:0 0 10px}.colorOptions button.selected,.modeOptions button.selected{border-color:var(--acid);color:var(--acid);background:#d8ff3e12;font-weight:800}.modeOptions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.modeOptions button{flex-direction:column;justify-content:center;gap:4px;min-height:62px;display:flex}.modeOptions button span{font-weight:800}.modeOptions button small{color:#85838b;letter-spacing:.06em;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.modeOptions button.selected small{color:#b7d72f}.applyRgbButton{border:1px solid var(--acid);background:var(--acid);width:100%;min-height:50px;color:var(--ink);font-weight:900}.applyRgbButton:disabled{cursor:default;opacity:.4}.rgbStatus{color:#aaa8ae;min-height:32px;margin:13px 0 0;font-size:11px;line-height:1.5}.rgbStatus.success{color:var(--acid)}.rgbStatus.error{color:#ff9c96}.firmwareProfile{color:var(--acid);letter-spacing:.08em;background:#111217;border:1px solid #ffffff20;margin:10px 0 18px;padding:12px;font:9px ui-monospace,SFMono-Regular,Menlo,monospace}.firmwareProfile span{margin-bottom:8px;display:block}.firmwareProfile code{color:#aaa8ae;white-space:nowrap;letter-spacing:0;display:block;overflow-x:auto}footer{max-width:1280px;min-height:86px;color:var(--muted);letter-spacing:.12em;justify-content:space-between;align-items:center;margin:auto;padding:0 38px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:flex}.steps{gap:8px;display:flex}.steps i{background:var(--line);width:42px;height:3px}.steps i.active{background:var(--ink)}@media (width<=900px){.hero{grid-template-columns:1fr;gap:16px;padding-top:54px}.deviceStage{height:430px}.deviceStage:before{width:380px;height:380px}.reportGrid{grid-template-columns:1fr}.diagnosticCopy{padding:24px}.rgbCard{grid-template-columns:1fr}.rgbIntro{border-bottom:1px solid #ffffff25;border-right:0;min-height:340px}}@media (width<=600px){.topbar,.hero,footer{padding-left:20px;padding-right:20px}.readOnlyBadge{font-size:9px}.hero{padding-top:40px}h1{font-size:52px}.deviceStage{height:350px;margin:-20px -30px;transform:scale(.84)}.sectionHeading{display:block}.sectionHeading h2{margin-top:12px}.resultsSection{padding:55px 20px}.collectionCard ul{gap:7px;display:grid}.keyEditors{grid-template-columns:1fr}.applyButton,.writeStatus{grid-column:1}.rgbControls,.rgbIntro{padding:22px}.colorOptions{grid-template-columns:repeat(2,1fr)}.modeOptions{grid-template-columns:repeat(3,1fr)}footer p:last-child{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}