#gs-device-lab{box-sizing:border-box;--el-bg:#11171f;--el-panel:#1a222d;--el-line:#35414f;--el-text:#f1f4f8;--el-muted:#acb7c5;--el-accent:#a5f4d3;background:var(--el-bg);color:var(--el-text);width:100%;max-width:100%;margin:20px 0;padding:clamp(18px,4vw,56px);border-radius:16px;isolation:isolate;font:15px/1.65 Arial,Helvetica,sans-serif;text-align:left;color-scheme:dark;overflow:hidden}#gs-device-lab *{box-sizing:border-box}#gs-device-lab [hidden]{display:none!important}#gs-device-lab :is(h1,h2,h3,p){margin:0}#gs-device-lab :is(h1,h2,h3){color:var(--el-text);line-height:1.2;font-weight:750}#gs-device-lab h1{font-size:clamp(34px,5.5vw,72px);letter-spacing:-.055em;margin:20px 0}#gs-device-lab h1 span{color:var(--el-accent)}#gs-device-lab h2{font-size:clamp(23px,2.6vw,34px);letter-spacing:-.03em}#gs-device-lab h3{font-size:20px}#gs-device-lab a{color:inherit}#gs-device-lab :is(button,select,input){font:inherit}#gs-device-lab button{background:#27323f;color:var(--el-text);border:1px solid #4a5869;border-radius:8px;padding:11px 16px;cursor:pointer;font-size:13px;font-weight:700;min-height:44px;line-height:1.45}#gs-device-lab button:hover:enabled{border-color:var(--el-accent);color:var(--el-accent)}#gs-device-lab button:disabled{opacity:.45;cursor:not-allowed}#gs-device-lab button.el-primary{background:var(--el-accent);border-color:var(--el-accent);color:#132b24}#gs-device-lab :is(a,button,select,input,summary,[tabindex]):focus-visible{outline:3px solid #ffa875;outline-offset:4px}#gs-device-lab :is(input,select){width:100%;min-width:0;min-height:44px;padding:9px 11px;border:1px solid #475363;border-radius:7px;color:var(--el-text);background:#141c25;font-size:13px}#gs-device-lab label{display:grid;gap:5px;color:var(--el-muted);font-size:12px;min-width:0}#gs-device-lab .el-eyebrow{font:700 10px/1.5 Arial;letter-spacing:.15em;color:var(--el-muted)}#gs-device-lab .el-lead{font-size:18px;color:#c7d0db;max-width:760px}#gs-device-lab .el-hero{padding:24px 0 34px}#gs-device-lab .el-hero p+p{margin-top:12px}#gs-device-lab .el-small{font-size:12px;color:var(--el-muted);line-height:1.75}#gs-device-lab .el-panel{background:var(--el-panel);border:1px solid var(--el-line);border-radius:12px;padding:24px;min-width:0}#gs-device-lab .el-section{margin-top:32px;scroll-margin-top:110px}#gs-device-lab .el-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:24px 0}#gs-device-lab .el-controls label{flex:1;min-width:150px}#gs-device-lab .el-controls .el-name{flex:2;min-width:220px}#gs-device-lab .el-status{border:1px solid #4b6e61;background:#22312e;border-radius:10px;padding:17px 20px;margin:20px 0;color:#d6e8e1;font-size:13px}#gs-device-lab .el-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}#gs-device-lab .el-metric{background:var(--el-panel);border:1px solid var(--el-line);border-radius:10px;padding:17px;min-width:0}#gs-device-lab .el-metric span{font-size:11px;color:var(--el-muted);display:block}#gs-device-lab .el-metric output{display:block;color:var(--el-accent);font:700 29px/1.3 Consolas,monospace;margin-top:9px;overflow-wrap:anywhere}#gs-device-lab .el-active-line{min-height:38px;padding:10px 0 17px;font:13px/1.7 Consolas,monospace;color:var(--el-accent);overflow-wrap:anywhere}#gs-device-lab .el-capture{outline-offset:4px;scroll-margin-top:110px}#gs-device-lab .el-capture.el-running{border-color:#9bd6bf;box-shadow:0 0 0 1px #9bd6bf50}#gs-device-lab .el-board-scroll{overflow-x:auto;padding:14px 4px 24px;-webkit-overflow-scrolling:touch}#gs-device-lab .el-board{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,12fr) minmax(0,16fr);gap:16px;min-width:970px;user-select:none}#gs-device-lab .el-board.el-tkl{grid-template-columns:minmax(0,60fr) minmax(0,12fr);min-width:800px}#gs-device-lab .el-keygroup{min-width:0}#gs-device-lab .el-keyrow{display:grid;gap:3px;height:44px;margin:0 0 4px}#gs-device-lab .el-key{position:relative;border:1px solid #526171;border-radius:5px;background:#111923;min-width:0;display:flex;align-items:center;justify-content:center;font:700 10px/1.2 Arial,sans-serif;padding:2px;overflow-wrap:anywhere;color:#dbe3ec}#gs-device-lab .el-key.el-tall{height:92px;z-index:2}#gs-device-lab .el-key.el-seen{border-color:#77b39c;background:#233a32}#gs-device-lab .el-key.el-held{background:var(--el-accent);color:#10271d;border-color:var(--el-accent)}#gs-device-lab .el-legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:var(--el-muted);margin-top:12px}#gs-device-lab .el-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;background:var(--el-accent)}#gs-device-lab .el-legend .el-outline{background:transparent;border:1px solid #77b39c}#gs-device-lab .el-legend .el-grey{background:#627081}#gs-device-lab .el-split{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}#gs-device-lab .el-table-scroll{overflow:auto;max-height:620px;margin-top:20px}#gs-device-lab table{border-collapse:collapse;width:100%;font-size:12px;min-width:580px}#gs-device-lab :is(th,td){text-align:left;padding:11px 10px;border-bottom:1px solid var(--el-line);vertical-align:top}#gs-device-lab th{color:var(--el-muted);font-size:10px;letter-spacing:.03em;background:#1c2834;position:sticky;top:0;z-index:1}#gs-device-lab td{font-variant-numeric:tabular-nums}#gs-device-lab .el-log{font:12px/1.8 Consolas,monospace;color:var(--el-muted);list-style:none;margin:15px 0 0;padding:0;overflow-wrap:anywhere}#gs-device-lab .el-log li{border-bottom:1px solid var(--el-line);padding:7px 0}#gs-device-lab details{border-top:1px solid var(--el-line);margin-top:18px;padding:17px 0;font-size:13px}#gs-device-lab summary{cursor:pointer;font-weight:700;min-height:28px}#gs-device-lab details p{color:var(--el-muted);margin-top:14px;line-height:1.8}#gs-device-lab .el-mouse-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}#gs-device-lab .el-mouse-svg{display:block;width:100%;height:auto;max-width:280px;margin:0 auto}#gs-device-lab .el-mouse-svg [data-mbutton]{fill:#1b2732;stroke:#738293;stroke-width:2}#gs-device-lab .el-mouse-svg [data-mbutton].el-seen{stroke:#a5f4d3}#gs-device-lab .el-mouse-svg [data-mbutton].el-held{fill:#a5f4d3;stroke:#a5f4d3}#gs-device-lab .el-mouse-svg text{fill:#cbd8e4;font:700 12px Arial;text-anchor:middle}#gs-device-lab .el-mouse-field{background:#0d141d;border:1px solid #526171;border-radius:9px;position:relative;min-height:300px;cursor:crosshair;overscroll-behavior:contain}#gs-device-lab .el-mouse-field canvas{display:block;width:100%;height:340px;touch-action:pan-y}#gs-device-lab .el-mouse-hint{position:absolute;inset:20px 20px auto;font-size:12px;color:#a8bbc9;pointer-events:none}#gs-device-lab .el-button-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:20px}#gs-device-lab .el-button-card{padding:12px;border:1px solid #526171;border-radius:7px;background:#121b25;min-width:0;font-size:12px}#gs-device-lab .el-button-card strong{display:block;font-size:12px}#gs-device-lab .el-button-card output{display:block;font:700 26px Consolas,monospace;color:var(--el-accent);margin:8px 0}#gs-device-lab .el-button-card.el-held{background:#365b4a;border-color:#a5f4d3}#gs-device-lab .el-button-card.el-seen{border-color:#7ba792}#gs-device-lab .el-wheel-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}#gs-device-lab .el-wheel-values div{border:1px solid var(--el-line);padding:14px;border-radius:8px;font-size:12px;min-width:0}#gs-device-lab .el-wheel-values strong{color:var(--el-accent);font:700 22px Consolas,monospace;display:block;margin:8px 0}#gs-device-lab .el-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0}#gs-device-lab .el-hub-card{display:flex;flex-direction:column;text-decoration:none;padding:26px;border:1px solid #465868;border-radius:12px;background:var(--el-panel);min-width:0}#gs-device-lab .el-hub-card:hover{border-color:var(--el-accent)}#gs-device-lab .el-hub-card svg{width:100%;height:140px;stroke:var(--el-accent);fill:none;stroke-width:2;margin:16px 0 24px}#gs-device-lab .el-hub-card h2{font-size:25px;margin-bottom:15px}#gs-device-lab .el-hub-card p{font-size:13px;color:var(--el-muted);flex:1}#gs-device-lab .el-hub-card strong{margin-top:24px;color:var(--el-accent);font-size:13px}#gs-device-lab .el-footer{border-top:1px solid var(--el-line);margin-top:32px;padding-top:24px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--el-muted);font-size:11px}#gs-device-lab .el-source{font-size:11px;color:var(--el-muted);margin-top:20px}#gs-device-lab .el-source a{display:inline-block;margin:5px 14px 0 0;text-decoration:underline}
@media(max-width:900px){#gs-device-lab .el-hub-grid,#gs-device-lab .el-split{grid-template-columns:1fr}#gs-device-lab .el-hub-card svg{height:110px}#gs-device-lab .el-mouse-grid{grid-template-columns:200px minmax(0,1fr)}#gs-device-lab .el-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){#gs-device-lab .el-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#gs-device-lab .el-controls label,#gs-device-lab .el-controls .el-name{min-width:0;grid-column:1/-1}#gs-device-lab .el-controls .el-primary{grid-column:1/-1}#gs-device-lab .el-panel{padding:18px}#gs-device-lab .el-metric{padding:13px}#gs-device-lab .el-metric output{font-size:23px}#gs-device-lab .el-mouse-grid{grid-template-columns:1fr}#gs-device-lab .el-mouse-svg{max-width:170px}#gs-device-lab .el-button-cards{grid-template-columns:repeat(2,minmax(0,1fr))}#gs-device-lab .el-button-card:last-child{grid-column:1/-1}#gs-device-lab .el-wheel-values{grid-template-columns:1fr}#gs-device-lab .el-lead{font-size:16px}#gs-device-lab .el-hub-card{padding:21px}}
@media(prefers-reduced-motion:reduce){#gs-device-lab *{scroll-behavior:auto!important;transition:none!important}}

#gs-device-lab .el-keyrow{grid-template-rows:44px;align-items:start}#gs-device-lab .el-key{height:44px}#gs-device-lab .el-key.el-tall{height:92px}#gs-device-lab .el-key.el-iso-enter{clip-path:polygon(0 0,100% 0,100% 100%,17% 100%,17% 48%,0 48%)}

#gs-device-lab button.el-primary:hover:enabled{background:#c4ffe8;color:#132b24}
#gs-device-lab .el-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}
#gs-device-lab .el-extra-grid>.el-panel{min-width:0}
#gs-device-lab .el-wide{grid-column:1/-1}
#gs-device-lab .el-wave{display:block;width:100%;height:170px;background:#101923;border:1px solid #465362;border-radius:8px;margin:18px 0}
#gs-device-lab .el-level{height:16px;background:#101923;border:1px solid #465362;border-radius:4px;overflow:hidden;margin:15px 0}
#gs-device-lab .el-level i{height:100%;display:block;width:0;background:#a5f4d3}
#gs-device-lab .el-setting-list{padding:0;margin:16px 0;list-style:none;color:#c7d0db;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
#gs-device-lab .el-setting-list li{padding:5px 0;border-bottom:1px solid #35414f}
#gs-device-lab .el-check{display:flex;align-items:center;gap:9px;font-size:13px;margin:12px 0;color:#c7d0db}
#gs-device-lab .el-check input{width:20px;min-height:20px;height:20px;flex:none}
#gs-device-lab audio{width:100%;margin:16px 0;display:block}
#gs-device-lab .el-choice{display:grid;gap:12px;margin-top:18px}
#gs-device-lab .el-choice label{padding:12px;border:1px solid #465362;border-radius:7px;gap:8px;color:#dce6ef}
#gs-device-lab .el-tone-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}
#gs-device-lab .el-range{display:flex;align-items:center;gap:12px;margin:16px 0}
#gs-device-lab .el-range input{padding:0;flex:1}
#gs-device-lab .el-range output{white-space:nowrap;min-width:60px;font-size:13px;color:#a5f4d3}
#gs-device-lab .el-monitor-screen{position:relative;background:#000;width:100%;height:430px;border:1px solid #536274;border-radius:9px;overflow:hidden;outline-offset:4px}
#gs-device-lab .el-monitor-screen:fullscreen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0}
#gs-device-lab .el-monitor-screen canvas{display:block;width:100%;height:100%;cursor:pointer}
#gs-device-lab .el-screen-tools{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px;background:#101720ed;border:1px solid #6c7a88;border-radius:8px;color:#fff;font:12px/1.5 Arial,sans-serif}
#gs-device-lab .el-screen-tools strong{flex:1;min-width:110px;color:#fff}
#gs-device-lab .el-screen-tools button{font-size:11px;padding:8px 12px;min-height:40px}
#gs-device-lab .el-patterns{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#gs-device-lab .el-patterns button[aria-pressed="true"]{border-color:#a5f4d3;color:#a5f4d3;background:#223b32}
#gs-device-lab .el-wheel-art{width:145px;height:145px;border:10px solid #a5f4d3;border-radius:50%;position:relative;margin:20px auto;transform:rotate(var(--angle,0deg))}
#gs-device-lab .el-wheel-art:before{content:"";position:absolute;left:50%;top:50%;width:105px;height:9px;background:#a5f4d3;transform:translate(-50%,-50%)}
#gs-device-lab .el-wheel-art:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:65px;background:#a5f4d3;transform:translateX(-50%)}
#gs-device-lab .el-calibration{padding:18px;border:1px solid #465362;border-radius:9px;margin-top:14px;min-width:0}
#gs-device-lab .el-calibration h3{font-size:18px;margin-bottom:14px}
#gs-device-lab .el-calibration .el-controls{margin:12px 0;gap:8px}
#gs-device-lab .el-calibration button{font-size:11px;padding:10px}
#gs-device-lab .el-calibration output{display:block;font:700 26px/1.4 Consolas,monospace;color:#a5f4d3;margin-top:12px}
#gs-device-lab .el-axes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
#gs-device-lab .el-axis{border:1px solid #465362;border-radius:7px;padding:13px;font:12px/1.7 Consolas,monospace;min-width:0;overflow-wrap:anywhere}
#gs-device-lab .el-axis meter{display:block;width:100%;height:18px;margin:7px 0}
#gs-device-lab .el-raw-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
#gs-device-lab .el-raw-button{border:1px solid #536274;border-radius:6px;padding:10px;font:12px/1.6 Consolas,monospace;min-width:90px}
#gs-device-lab .el-raw-button.el-seen{border-color:#7da994}
#gs-device-lab .el-raw-button.el-held{background:#a5f4d3;color:#10271e}
@media(max-width:750px){#gs-device-lab .el-extra-grid{grid-template-columns:1fr}#gs-device-lab .el-tone-buttons{grid-template-columns:1fr}#gs-device-lab .el-monitor-screen{height:390px}#gs-device-lab .el-axes{grid-template-columns:1fr}#gs-device-lab .el-calibration{padding:13px}#gs-device-lab .el-screen-tools{left:5px;right:5px;bottom:5px;padding:7px;gap:5px}#gs-device-lab .el-screen-tools button{padding:7px;font-size:10px}#gs-device-lab .el-screen-tools strong{flex-basis:100%}}

:is(#gs-device-lab,#gs-controller-lab) .el-family{display:flex;align-items:start;gap:18px;border-bottom:1px solid #465362;margin-bottom:24px;padding-bottom:20px;font:700 12px/1.5 Arial,Helvetica,sans-serif}
:is(#gs-device-lab,#gs-controller-lab) .el-family a{text-decoration:none;color:#c4d0dc;display:flex;align-items:center;justify-content:center;padding:11px 13px;border:1px solid #465362;border-radius:7px;min-height:44px}
:is(#gs-device-lab,#gs-controller-lab) .el-family .el-family-home{color:#a5f4d3;border-color:transparent;font-size:14px;margin-right:auto;padding-left:0;gap:10px;white-space:nowrap}
:is(#gs-device-lab,#gs-controller-lab) .el-family .el-family-menu{border:0;margin:0;padding:0;flex:0 1 820px;min-width:0}
:is(#gs-device-lab,#gs-controller-lab) .el-family summary{min-height:44px;padding:11px 15px;border:1px solid #465362;border-radius:7px;cursor:pointer;color:#e2e9f1;font-size:12px;line-height:1.6}
:is(#gs-device-lab,#gs-controller-lab) .el-family-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:12px}
:is(#gs-device-lab,#gs-controller-lab) .el-family a[aria-current="page"]{background:#a5f4d3;color:#132b24;border-color:#a5f4d3}
:is(#gs-device-lab,#gs-controller-lab) .el-family a:hover{border-color:#a5f4d3}
:is(#gs-device-lab,#gs-controller-lab) .el-family :is(a,summary):focus-visible{outline:3px solid #ffa875;outline-offset:3px}
:is(#gs-device-lab,#gs-controller-lab) .el-mobile-notice{display:none}
@media(max-width:750px){:is(#gs-device-lab,#gs-controller-lab) .el-family{display:block}:is(#gs-device-lab,#gs-controller-lab) .el-family .el-family-home{justify-content:flex-start;margin-bottom:10px}:is(#gs-device-lab,#gs-controller-lab) .el-family-links{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#gs-device-lab,#gs-controller-lab) .el-family-links a{padding:10px 7px;font-size:11px}:is(#gs-device-lab,#gs-controller-lab) .el-mobile-notice{display:block;margin:0 0 24px;padding:15px 17px;border:1px solid #8b694b;border-left:3px solid #ffa875;border-radius:7px;background:#302a25;color:#f4dfce;font:400 14px/1.6 Arial,Helvetica,sans-serif}:is(#gs-device-lab,#gs-controller-lab) .el-mobile-notice strong{display:block;margin-bottom:4px;color:#ffbc94;font-weight:700}}
@media(max-width:380px){:is(#gs-device-lab,#gs-controller-lab) .el-family-links{grid-template-columns:1fr}}
#gs-device-lab .el-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:34px;align-items:start}
#gs-device-lab .el-hero-copy{min-width:0}
:is(#gs-device-lab,#gs-controller-lab) .el-dani{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:center;min-width:0;border:1px solid #416154;border-radius:12px;padding:20px 18px;background:linear-gradient(135deg,#20352f,#17222b);color:#e8f1ee;box-sizing:border-box;text-align:left;font:13px/1.65 Arial,Helvetica,sans-serif}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-sprite{display:block;width:96px;height:96px;background:url('https://gamer.shop.hu/upload/landings/1/26/pixel-dani-sheet.webp') 0 0/400% 200% no-repeat;image-rendering:pixelated;pointer-events:none;align-self:start;margin-top:5px}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-copy{min-width:0}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-name{margin:0 0 9px;color:#a5f4d3;font-size:14px;font-weight:700;line-height:1.6}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-name span{font-size:11px;font-weight:400;color:#bdd0c7;white-space:nowrap}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-tip{margin:0;font-size:13px;line-height:1.7;color:#e1ece7}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-guide{margin:8px 0 0;padding:0;border:0;font-size:12px}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-guide summary{padding:11px 0;min-height:44px;box-sizing:border-box;cursor:pointer;color:#b8f6dc;font:700 12px/1.8 Arial,Helvetica,sans-serif}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-guide summary:focus-visible{outline:3px solid #ffa875;outline-offset:3px;border-radius:4px}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-guide ol{margin:4px 0 0;padding:0 0 0 18px;line-height:1.75;color:#c5d8ce;font:12px/1.75 Arial,Helvetica,sans-serif}
:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-guide li{margin:0 0 10px;padding-left:3px}
#gs-controller-lab .cl-hero{align-items:start}
#gs-controller-lab .cl-hero>.el-dani{flex:0 1 440px}
#gs-controller-lab .cl-hero>div:first-child{min-width:0}
@media(max-width:1050px){#gs-device-lab .el-hero{grid-template-columns:1fr;gap:20px}#gs-controller-lab .cl-hero{display:grid;grid-template-columns:1fr;gap:24px}#gs-controller-lab .cl-hero>.el-dani{width:100%}}
@media(max-width:750px){:is(#gs-device-lab,#gs-controller-lab) .el-dani{grid-template-columns:64px minmax(0,1fr);padding:15px 13px;gap:10px}:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-sprite{width:64px;height:64px}:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-name{font-size:13px;margin-bottom:6px}:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-name span{display:block;white-space:normal;font-size:10px}:is(#gs-device-lab,#gs-controller-lab) .el-dani .el-dani-tip{font-size:12px}}
@media print{:is(#gs-device-lab,#gs-controller-lab) .el-dani{break-inside:avoid}}