:root{color-scheme:dark;--bg:#0e141a;--panel:#1a2129;--panel-dark:#131b22;--line:#303840;--gold:#efbb4b;--text:#eef0f2;--muted:#9da8b2;--green:#6cd7ad}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 "Segoe UI","Microsoft YaHei",sans-serif}button,select,a{touch-action:manipulation}button,select{font:inherit}button,a,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold)}.shell{max-width:1200px;width:calc(100% - 64px);margin:0 auto}.header{height:104px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--line)}.brand{display:flex;flex-direction:column;width:106px;align-items:center;gap:2px}.symbol{width:85px;height:53px;object-fit:contain}.wordmark{width:106px;filter:brightness(0) invert(.85)}.header>.pill{margin:auto}.pill{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:5px 12px;white-space:nowrap}.home{font-size:12px;color:var(--muted)}.lang{display:flex;gap:10px;align-items:center;font-size:12px;color:var(--muted)}select{padding:8px 12px;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--text);max-width:100%}.hero{min-height:405px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:40px;padding:48px 0}.eyebrow{font-size:22px;font-weight:700;color:var(--gold);margin:0 0 8px}h1{font-size:clamp(30px,3.2vw,46px);line-height:1.3;margin:8px 0 18px;letter-spacing:-1px}.intro{color:var(--muted);line-height:1.9;margin:0}.hero-meta{display:flex;gap:15px;margin-top:23px;font-size:10px;letter-spacing:1.5px;color:#84909a}.hero-meta span+span{border-left:1px solid var(--line);padding-left:15px}.product-photo{position:relative;aspect-ratio:1.75;overflow:hidden;filter:drop-shadow(0 18px 14px #0008)}.product-photo img{position:absolute;width:100%;top:-39%;clip-path:polygon(1.5% 24%,3% 23.8%,96% 23.8%,98.5% 25.5%,98.7% 73.5%,97% 75.7%,3% 75.7%,1.3% 73%)}.tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tabs button{border:0;border-bottom:3px solid transparent;background:transparent;color:var(--muted);padding:20px 32px;font-weight:600}.tabs button[aria-selected=true]{color:var(--text);background:#ffffff03;border-bottom-color:var(--gold)}.section-title{padding:29px 0 23px}.kicker{font-size:11px;font-weight:700;letter-spacing:1.9px;color:var(--gold);margin:0 0 12px}h2{font-size:29px;line-height:1.4;margin:0 0 12px}p{color:var(--muted);margin:0 0 14px}.section-title p:last-child{margin:0}.status-strip{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1px solid var(--line);border-radius:7px;padding:14px 20px;font-size:12px;color:var(--muted);margin-bottom:28px}.upgrade-layout{display:grid;grid-template-columns:240px 1fr;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.upgrade-layout aside{background:var(--panel-dark);border-right:1px solid var(--line);padding:30px 24px}.flow{padding:0;list-style:none;margin:22px 0 26px}.flow li{display:flex;gap:14px;align-items:center;padding:16px 12px;margin-bottom:10px;border:1px solid transparent;border-radius:7px;color:var(--muted)}.flow li.active{border-color:#685737;background:#2c291f;color:var(--text)}.flow li.done{color:var(--green)}.flow li>span{font-size:12px;font-weight:700;color:var(--gold)}.flow small{display:block;font-size:11px;margin-top:3px;line-height:1.6}.flow b{font-size:14px}.aside-note{font-size:12px;line-height:1.9}.text-button{border:0;background:none;color:var(--muted);font-size:12px;padding:5px 0}.text-button:hover{color:var(--gold)}.workspace{padding:30px}.workspace-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.workspace-top .kicker{margin:0}.version-row{display:flex;align-items:center;gap:30px;padding:17px 20px;border:1px solid var(--line);border-radius:7px;background:var(--panel-dark);margin:24px 0}.version-row>div{display:flex;align-items:center;gap:14px}.version-row small{color:var(--muted);font-size:12px}.version-row strong{font-size:23px;color:var(--gold)}.version-row b{font-size:17px}.device-status{margin-left:auto;font-size:12px;color:var(--muted)}.instructions{padding:0;counter-reset:steps;list-style:none}.instructions li{counter-increment:steps;display:flex;align-items:baseline;gap:13px;padding:9px 0;color:#c0c8d0;font-size:14px}.instructions li:before{content:counter(steps);display:inline-grid;place-items:center;min-width:24px;height:24px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:11px}.notice{padding:14px 17px;background:#eabb4b09;border:1px solid #eabb4b33;border-radius:7px;font-size:12px;color:#cabc9e;line-height:1.8;margin:20px 0}.notice.error{color:#ffb8b1;border-color:#b4584c}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;padding:12px 23px;border-radius:6px;border:1px solid var(--gold);background:var(--gold);color:#15191c;font-size:14px;font-weight:700;text-decoration:none}.secondary{background:transparent;border-color:var(--line);color:var(--text)}.primary:hover{background:#ffcb61;text-decoration:none}.secondary:hover{border-color:var(--gold);text-decoration:none}#start{background:transparent;color:var(--gold)}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:26px}progress{display:block;appearance:none;width:100%;height:7px;border:0;border-radius:5px;overflow:hidden;margin:11px 0 25px;background:#0e141a}progress::-webkit-progress-bar{background:#0e141a}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.logs{position:relative;border-top:1px solid var(--line);padding-top:15px}.logs summary{font-size:13px;cursor:pointer}.export{position:absolute;right:0;top:10px}.logs pre{max-height:190px;overflow:auto;background:var(--panel-dark);padding:15px;border-radius:5px;margin:14px 0 0;color:var(--muted);font:11px/1.8 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0 42px}.support-grid h3{font-size:16px;margin:0 0 9px}.support-grid p,.support-grid a{font-size:13px}.support-grid article{padding:0 0 0 18px;border-left:2px solid var(--line)}.success{padding:20px;border:1px solid #6cd7ad55;background:#6cd7ad09;border-radius:6px;margin-bottom:20px;color:var(--green)}.success p{font-size:13px;margin:8px 0}.test-panel,.manual-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:26px}.device-picker{display:flex;gap:18px;align-items:center;font-size:13px;color:var(--muted);flex-wrap:wrap}.device-picker select{max-width:70%}.controller{background:linear-gradient(130deg,#252d34,#12191f);border:2px solid #465059;border-radius:18px;margin:28px auto 20px;padding:23px 30px;max-width:850px;box-shadow:0 15px 20px #0003}.controller-name{font-size:18px;font-weight:800;letter-spacing:2px}.controller-name span{float:right;font-size:12px;color:var(--muted)}.utilities{display:flex;justify-content:center;gap:12px;padding:14px 0}.input-button{pointer-events:none;color:#aab3bc;border:2px solid #525b64;background:#10171e;box-shadow:inset 0 0 0 4px #252d35;display:grid;place-content:center;text-align:center;border-radius:50%;width:62px;height:62px;font-weight:600;line-height:1.4}.input-button small{font-size:9px;font-weight:400}.input-button.tested{border-color:#a58a4a;color:var(--gold)}.input-button.pressed{background:var(--gold);border-color:#ffe3a0;color:#10171e;box-shadow:0 0 18px #efbb4b55}.utilities .input-button{width:53px;height:34px;border-radius:6px;font-size:10px;box-shadow:none}.control-deck{display:grid;grid-template-columns:1fr 1.3fr;gap:20px;align-items:center;min-height:230px}.stick-wrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:5px}.stick{width:110px;height:110px;border:2px solid #45505b;border-radius:50%;display:grid;place-items:center;background:repeating-linear-gradient(0deg,transparent 0 52px,#46505a 53px 54px,transparent 55px)}.stick div{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#737d85,#141b21 50%);border:2px solid #67727b;transition:transform 40ms}.stick-wrap strong{font-size:11px;letter-spacing:1px;color:var(--gold);margin-top:10px}.stick-wrap small{font:11px Consolas,monospace;color:var(--muted)}.face-buttons{display:grid;grid-template-columns:repeat(4,62px);gap:14px 13px;justify-content:center;transform:rotate(-8deg)}.face-buttons .input-button{transform:rotate(8deg)}.test-legend{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:11px;color:var(--gold);border-top:1px solid var(--line);padding-top:18px}.small{font-size:12px;margin:0}.raw{margin:24px 0 40px;color:var(--muted);font-size:13px}.raw pre{white-space:pre-wrap;overflow-wrap:anywhere}.manual-card{display:flex;justify-content:space-between;gap:30px;padding:35px}.manual-card p{font-size:14px}.pdf-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:155px;border:1px solid #efbb4b55;background:#efbb4b09;color:var(--gold);font-size:36px;letter-spacing:3px;border-radius:8px}.pdf-icon small{font-size:9px;letter-spacing:2px}iframe{width:100%;height:700px;border:1px solid var(--line);margin:25px 0 40px;border-radius:8px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;margin-top:20px!important;color:#6f7b86;font-size:10px;letter-spacing:1.5px}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:440px}}@media(max-width:1000px){.home{display:none}.hero{gap:15px}.eyebrow{font-size:19px}.upgrade-layout{grid-template-columns:205px 1fr}.workspace{padding:25px}.upgrade-layout aside{padding:25px 18px}.version-row{gap:16px;flex-wrap:wrap}.device-status{width:100%;margin:0}.input-button{width:52px;height:52px}.face-buttons{grid-template-columns:repeat(4,52px);gap:12px}}@media(max-width:650px){.shell{width:calc(100% - 32px)}.header{height:84px;gap:10px}.brand{width:78px}.symbol{width:62px;height:39px}.wordmark{width:78px}.header>.pill{display:none}.lang{margin-left:auto;font-size:10px}.lang select{font-size:11px;padding:7px}.hero{grid-template-columns:1fr;padding:28px 0 20px;gap:20px;min-height:0}.hero h1{font-size:32px}.eyebrow{font-size:17px}.intro{font-size:13px}.hero-meta{margin-top:15px}.product-photo{max-width:420px;width:100%;margin:auto;aspect-ratio:1.95}.tabs button{flex:1;padding:17px 7px;font-size:13px}.section-title{padding-top:23px}h2{font-size:24px}.section-title>p{font-size:13px}.status-strip{font-size:11px;padding:12px;gap:6px;margin-bottom:20px}.upgrade-layout{grid-template-columns:1fr}.upgrade-layout aside{padding:18px;border-right:0;border-bottom:1px solid var(--line)}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 0}.flow li{display:block;padding:9px 7px;margin:0}.flow li>span{display:block;font-size:10px}.flow b{font-size:11px}.flow small{display:none}.aside-note,.upgrade-layout aside>.text-button{display:none}.workspace{padding:20px 16px}.workspace-top{gap:10px}.workspace-top .pill{font-size:10px;padding:4px 8px}.workspace-top .kicker{font-size:9px}.workspace>p{font-size:13px}.version-row{padding:13px;gap:12px}.version-row>div{gap:8px}.version-row strong{font-size:20px}.instructions li{font-size:12px;gap:10px}.actions>button{flex:1;padding:11px 12px;font-size:12px}.support-grid{grid-template-columns:1fr;gap:25px;margin-top:25px}.test-panel{padding:14px}.controller{padding:15px 10px;border-radius:12px}.controller-name{font-size:12px}.controller-name span{font-size:9px}.utilities{gap:5px}.utilities .input-button{width:40px;font-size:8px;height:29px}.control-deck{grid-template-columns:.8fr 1.4fr;gap:10px;min-height:190px}.stick{width:75px;height:75px}.stick div{width:43px;height:43px}.face-buttons{grid-template-columns:repeat(4,37px);gap:9px 5px}.face-buttons .input-button{width:37px;height:37px;font-size:11px;box-shadow:none}.input-button small{font-size:7px}.stick-wrap small{font-size:8px}.test-legend{gap:10px;font-size:9px;flex-wrap:wrap}.test-legend button{font-size:10px}.manual-card{padding:22px}.pdf-icon{display:none}.manual-card h2{font-size:23px}.manual-card p{font-size:12px}iframe{height:520px}.home{display:none}}
.brand .symbol{width:106px;height:75px;object-fit:contain}.product-photo img{clip-path:polygon(4% 24.2%,96% 24.2%,98% 26%,98% 73%,96% 75%,4% 75%,2% 73%,2% 26%)}@media(max-width:650px){.brand .symbol{width:78px;height:60px}}
.manual-intro{padding:26px 30px;border:1px solid var(--line);border-radius:9px;background:var(--panel);margin-bottom:28px}.manual-intro h2{font-size:25px}.manual-intro p,.manual-intro a{font-size:13px}.manual-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:38px;align-items:start;margin-bottom:45px}.manual-nav{position:sticky;top:20px;display:grid;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--panel-dark)}.manual-nav a{padding:10px 8px;color:var(--muted);font-size:13px}.manual-nav a:hover{color:var(--gold);background:#efbb4b09;text-decoration:none}.manual-nav span{display:inline-block;width:30px;color:var(--gold);font:11px Consolas,monospace}.manual-body article{scroll-margin-top:25px;border-bottom:1px solid var(--line);padding:0 0 28px;margin:0 0 28px}.manual-body article:last-child{border-bottom:0;margin-bottom:0}.manual-body h3{font-size:23px;margin:0 0 16px}.manual-body h4{font-size:15px;margin:12px 0}.manual-body p,.manual-body li{font-size:14px;color:var(--muted);line-height:1.95}.manual-body b{color:var(--text);font-weight:600}.manual-body ol,.manual-body ul{padding-left:22px}.manual-body li{margin-bottom:9px}.manual-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}.manual-tip{border-left:2px solid var(--gold);padding:10px 14px;background:#efbb4b07}.manual-table{overflow-x:auto;margin:18px 0}.manual-table table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.manual-table th,.manual-table td{border-bottom:1px solid var(--line);padding:12px 15px;vertical-align:top}.manual-table th{color:var(--text);font-weight:600;background:#ffffff04;white-space:nowrap}.manual-table td{color:var(--muted)}.manual-table td:first-child{min-width:125px}.manual-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.manual-modes>div{padding:20px;border:1px solid var(--line);border-radius:7px;background:var(--panel)}.manual-modes b{display:block;font-size:28px;color:var(--gold)}.manual-modes span,.manual-modes small{display:block}.manual-modes small{color:var(--muted);font-size:11px;margin-top:5px}@media(max-width:800px){.manual-layout{grid-template-columns:1fr;gap:25px}.manual-nav{position:static;grid-template-columns:repeat(2,1fr)}.manual-columns{grid-template-columns:1fr}.manual-body h3{font-size:21px}}@media(max-width:450px){.manual-intro{padding:22px 18px}.manual-intro h2{font-size:22px}.manual-nav a{font-size:12px;padding:8px 5px}.manual-modes>div{padding:13px 10px}.manual-modes span{font-size:12px}.manual-body p,.manual-body li{font-size:13px}.manual-table td,.manual-table th{padding:10px;font-size:12px}}
.manual-original-icon{float:right;width:130px;margin:0 0 18px 24px;padding:14px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.manual-original-icon img{display:block;width:100%;height:88px;object-fit:contain;filter:invert(.9)}.manual-original-icon figcaption,.manual-layout-figure figcaption{text-align:center;color:var(--muted);font-size:10px;line-height:1.6;margin-top:10px}.manual-body article:after{content:'';display:block;clear:both}.manual-body article>.manual-original-icon+ .manual-columns{clear:both}.manual-layout-figure{margin:0 0 22px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:8px}.manual-layout-figure img{display:block;width:100%;height:auto;filter:invert(.9)}.manual-part-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0!important;gap:10px 14px;margin:0 0 25px}.manual-part-list li{display:flex;gap:9px;font-size:12px!important;line-height:1.7!important;margin:0!important}.manual-part-list span{color:var(--gold);font:11px/22px Consolas,monospace;min-width:22px;height:22px;text-align:center;border:1px solid var(--line);border-radius:50%}.manual-symbols{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.manual-symbols .manual-original-icon{float:none;flex:1;min-width:105px;width:auto;margin:0}.manual-symbols .manual-original-icon img{height:65px}.manual-modes{clear:both}@media(max-width:800px){.manual-part-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.manual-original-icon{width:100px;margin-left:14px;padding:10px}.manual-original-icon img{height:65px}.manual-layout-figure{padding:12px;overflow-x:auto}.manual-layout-figure img{min-width:510px}.manual-part-list{gap:12px 8px}.manual-part-list li{font-size:11px!important}.manual-symbols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.manual-symbols .manual-original-icon{min-width:0}}
.controller.q7-controller{max-width:none;padding:0;background:none;border:0;box-shadow:none;margin:28px 0 0}.q7-stage{position:relative;width:100%;aspect-ratio:1000/540;isolation:isolate;filter:drop-shadow(0 12px 12px #0005)}.q7-shell{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.q7-key{position:absolute;left:var(--x);top:var(--y);width:6.5%;height:12%;transform:translate(-50%,-50%);text-align:center;color:#d2d9df;pointer-events:none}.q7-key .key-cap{position:absolute;inset:0;border-radius:50%;border:2px solid #5b6670;background:radial-gradient(ellipse at 42% 25%,#384047,#11171d 55%,#090e13 80%);box-shadow:inset 0 0 0 4px #0a1015,0 3px 4px #0009}.q7-key .key-name{position:absolute;bottom:106%;left:-20%;width:140%;font-size:clamp(9px,1.2vw,16px);line-height:1;font-weight:600}.q7-key .key-value{position:absolute;inset:0;display:grid;place-content:center;font:clamp(8px,.85vw,11px) Consolas,monospace;color:#8b98a4;z-index:1}.q7-key.pressed .key-cap,.q7-touch.pressed{background:radial-gradient(ellipse at 40% 25%,#ffe3a0,#e6ad35);border-color:#ffe7b1;box-shadow:0 0 20px #efbb4b55,inset 0 0 0 3px #916c27}.q7-key.pressed .key-value{color:#181b1e}.q7-key.tested .key-cap{border-color:#c0a05d}.q7-key.utility{width:2.9%;height:3.7%}.q7-key.utility .key-cap{border-radius:2px;border:1px solid #424c55;background:repeating-linear-gradient(90deg,#171d23 0 2px,#303940 2px 3px);box-shadow:none}.q7-key.utility .key-name{bottom:auto;top:112%;font-size:clamp(4px,.52vw,8px)}.q7-key.utility .key-value{font-size:clamp(4px,.4vw,6px);opacity:0}.q7-key.utility.pressed .key-value{opacity:1}.q7-key.utility .key-cap img{position:absolute;inset:18%;width:64%;height:64%;filter:invert(.9);object-fit:contain}.q7-key.utility[aria-label="PS"]{width:2.6%;height:4.8%}.q7-key.utility[aria-label="PS"] .key-cap{border-radius:50%;background:#0b1015}.q7-key.utility[aria-label="PS"] .key-name{display:none}.q7-key.utility[aria-label="CREATE"] .key-cap img,.q7-key.utility[aria-label="OPTIONS"] .key-cap img{display:none}.q7-key.utility[aria-label="CREATE"] .key-name,.q7-key.utility[aria-label="OPTIONS"] .key-name{font-size:0}.q7-key.utility[aria-label="CREATE"] .key-name:after{content:'╲│╱';font-size:clamp(4px,.65vw,9px)}.q7-key.utility[aria-label="OPTIONS"] .key-name:after{content:'☰';font-size:clamp(5px,.8vw,11px)}.q7-key.utility[aria-label="OPTIONS"]{width:3.8%;height:4.2%}.q7-key.utility.unavailable,.q7-touch.unavailable{opacity:.6}.q7-touch{position:absolute;left:75.3%;top:5.7%;width:10.6%;height:9.7%;background:radial-gradient(#56616a .6px,transparent .7px) 0 0/4px 4px;pointer-events:none}.q7-touch .key-name{position:absolute;top:110%;width:100%;font-size:clamp(4px,.5vw,7px);text-align:center;color:#79868f}.q7-touch .key-value{display:none}.q7-switch{position:absolute;top:9%;width:3.4%;height:6.1%;display:flex;gap:7%;align-items:stretch;pointer-events:none}.switch-labels{width:50%;display:flex;flex-direction:column;justify-content:space-between;font-size:clamp(4px,.5vw,7px);line-height:1;color:#a7b1b9}.switch-labels .selected{color:var(--gold);font-weight:700}.switch-rail{position:relative;width:43%;border:1px solid #505a63;background:#05090c;border-radius:1px}.switch-rail i{position:absolute;top:0;left:0;width:100%;height:33.33%;background:repeating-linear-gradient(90deg,#69737c 0 1px,#333d45 1px 2px);transform:translateY(calc(var(--position,0)*100%));visibility:hidden}.identified .switch-rail i{visibility:visible;border-bottom:1px solid var(--gold)}.q7-lock{position:absolute;left:69.7%;top:9%;width:1.5%;height:6%;color:#88949f;font-size:clamp(5px,.6vw,8px);line-height:1;display:flex;flex-direction:column;justify-content:space-between}.q7-lock i{height:38%;background:repeating-linear-gradient(90deg,#38414a 0 1px,#161c22 1px 2px)}.q7-lever{position:absolute;left:36.8%;top:44.8%;width:9.5%;aspect-ratio:1;border:3px solid #626e79;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#0b1118 40%,#252f38 42%,#0b1016 55%,#4d5964 57%,#10161c 60%);box-shadow:0 5px 7px #0008}.q7-lever>div{position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse at 36% 22%,#79838d,#27323c 24%,#080d13 55%,#02060a 74%,#596570 90%,#141d26);box-shadow:inset 0 0 0 2px #1d2934,2px 7px 8px #000a;transition:transform 35ms}.q7-readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.q7-readouts>div{border:1px solid var(--line);background:var(--panel-dark);border-radius:7px;padding:13px 16px}.q7-readouts span,.q7-readouts small{display:block;font-size:11px;color:var(--muted)}.q7-readouts strong{display:block;color:var(--gold);font-size:19px;margin:4px 0}.q7-readouts small{font-size:10px;overflow-wrap:anywhere}.q7-controller .test-legend{margin:20px 0 10px}.raw pre{max-height:340px;overflow:auto}#input-history{font-size:11px}@media(max-width:650px){.q7-readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.q7-readouts>div{padding:10px}.q7-readouts strong{font-size:16px}.q7-key .key-cap{border-width:1px;box-shadow:inset 0 0 0 2px #0a1015}.q7-key .key-name{font-size:9px}.q7-key .key-value{font-size:7px}.q7-lever{border-width:1px}.q7-stage{min-width:550px}.q7-controller{overflow-x:auto;padding-bottom:5px!important}.q7-readouts,.q7-controller .test-legend{min-width:0}.q7-controller .test-legend{justify-content:flex-start}.test-panel{overflow:hidden}}
.q7-key.utility.pressed .key-cap{background:var(--gold);border-color:#ffe3a0;box-shadow:0 0 10px #efbb4b66}.q7-key.utility.tested:not(.pressed) .key-cap{border-color:#c0a05d}.q7-key.utility.pressed .key-cap img{filter:brightness(0)}
.q7-lock svg{width:100%;height:100%;overflow:visible}
.test-topbar{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:center}.test-topbar .device-picker{gap:12px}.test-topbar .device-picker select{max-width:100%;min-width:0}.live-input{min-height:82px;border:1px solid #746039;background:#11191f;border-radius:8px;padding:12px 16px;box-shadow:inset 0 0 22px #0002}.live-input-title{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}.live-input-title>span{letter-spacing:1px}.live-input-title small{font-size:10px}.live-input-body{display:flex;align-items:center;gap:15px;min-height:37px;margin-top:5px}.live-input-body>strong{font:700 30px/1 'Segoe UI Symbol','Segoe UI',sans-serif;color:#71808b;min-width:35px;text-align:center}.live-input-body>span{font-size:14px;color:var(--muted);font-weight:600;overflow-wrap:anywhere}.live-input-body .active{color:var(--gold)}.test-input-log{margin:24px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel-dark)}.test-log-header{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.test-log-header h3{font-size:14px;margin:0}.test-log-header h3 small{font-size:10px;color:var(--muted);font-weight:400;margin-left:12px}.test-log-columns,.test-log-row{display:grid;grid-template-columns:115px minmax(0,1fr) 75px;gap:15px;padding:9px 17px;align-items:baseline}.test-log-columns{font-size:11px;color:#7f8e9b;background:#ffffff03;border-bottom:1px solid var(--line)}.test-log-entries{max-height:230px;min-height:90px;overflow:auto;overscroll-behavior:contain}.test-log-row{border-bottom:1px solid #ffffff06;font-size:12px}.test-log-time{font:11px Consolas,monospace;color:#8d9ca8}.test-log-combo{color:var(--gold);overflow-wrap:anywhere}.test-log-kind{font-size:10px;color:var(--muted);text-align:right}.test-log-empty{font-size:12px;color:var(--muted);margin:0;padding:22px 17px}@media(max-width:950px){.test-topbar{grid-template-columns:1fr 280px;gap:16px}.test-topbar .device-picker select{width:100%}}@media(max-width:650px){.test-topbar{grid-template-columns:1fr;gap:15px}.live-input{min-height:75px;padding:10px 14px}.test-log-columns,.test-log-row{grid-template-columns:86px minmax(0,1fr) 45px;gap:8px;padding:9px 11px}.test-log-header{padding:11px}.test-log-header h3 small{display:block;margin-left:0}.test-log-time{font-size:10px}.test-log-row{font-size:11px}}
.web-version{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;letter-spacing:.5px}.web-version strong{color:var(--gold);font-size:13px}
.q7-key.face .key-name{inset:0;width:100%;display:grid;place-items:center;font-size:clamp(12px,1.7vw,23px);line-height:1;z-index:2;color:#e1e6ea;text-shadow:0 1px 2px #0008}.q7-key.face .key-value{display:none}.q7-key.face.pressed .key-name{color:#171c20;text-shadow:none}@media(max-width:650px){.q7-key.face .key-name{font-size:14px}}
.header .lang select{max-width:195px}.actions{flex-wrap:wrap}.flow b,.flow small,.instructions li,.live-input-title,.test-log-header{overflow-wrap:anywhere}.test-log-columns,.test-log-row{grid-template-columns:115px minmax(0,1fr) minmax(75px,130px)}html:not([lang^="zh"]):not([lang="ja"]):not([lang="ko"]) .hero h1{font-size:clamp(32px,4vw,52px);overflow-wrap:anywhere}.manual-part-list li{overflow-wrap:anywhere}@media(max-width:650px){.header .lang select{max-width:155px}.test-log-columns,.test-log-row{grid-template-columns:86px minmax(0,1fr) 75px}.home{overflow-wrap:anywhere}}
.titan-stage{position:relative;aspect-ratio:5/3;overflow:hidden;width:100%;min-height:0!important;background:#171c22;border-radius:12px}.titan-board{position:absolute;width:100%;height:auto;top:-34.667%;left:0;pointer-events:none}.titan-key{position:absolute;width:8%;aspect-ratio:1;transform:translate(-50%,-50%);border:2px solid transparent;border-radius:50%;display:grid;place-items:center;transition:background .06s,border-color .06s}.titan-key span{font-size:clamp(10px,1.4vw,18px);color:#fff;text-shadow:0 1px 4px #000;background:#0007;padding:0 5px;border-radius:4px}.titan-key.utility{width:4.5%;border-radius:6px}.titan-key.utility span{font-size:clamp(7px,.8vw,11px)}.titan-key.tested{border-color:#efbb4b}.titan-key.pressed{background:#efbb4baa;box-shadow:0 0 20px #efbb4b}.titan-key.unavailable span{color:#b7bec5}.titan-key.unavailable{opacity:.6}#titan-lever{position:absolute;width:8%;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid #efbb4b77;border-radius:50%;pointer-events:none}#titan-lever i{display:block;width:15%;aspect-ratio:1;background:var(--gold);border-radius:50%;position:absolute;left:42%;top:42%}.raw-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.raw-buttons span{border:1px solid var(--line);padding:2px 8px;font:12px/1.8 Consolas,monospace;border-radius:4px;color:var(--muted)}.raw-buttons .pressed{background:var(--gold);color:#111}.product-photo{aspect-ratio:1.25;border-radius:12px;filter:none;background:#fff}.product-photo img{position:static;width:100%;height:100%;object-fit:cover;clip-path:none}.q7-controller{padding:18px!important}.manual-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.manual-grid article{padding:28px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.manual-grid h3{margin-top:0}.manual-grid p{color:var(--muted)}.manual-photo{width:100%;display:block;margin:24px 0;border-radius:8px}.manual-grid ul{padding-left:20px;color:var(--muted)}.hero{gap:60px}.raw pre{max-height:350px;overflow:auto}@media(max-width:650px){.manual-grid{grid-template-columns:1fr}.hero{gap:24px}.product-photo{aspect-ratio:1.5}.titan-key span{font-size:10px}.q7-controller{padding:6px!important}}
.q7-stage.titan-stage{min-width:0;aspect-ratio:5/3}.controller.q7-controller{overflow:hidden}
.symbol{filter:brightness(0) invert(.92)}
/* Titan control diagram: flat UI, positioned from the supplied physical layout. */
.q7-stage.titan-diagram{container-type:inline-size;aspect-ratio:1000/560;background:#101820;border:1px solid #53606c;border-radius:18px;overflow:hidden;filter:none;isolation:isolate;min-width:0}
.diagram-brand{position:absolute;left:4%;top:4%;font-size:1.7cqw;font-weight:800;letter-spacing:.15em;color:#e7edf2}.diagram-brand span{margin-left:1.5em;color:#8393a1;font-size:1.1cqw;font-weight:500;letter-spacing:.12em}.diagram-caption{position:absolute;right:4%;top:4.5%;font-size:1cqw;color:#8293a2;letter-spacing:.2em}.diagram-topline{position:absolute;left:4%;right:4%;top:31%;height:1px;background:#2e3e4c}
.titan-diagram .titan-key{width:8.5%;border:2px solid #8193a2;background:#253442;border-radius:50%;box-shadow:none;aspect-ratio:1;transition:background .06s,border-color .06s}
.titan-diagram .titan-key span{font:600 3cqw/1 'Segoe UI Symbol','Segoe UI',sans-serif;color:#edf3f7;text-shadow:none;background:none;padding:0;align-self:end;margin-bottom:.2em}
.titan-diagram .titan-key .key-feedback{font:500 .85cqw/1.4 'Segoe UI',sans-serif;color:#91a2af;align-self:start;letter-spacing:.04em}
.titan-diagram .titan-key.utility{width:5.3%;border-radius:7px;aspect-ratio:1.35;background:#1b2a36;border-color:#6c7f8e;grid-template-rows:1fr 1fr}
.titan-diagram .titan-key.utility span{font-size:1cqw;margin-bottom:0;align-self:center}
.titan-diagram .titan-key.utility .key-feedback{font-size:.7cqw;align-self:center}
.titan-diagram .titan-key.option-key{border-radius:50%;width:6.8%;aspect-ratio:1}
.titan-diagram .titan-key.option-key span{font-size:1cqw}
.titan-diagram .titan-key.touch-key{width:12%;aspect-ratio:2.3;border-radius:7px;background:#172530;border-style:dashed}
.titan-diagram .titan-key.touch-key span{font-size:1.2cqw}
.titan-diagram .titan-key.unavailable{opacity:1;border-color:#435563;background:#192630}
.titan-diagram .titan-key.unavailable span{color:#adbdc9}
.titan-diagram .titan-key.tested{border-color:#efbb4b;background:#302b20}
.titan-diagram .titan-key.tested .key-feedback{color:#efbb4b}
.titan-diagram .titan-key.pressed{border-color:#ffe6a1;background:#efbb4b;box-shadow:0 0 0 4px #efbb4b24}
.titan-diagram .titan-key.pressed span,.titan-diagram .titan-key.pressed .key-feedback{color:#101820}
.diagram-passive{position:absolute;transform:translate(-50%,-50%);width:5.3%;aspect-ratio:1.35;border:1px dashed #52626f;border-radius:7px;display:grid;grid-template-rows:1fr 1fr;text-align:center;background:#14212b;color:#a5b4bf}
.diagram-passive b{font-size:1cqw;font-weight:500;align-self:center}.diagram-passive small{font-size:.8cqw;color:#70818e;align-self:center}
.diagram-switch{position:absolute;top:12%;width:4.2%;text-align:center;color:#b6c4cf;font-size:.75cqw}.diagram-switch>b{font-size:.7cqw;font-weight:500;display:block;margin-bottom:.5cqw}.diagram-switch>div{display:grid;gap:.2cqw;border:1px solid #425563;padding:.3cqw;border-radius:4px;background:#17242e}.diagram-switch span{font-size:.7cqw;line-height:1.15}.diagram-switch small{font-size:.7cqw;color:#7c8f9d}
.diagram-stick-zone{position:absolute;left:13%;top:39%;width:26%;aspect-ratio:1;border:1px solid #334959;border-radius:50%;background:#14222d}
.titan-diagram #titan-lever{left:50%;top:50%;width:48%;border:2px solid #7792a6;background:#243b4c;box-shadow:none;display:grid;place-items:center}
.titan-diagram #titan-lever i{position:static;width:45%;background:#a4c0d3;border:0;border-radius:50%}
.stick-label{position:absolute;top:7%;left:0;width:100%;text-align:center;color:#91a8b9;font-size:1cqw;letter-spacing:.15em}.stick-arrow{position:absolute;color:#a9bdcc;font-size:2.2cqw;line-height:1}.north{left:46%;top:20%}.south{left:46%;bottom:11%}.east{right:10%;top:46%}.west{left:10%;top:46%}.diagram-mode{position:absolute;left:0;bottom:-15%;width:100%;text-align:center;font-size:1cqw;color:#efbb4b}
.diagram-foot{position:absolute;left:4%;right:4%;bottom:4%;display:flex;justify-content:space-between;align-items:center;color:#8ea0ae;font-size:1cqw;letter-spacing:.03em}.diagram-foot>span:last-child{display:flex;align-items:center;gap:.7cqw}.legend-dot,.legend-ring{display:inline-block;width:.8cqw;height:.8cqw;border-radius:50%;background:#efbb4b}.legend-ring{background:none;border:1px solid #efbb4b;margin-left:1cqw}
.product-photo{background:transparent;aspect-ratio:3.5;overflow:visible;filter:drop-shadow(0 16px 18px #0005);border-radius:0}.product-photo img{object-fit:contain;width:100%;height:100%}.hero{min-height:340px;grid-template-columns:1fr 1.3fr;gap:45px}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:32px}.product-photo{aspect-ratio:3.5}.q7-controller{padding:12px!important}.q7-stage.titan-diagram{border-radius:10px}.test-panel{padding:14px}.titan-diagram .titan-key{border-width:1px}.diagram-foot{font-size:1.3cqw}.diagram-brand{font-size:2cqw}.titan-diagram .titan-key.utility span{font-size:1.1cqw}}
.titan-diagram .titan-key.touch-key{width:10%}
.titan-diagram .titan-key.utility span,.titan-diagram .titan-key.option-key span{font-size:max(10px,1.15cqw)}.titan-diagram .titan-key .key-feedback{font-size:max(8px,.85cqw)}.titan-diagram .titan-key.utility .key-feedback{font-size:max(7px,.7cqw)}.titan-diagram .titan-key.touch-key span{font-size:max(10px,1.2cqw)}.diagram-passive b{font-size:max(10px,1.1cqw)}.diagram-passive small{font-size:max(8px,.8cqw)}.diagram-switch>b,.diagram-switch span{font-size:max(7px,.8cqw)}.diagram-foot{font-size:max(9px,1cqw)}.stick-label,.diagram-mode{font-size:max(10px,1.1cqw)}
#input-note{margin:14px 0;font-size:12px;line-height:1.8}.titan-diagram .diagram-foot{gap:15px}@media(max-width:650px){.controller.q7-controller{overflow-x:auto}.q7-stage.titan-diagram{min-width:640px}}
/* Illustrated Titan case, matching its broad palm rest and carbon front lip. */
.q7-stage.titan-hardware{aspect-ratio:1000/640;border:0;background:transparent;border-radius:0;overflow:visible;filter:drop-shadow(0 12px 10px #0005)}.titan-shell{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.titan-hardware .titan-key:not(.utility){width:7.6%;background:radial-gradient(circle at 35% 24%,#53616c 0,#27333c 22%,#101920 53%,#050b10 70%);border:2px solid #76838d;box-shadow:0 3px 4px #0009,inset 0 0 0 3px #080f15,inset 0 0 0 5px #2f3c46;display:grid;place-items:center;grid-template-rows:none}
.titan-hardware .titan-key:not(.utility)>span{align-self:center;margin:0;font-size:2.2cqw;color:#e5e9ed}.titan-hardware .titan-key:not(.utility) .key-feedback{display:none}
.titan-hardware .titan-key.utility{width:4.65%;aspect-ratio:1.15;background:linear-gradient(100deg,#1c252d,#35404a 50%,#1a232b);border:1px solid #52616e;border-radius:2px;box-shadow:inset 1px 0 #7d889155,0 2px 3px #0008;grid-template-rows:none}
.titan-hardware .titan-key.utility>span{position:absolute;top:calc(100% + .45cqw);width:145%;left:-22.5%;text-align:center;white-space:nowrap;font-size:max(8px,.8cqw);color:#c0ccd5;font-weight:600;line-height:1.1}
.titan-hardware .titan-key.utility .key-feedback{display:none}.titan-hardware .titan-key.ps-key{width:4.5%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 40% 30%,#384650,#080f15 70%);box-shadow:0 1px 3px #0008,inset 0 0 0 3px #111d27}
.titan-hardware .titan-key.ps-key>span{position:static;width:auto;margin:0;align-self:center;font-size:1.25cqw;color:#e4ebef}
.titan-hardware .titan-key.option-key{width:5.7%;aspect-ratio:1;border:4px dashed #9ba6ae;border-radius:50%;background:radial-gradient(circle at 35% 25%,#48535c,#1b252e 55%,#080f15 78%);box-shadow:0 2px 4px #0008,inset 0 0 0 3px #151e26}
.titan-hardware .titan-key.option-key>span{font-size:max(8px,.8cqw);top:calc(100% + .8cqw)}
.titan-hardware .titan-key.touch-key{width:12.3%;aspect-ratio:2.25;border:1px solid #536775;background:repeating-linear-gradient(90deg,#1a2630 0 2px,#273540 2px 3px);border-radius:2px;box-shadow:inset 0 0 0 3px #0c151d}
.titan-hardware .titan-key.touch-key>span{font-size:max(8px,.75cqw);top:calc(100% + 1cqw)}
.titan-hardware .diagram-passive{width:4.65%;aspect-ratio:1.15;border:1px solid #52616e;border-radius:2px;background:linear-gradient(100deg,#1c252d,#35404a 50%,#1a232b);box-shadow:inset 1px 0 #7d889155,0 2px 3px #0008}
.titan-hardware .diagram-passive>b{position:absolute;top:calc(100% + .45cqw);left:-20%;width:140%;font-size:max(8px,.8cqw);color:#c0ccd5;line-height:1.1}.titan-hardware .diagram-passive>small{display:none}
.titan-hardware .diagram-switch{top:6.1%;width:2.1%;height:8%;display:block}.titan-hardware .diagram-switch>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:0;border:0;background:none;text-align:left}.titan-hardware .diagram-switch span{font-size:max(7px,.7cqw);line-height:1;color:#b4c0ca}.hardware-slider{position:absolute;left:95%;top:25%;width:1.55cqw;height:2.2cqw;background:linear-gradient(#32434f,#17242e);border:1px solid #72808b;box-shadow:0 1px 3px #0009}.titan-hardware .diagram-switch>small{display:none}
.titan-hardware .diagram-stick-zone{left:24%;top:31%;width:11.6%;aspect-ratio:1;border:2px solid #7a8d9c;background:radial-gradient(circle,#050b10 45%,#23333f 47%,#080f15 51%,#111b24 63%,#536570 65%,#0b141c 68%);box-shadow:0 4px 6px #0008}
.titan-hardware #titan-lever{width:75%;height:75%;left:50%;top:50%;border:1px solid #5a7183;background:#081119;box-shadow:0 0 0 3px #0b151e}
.titan-hardware #titan-lever i{width:100%;height:100%;background:radial-gradient(circle at 33% 25%,#71899b 0,#3a5264 13%,#182d3d 32%,#08131c 60%,#03090f 78%);box-shadow:inset 0 0 0 2px #182c3b,0 2px 4px #0009}
.titan-hardware .diagram-mode{bottom:-27%;font-size:max(9px,.85cqw);color:#9fb2c1}.titan-hardware .diagram-foot{bottom:5.8%;left:6%;right:6%;font-size:max(8px,.8cqw);color:#90a1af}.titan-hardware .diagram-foot>[data-diagram-copy=layout]{visibility:hidden}
.titan-hardware .titan-key.unavailable{opacity:1}.titan-hardware .titan-key.tested{border-color:#efbb4b;box-shadow:0 0 0 1px #efbb4b44,inset 0 0 0 3px #080f15}.titan-hardware .titan-key.pressed{background:radial-gradient(circle at 35% 25%,#fff1bb,#efbb4b 45%,#a97c22 80%);border-color:#ffe9b1;box-shadow:0 0 14px #efbb4b66,inset 0 0 0 2px #dba339}.titan-hardware .titan-key.pressed>span{color:#121a20}.titan-hardware .titan-key.utility.pressed>span{color:#ffdd87}
@media(max-width:650px){.q7-stage.titan-hardware{min-width:640px}.titan-hardware .titan-key:not(.utility){border-width:1px}}
.titan-hardware .titan-key.utility:not(.ps-key):not(.option-key):not(.touch-key),.titan-hardware .diagram-passive{aspect-ratio:2.1}.titan-hardware .diagram-switch[aria-label="LOCK"] svg{width:1cqw;height:1.2cqw;display:block;overflow:visible;color:#adbdc8}
.mode-readouts{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.mode-readouts>div{border:1px solid #40505d;border-radius:7px;background:#111b23;padding:14px 18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px}.mode-readouts span{color:#aab9c5;font-size:12px}.mode-readouts strong{grid-column:2;grid-row:1/3;color:var(--gold);font-size:24px;font-weight:700}.mode-readouts small{color:#8396a5;font-size:11px;line-height:1.6}.titan-hardware .diagram-switch[data-switch="MODE"] .hardware-slider,.titan-hardware .diagram-switch[data-switch="PLATFORM"] .hardware-slider{top:calc(var(--switch-position,0)*36%);height:28%;opacity:.3;transition:top .1s,background .1s}.titan-hardware .diagram-switch.identified .hardware-slider{opacity:1;background:linear-gradient(#ffe5a0,#c28f29);border-color:#f1c766;box-shadow:0 0 6px #efbb4b66}.titan-hardware .diagram-switch span.selected{color:#ffda80;font-weight:800;text-shadow:0 0 4px #efbb4b55}@media(max-width:650px){.mode-readouts{grid-template-columns:1fr}.mode-readouts>div{padding:12px 14px}}
/* Online manual */
.titan-guide{padding-bottom:30px}.guide-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;background:#19232c;border:1px solid #3c4b56;border-radius:10px;padding:30px}.guide-intro h3{font-size:27px;margin:0 0 10px}.guide-intro p{color:var(--muted);margin:0}.guide-intro .kicker{color:var(--gold);margin-bottom:9px}.guide-download{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.guide-nav{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 34px}.guide-nav a{font-size:12px;color:#b7c4cf;background:#16212a;border:1px solid #354550;border-radius:5px;padding:8px 13px}.guide-nav a:hover{border-color:var(--gold);color:var(--gold);text-decoration:none}.guide-section{border:1px solid #354550;border-radius:10px;background:#151f28;padding:28px;margin-bottom:24px;scroll-margin-top:22px}.guide-section-heading{display:flex;gap:14px;align-items:center;margin-bottom:24px}.guide-section-heading>span{font:12px Consolas,monospace;color:var(--gold);border:1px solid #6d5930;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;flex-shrink:0}.guide-section-heading h3{font-size:21px;margin:0;line-height:1.4}.guide-section p{color:#adbbc6;margin:0 0 14px}.guide-section h4{font-size:15px;margin:0 0 14px}.guide-section li{color:#adbbc6}.guide-section ul{padding-left:20px;margin:0;line-height:1.95}.guide-layout{margin:0 0 26px;background:white;border-radius:7px;overflow:hidden;padding:25px}.guide-layout>img{display:block;width:100%;height:auto}.guide-layout figcaption{text-align:center;font-size:11px;color:#5c6770;margin-top:15px}.guide-parts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.guide-parts li{position:relative;background:#1c2933;border:1px solid #33434f;padding:12px 10px;display:flex;gap:9px;align-items:center;min-height:61px;font-size:12px;color:#d0dbe3}.guide-parts li>span{font:12px Consolas,monospace;color:var(--gold);min-width:23px}.guide-parts small{display:block;font-size:10px;color:#8fa2af;margin-top:2px}.guide-parts .guide-icon{width:24px;height:24px;object-fit:contain;margin-left:auto;flex-shrink:0;background:white;border-radius:3px;padding:2px}.guide-feature{display:grid;grid-template-columns:105px minmax(0,1fr);gap:25px;align-items:start}.guide-art{background:white;border-radius:7px;min-height:100px;display:flex;align-items:center;justify-content:center;padding:12px}.guide-art .guide-icon{width:100%;height:auto;max-height:120px;object-fit:contain}.guide-feature-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.guide-feature-grid>.guide-section{margin:0 0 24px}.guide-feature-grid .guide-feature{grid-template-columns:80px minmax(0,1fr);gap:18px}.guide-steps{margin:0 0 18px;padding-left:22px}.guide-steps li{padding-left:4px;margin-bottom:8px}.guide-callout{padding:12px 15px;background:#24271f;border-left:3px solid var(--gold);font-size:13px;color:#ded5b7!important}.guide-source-note{font-size:11px;color:#899eac!important;line-height:1.8}.guide-mode-list{margin:14px 0}.guide-mode-list>div{display:flex;gap:18px;border-bottom:1px solid #2d3c47;padding:8px 0}.guide-mode-list dt{color:var(--gold);font:600 12px/1.8 Consolas,monospace;min-width:58px}.guide-mode-list dd{margin:0;color:#bfccd5;font-size:13px}.guide-chips{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.guide-chips span{font-size:11px;border:1px solid #59606a;border-radius:4px;background:#24323e;color:#d5dce1;padding:3px 9px}.guide-action{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.guide-action b{color:var(--gold);font-size:13px;padding:6px 10px;border:1px solid #776139;border-radius:4px}.guide-action>span{font-size:12px}.guide-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.guide-state-grid>div{border:1px solid #3d4b56;border-radius:7px;background:#1b2832;padding:17px}.guide-state-grid h4{margin:12px 0 8px}.guide-state-grid p{font-size:12px;margin:0}.guide-led{display:block;width:11px;height:11px;border-radius:50%;border:1px solid #76818a;background:#2e3a43}.guide-led.press{background:#c95a48;border-color:#ff9b88;box-shadow:0 0 0 4px #c95a4818}.guide-led.auto{background:#ff7462;border-color:#ffd0b8;box-shadow:0 0 12px #ff746255}.guide-spec{margin:0;border:1px solid #354550;border-radius:7px;overflow:hidden}.guide-spec>div{display:grid;grid-template-columns:135px 1fr;padding:10px 14px;gap:15px;border-bottom:1px solid #2c3c48}.guide-spec>div:last-child{border:0}.guide-spec dt{font-size:12px;color:#8fa1af}.guide-spec dd{font-size:12px;color:#d0dbe3;margin:0}.guide-support a{overflow-wrap:anywhere}.guide-downloads{display:grid;gap:12px;align-content:start}.guide-downloads>a{border:1px solid #4e5861;border-radius:7px;background:#202c36;padding:15px 18px;font-size:13px;display:block}.guide-downloads small{display:block;font-size:11px;color:#9caebb;margin-top:6px}.guide-compliance{margin-top:25px;border-top:1px solid #34434f;padding-top:18px;font-size:12px}.guide-compliance summary{cursor:pointer;color:#c4d0d9;margin-bottom:18px}.guide-table-scroll{overflow-x:auto;margin:18px 0}.guide-compliance table{width:100%;border-collapse:collapse;color:#b8c7d2;font-size:12px;min-width:460px}.guide-compliance caption{text-align:left;color:#8ea1af;margin-bottom:9px}.guide-compliance td,.guide-compliance th{border:1px solid #40515f;padding:8px 12px;text-align:center}.guide-compliance th{background:#21313d}.guide-credit{font-size:11px;color:#8196a5;line-height:1.9;text-align:center;margin:26px 0 0}@media(max-width:950px){.guide-parts{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-feature-grid{grid-template-columns:1fr}.guide-feature-grid .guide-feature{grid-template-columns:100px minmax(0,1fr)}.guide-intro{align-items:flex-start}.guide-intro h3{font-size:24px}}@media(max-width:650px){.guide-intro{display:block;padding:22px}.guide-download{margin-top:20px}.guide-section{padding:20px}.guide-section-heading h3{font-size:18px}.guide-feature,.guide-feature-grid .guide-feature{grid-template-columns:64px minmax(0,1fr);gap:14px}.guide-art{padding:8px;min-height:75px}.guide-state-grid{grid-template-columns:1fr}.guide-parts{grid-template-columns:1fr 1fr}.guide-parts li{font-size:11px;padding:10px 7px}.guide-parts .guide-icon{display:none}.guide-layout{padding:10px}.guide-spec>div{grid-template-columns:95px 1fr;gap:10px}.guide-nav{gap:6px}.guide-nav a{font-size:11px;padding:6px 9px}}
/* Manual artwork uses the same dark surfaces and restrained gold accents as the app. */
.guide-layout{background:#111b23;border:1px solid #354550;padding:24px;isolation:isolate}
.guide-layout>img,.guide-art .guide-icon,.guide-parts .guide-icon{filter:invert(1);mix-blend-mode:screen;opacity:.87}
.guide-layout figcaption{color:#8fa2af}
.guide-art{background:#111b23;border:1px solid #665735;box-shadow:inset 0 1px 0 #ffffff05;isolation:isolate;padding:14px;min-height:112px}
.guide-art .guide-icon{display:block;max-height:140px}
.guide-parts .guide-icon{background:transparent;padding:2px;width:28px;height:28px;border-radius:0}
@media(max-width:650px){.guide-layout{padding:12px}.guide-art{padding:9px;min-height:84px}.guide-parts .guide-icon{display:block;width:24px;height:24px}.guide-parts li{flex-wrap:wrap}.guide-parts li>div{min-width:0}}
.guide-art .guide-icon,.guide-parts .guide-icon{opacity:1;filter:invert(1) brightness(1.15)}
/* Full supplied brand and product artwork, without cropping. */
.header .brand{width:112px;flex-shrink:0}.header .symbol{width:106px;height:72px;object-fit:contain}
.product-photo{aspect-ratio:1;overflow:hidden;filter:none;border-radius:10px;background:#fff}
.product-photo img{position:static;display:block;width:100%;height:100%;object-fit:contain;clip-path:none}
.hero{padding:36px 0;gap:45px;grid-template-columns:1fr 1.3fr}
@media(max-width:650px){.header .brand{width:80px}.header .symbol{width:78px;height:58px}.hero{grid-template-columns:1fr;gap:24px}.product-photo{aspect-ratio:1;width:100%;max-width:480px;justify-self:center}}
.header .symbol{filter:none}
.product-photo{background:transparent;border-radius:0}

/* Keep diagnostics out of the normal input test display. */
#test .raw-buttons,#test #input-note,#test .mode-readouts{display:none}
.test-log-row>span:nth-child(2){color:var(--gold)}
#test>details.raw{display:none}

.test-device-meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}.test-device-meta .test-legend{display:flex;margin:0;padding:0;border:0;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px}.test-device-meta #mapping-status{margin:0}.test-device-meta .test-legend button{font-size:11px}

.upgrade-resources[hidden]{display:none}.support-grid{grid-template-columns:1fr}

/* Desktop user guide: persistent chapter navigation beside the content. */
.guide-content{min-width:0}
@media(min-width:1000px){
 .guide-body{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start;margin-top:26px}
 .guide-body>.guide-nav{position:sticky;top:24px;display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;margin:0;max-height:calc(100vh - 48px);overflow-y:auto;padding:1px 4px 4px 1px}
 .guide-body>.guide-nav a{display:block;width:100%;padding:11px 13px;line-height:1.65;overflow-wrap:anywhere}
 .guide-content .guide-section:target{border-color:#8b713c}
 .guide-content .guide-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1000px) and (max-width:1250px){.guide-content>.guide-feature-grid{grid-template-columns:1fr}}
/* Align header and hero proportions with the Obsidian 2 product page. */
.header{height:104px;gap:25px}.header .brand{width:106px}.header .symbol{width:106px;height:75px}
.hero{min-height:450px;grid-template-columns:1fr 1.15fr;gap:40px;padding:48px 0}
.product-photo{position:relative;aspect-ratio:1.7;width:100%;max-width:none;margin:0;background:transparent;overflow:hidden;filter:drop-shadow(0 18px 14px #0008)}
.product-photo img{position:absolute;width:96%;height:auto;max-width:none;left:2%;top:50%;transform:translateY(-50%);object-fit:contain;clip-path:none}
@media(max-width:950px) and (min-width:651px){.hero{gap:15px}}
@media(max-width:650px){.header{height:84px;gap:10px}.header .brand{width:78px}.header .symbol{width:78px;height:60px}.hero{grid-template-columns:1fr;padding:28px 0 20px;gap:20px;min-height:0}.hero h1{font-size:32px}.hero-meta{margin-top:15px}.product-photo{max-width:420px;margin:auto;aspect-ratio:1.7}}

.header{height:80px}.header .symbol{height:64px}.shell{max-width:1200px}@media(max-width:650px){.header .symbol{height:58px}}

.titan-hardware .hardware-slider{left:78%}

/* Drone 2 hardware geometry */
.header{height:80px;min-height:80px}.shell{max-width:1200px}.raw,.raw-buttons,.mode-readouts,#input-note{display:none!important}
.diagram-switch[data-switch="PLATFORM"]{top:2.3%!important}.diagram-switch[data-switch="MODE"]{top:11.2%!important}
.diagram-switch[data-switch="MODE"]>div,.diagram-switch[data-switch="PLATFORM"]>div{gap:3px!important}
.titan-stage .diagram-stick-zone{left:34%!important;top:42%!important}
.titan-key.option-key{border-radius:50%!important;width:4.5%!important;height:7%!important}
.titan-key.touch-key{width:13%!important;height:10%!important}
.product-photo img{object-fit:contain}
.titan-hardware .diagram-switch{width:5.2%;height:5%;text-align:center}
.titan-hardware .diagram-switch>div{flex-direction:row;gap:2px;justify-content:center;align-items:flex-start;white-space:nowrap}
.titan-hardware .diagram-switch[data-switch="MODE"] .hardware-slider,.titan-hardware .diagram-switch[data-switch="PLATFORM"] .hardware-slider{top:36%;left:calc(18% + var(--switch-position,0)*25%);width:1cqw;height:1.3cqw;transition:left .1s}
.titan-stage .diagram-stick-zone{left:28%!important;top:35%!important}
.device-picker{display:block!important}.test-device-meta{display:flex!important;width:100%}

.guide-layout>img{max-height:600px;object-fit:contain}.guide-layout{background:#111b23}

.downgrade-consent{display:flex;gap:10px;align-items:flex-start;color:var(--text)}.downgrade-consent input{margin-top:7px;accent-color:var(--gold)}#downgrade-shift{margin:10px 0 0;color:var(--gold)}

.firmware-source{border:1px solid var(--line);border-radius:7px;padding:18px 20px;margin-top:24px;background:var(--panel-dark)}.firmware-source h3{font-size:15px;margin:0 0 8px}.firmware-source p{font-size:12px;line-height:1.8}.firmware-source-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.firmware-source .secondary{font-size:12px;padding:9px 16px}#firmware-file-status{margin:12px 0 0;color:var(--gold);overflow-wrap:anywhere}#firmware-file-status.error{color:#ffb8b1}

.fallback-version{display:block;color:var(--muted);font-size:11px;margin-top:5px}
/* Recessed three-position switches, contained within the top panel. */
.titan-hardware .diagram-switch[data-switch="PLATFORM"]{top:5%!important}
.titan-hardware .diagram-switch[data-switch="MODE"]{top:11.5%!important}
.titan-hardware .diagram-switch{width:5.2%;height:5.5%}
.titan-hardware .diagram-switch::before{content:'';position:absolute;left:8%;top:30%;width:84%;height:62%;border:1px solid #40484e;border-radius:.55cqw;background:linear-gradient(#070b0e,#11171c);box-shadow:inset 0 .25cqw .35cqw #000,0 1px 0 #64717b55}
.titan-hardware .diagram-switch>div{inset:0 0 auto;height:25%;justify-content:space-between;gap:0!important;align-items:center}
.titan-hardware .diagram-switch span{font-size:max(7px,.74cqw);line-height:1}
.titan-hardware .diagram-switch[data-switch="MODE"]>div{top:auto;bottom:0}
.titan-hardware .diagram-switch[data-switch="MODE"]::before{top:0}
.titan-hardware .diagram-switch[data-switch="PLATFORM"] .hardware-slider,.titan-hardware .diagram-switch[data-switch="MODE"] .hardware-slider{top:36%;left:calc(13% + var(--switch-position,1)*25%);width:24%;height:48%;border:1px solid #647079;border-radius:.32cqw;background:linear-gradient(100deg,#21292f,#58616a 45%,#343d45 80%,#1b232a);box-shadow:inset 1px 1px 2px #94a0aa55,1px 2px 3px #000;opacity:.45;transition:left .12s}
.titan-hardware .diagram-switch[data-switch="MODE"] .hardware-slider{top:6%}
.titan-hardware .diagram-switch.identified .hardware-slider{opacity:1;background:linear-gradient(100deg,#2b3238,#768089 45%,#434c54 80%,#20272d);border-color:#a7905c;box-shadow:inset 1px 1px 2px #aab3bb55,1px 2px 3px #000}
.titan-hardware .diagram-switch:not(.identified) .hardware-slider{left:38%;opacity:.35}
.firmware-version-label{display:flex;align-items:center;gap:14px;margin:16px 0;color:var(--muted);font-size:13px}.firmware-version-label select{min-width:155px;background:#101820;color:var(--text);border:1px solid #59616a;border-radius:5px;padding:9px 12px;font:inherit}.firmware-version-label select:focus{outline:1px solid var(--gold)}