/* Start:/local/components/vadik/gamepad.tester/templates/.default/style.css?178433078745941*/
.gptester {
    --gpt-accent: var(--theme-base-color, #f2722c);
    --gpt-accent-dark: #d95b18;
    --gpt-ink: var(--white_text_black, #252629);
    --gpt-text: var(--basic_text_black, #4b4d52);
    --gpt-muted: var(--light_basic_text_black, #80838a);
    --gpt-line: var(--stroke_black, #e2e3e6);
    --gpt-soft: var(--light_bg_black, #f4f5f6);
    --gpt-panel: var(--card_bg_black, #fff);
    --gpt-good: #21875c;
    --gpt-warn: #d88914;
    --gpt-bad: #c83e3e;
    --gpt-scope: #222428;
    position: relative;
    color: var(--gpt-text);
    font-family: var(--theme-font-family, "Golos Text", "Segoe UI", Arial, sans-serif);
    font-size: 15px;
    line-height: 1.5;
    isolation: isolate;
}

.gptester *, .gptester *::before, .gptester *::after { box-sizing: border-box; }
.gptester button, .gptester input { font: inherit; }
.gptester button { -webkit-tap-highlight-color: transparent; }
.gptester [hidden] { display: none !important; }

.gptester__shell {
    overflow: hidden;
    border: 1px solid var(--gpt-line);
    border-radius: 18px;
    background: var(--gpt-panel);
    box-shadow: 0 14px 40px rgba(20, 22, 26, .07);
}

.gptester__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding: 30px 32px 24px;
    border-bottom: 1px solid var(--gpt-line);
}

.gptester__heading { max-width: 760px; }
.gptester__eyebrow, .gptester__micro-label {
    display: block;
    color: var(--gpt-accent);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .11em;
    line-height: 1.2;
    text-transform: uppercase;
}

.gptester__title {
    margin: 7px 0 8px;
    color: var(--gpt-ink);
    font-size: clamp(25px, 3vw, 38px);
    font-weight: 750;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.gptester__lead { margin: 0; color: var(--gpt-muted); font-size: 16px; }
.gptester__health { display: grid; gap: 8px; min-width: 195px; }
.gptester__health-item {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1px solid var(--gpt-line);
    border-radius: 9px;
    background: var(--gpt-soft);
    color: var(--gpt-muted);
    font-size: 12px;
    font-weight: 650;
}

.gptester__status-dot { width: 8px; height: 8px; border-radius: 50%; background: #9b9da3; box-shadow: 0 0 0 4px rgba(155,157,163,.12); }
.gptester__health-item.is-good .gptester__status-dot { background: var(--gpt-good); box-shadow: 0 0 0 4px rgba(33,135,92,.13); }
.gptester__health-item.is-bad .gptester__status-dot { background: var(--gpt-bad); box-shadow: 0 0 0 4px rgba(200,62,62,.13); }

.gptester__mode-switch {
    display: flex;
    gap: 4px;
    padding: 8px 32px;
    border-bottom: 1px solid var(--gpt-line);
    background: var(--gpt-soft);
}

.gptester__mode-button {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--gpt-muted);
    cursor: pointer;
    font-size: 13px;
    font-weight: 750;
}

.gptester__mode-button:hover { color: var(--gpt-ink); background: rgba(255,255,255,.6); }
.gptester__mode-button.is-active { color: #fff; background: var(--gpt-ink); box-shadow: 0 5px 14px rgba(25,26,29,.13); }
.gptester__mode-panel { padding: 24px 32px 30px; }

.gptester__callout {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
    padding: 13px 16px;
    border-left: 3px solid var(--gpt-accent);
    border-radius: 8px;
    background: color-mix(in srgb, var(--gpt-accent) 7%, var(--gpt-panel));
}

.gptester__callout-icon { display: grid; width: 34px; height: 34px; place-items: center; flex: 0 0 auto; border-radius: 8px; color: var(--gpt-accent); background: var(--gpt-panel); }
.gptester__callout-icon svg { width: 25px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.gptester__callout strong, .gptester__callout span { display: block; }
.gptester__callout strong { color: var(--gpt-ink); font-size: 13px; }
.gptester__callout span { color: var(--gpt-muted); font-size: 12px; }
.gptester__callout.is-good { border-color: var(--gpt-good); background: color-mix(in srgb, var(--gpt-good) 7%, var(--gpt-panel)); }
.gptester__callout.is-good .gptester__callout-icon { color: var(--gpt-good); }
.gptester__callout.is-bad { border-color: var(--gpt-bad); background: color-mix(in srgb, var(--gpt-bad) 7%, var(--gpt-panel)); }

.gptester__devices { display: grid; gap: 8px; margin-bottom: 16px; }
.gptester__device {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
    padding: 10px 13px;
    border: 1px solid var(--gpt-line);
    border-radius: 9px;
    background: var(--gpt-panel);
    color: var(--gpt-text);
    cursor: pointer;
    text-align: left;
}
.gptester__device:hover { border-color: color-mix(in srgb, var(--gpt-accent) 55%, var(--gpt-line)); }
.gptester__device.is-active { border-color: var(--gpt-accent); box-shadow: inset 3px 0 var(--gpt-accent); }
.gptester__device strong, .gptester__device span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gptester__device strong { color: var(--gpt-ink); font-size: 12px; }
.gptester__device span { color: var(--gpt-muted); font-size: 10px; }

/* Signature layout: a controller on a service bench, flanked by two live scopes. */
.gptester__bench {
    display: grid;
    grid-template-columns: minmax(230px, .92fr) minmax(360px, 1.35fr) minmax(230px, .92fr);
    gap: 12px;
    align-items: stretch;
}

.gptester__scope-card, .gptester__controller-stage, .gptester__diagnosis, .gptester__signals {
    border: 1px solid var(--gpt-line);
    border-radius: 12px;
    background: var(--gpt-panel);
}

.gptester__scope-card { min-width: 0; padding: 14px; transition: border-color .2s, box-shadow .2s; }
.gptester__scope-card.is-warn { border-color: color-mix(in srgb, var(--gpt-warn) 62%, var(--gpt-line)); }
.gptester__scope-card.is-bad { border-color: color-mix(in srgb, var(--gpt-bad) 72%, var(--gpt-line)); box-shadow: 0 0 0 3px rgba(200,62,62,.07); }
.gptester__scope-head, .gptester__stage-head, .gptester__section-head, .gptester__coverage-head, .gptester__cal-connect {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}
.gptester__scope-head strong, .gptester__stage-head strong { display: block; margin-top: 3px; color: var(--gpt-ink); font-size: 14px; }
.gptester__scope-state { padding: 4px 7px; border-radius: 5px; color: var(--gpt-good); background: rgba(33,135,92,.1); font: 800 9px/1.2 ui-monospace, Consolas, monospace; letter-spacing: .08em; }
.gptester__scope-card.is-moving .gptester__scope-state { color: var(--gpt-accent); background: rgba(242,114,44,.1); }
.gptester__scope-card.is-bad .gptester__scope-state { color: var(--gpt-bad); background: rgba(200,62,62,.1); }

.gptester__scope-card canvas {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px 0;
    border-radius: 9px;
    background: var(--gpt-scope);
    aspect-ratio: 1;
}

.gptester__axis-dashboard { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.gptester__axis-reading { min-width: 0; padding: 8px; border: 1px solid var(--gpt-line); border-radius: 7px; background: var(--gpt-soft); }
.gptester__axis-reading > span, .gptester__axis-reading > strong, .gptester__axis-reading > small { display: block; }
.gptester__axis-reading > span { overflow: hidden; color: var(--gpt-muted); font-size: 9px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.gptester__axis-reading > strong { margin: 2px 0; color: var(--gpt-ink); font: 750 17px/1.2 ui-monospace, Consolas, monospace; }
.gptester__axis-reading > small { color: var(--gpt-muted); font-size: 9px; white-space: nowrap; }
.gptester__axis-reading b { color: var(--gpt-text); font-weight: 750; }
.gptester__axis-reading.is-warn b { color: var(--gpt-warn); }
.gptester__axis-reading.is-bad b { color: var(--gpt-bad); }
.gptester__scope-hint { min-height: 34px; margin: 9px 1px 0; color: var(--gpt-muted); font-size: 10px; line-height: 1.35; }

.gptester__controller-stage { min-width: 0; padding: 14px 16px; background: linear-gradient(180deg, var(--gpt-panel), var(--gpt-soft)); }
.gptester__mapping { flex: 0 0 auto; padding: 4px 8px; border-radius: 5px; color: var(--gpt-muted); background: var(--gpt-panel); font-size: 9px; font-weight: 750; text-transform: uppercase; }
.gptester__controller { position: relative; min-height: 280px; padding-top: 18px; }
.gptester__controller-svg { display: block; width: 100%; height: auto; overflow: visible; }
.gptester__pad-body { stroke: #d9dade; stroke-width: 2; }
.gptester__pad-center { stroke: #0d0e10; stroke-width: 2; }
.gptester__pad-seam { fill: none; stroke: #cfd1d6; stroke-width: 2; }
.gptester__shoulder rect { fill: #3b3d42; stroke: #17181b; stroke-width: 2; transition: fill .08s, transform .08s; transform-box: fill-box; transform-origin: center; }
.gptester__shoulder text { fill: #fff; font-size: 15px; font-weight: 750; text-anchor: middle; pointer-events: none; }
.gptester__touchpad path:first-child { fill: #45484f; stroke: #0e0f11; stroke-width: 2; }
.gptester__touchpad path:last-child { fill: none; stroke: #686c74; stroke-width: 2; }
.gptester__utility-button path { fill: none; stroke: #6b6e75; stroke-width: 3; stroke-linecap: round; }
.gptester__utility-button text { fill: #868991; font-size: 8px; text-anchor: middle; }
.gptester__dpad > path { fill: #2d2f34; stroke: #111214; stroke-width: 2; }
.gptester__dpad g path { fill: #94979e; transition: fill .08s; }
.gptester__face-button > circle { fill: #2c2e33; stroke: #111214; stroke-width: 2; transition: fill .08s, transform .08s; transform-box: fill-box; transform-origin: center; }
.gptester__face-button > path, .gptester__face-button > rect { fill: none; stroke: #afb1b7; stroke-width: 3; }
.gptester__stick-range { fill: #202226; stroke: #101113; stroke-width: 3; }
.gptester__stick-knob { fill: #45484e; stroke: #111214; stroke-width: 3; }
.gptester__stick-grip { fill: none; stroke: #70737a; stroke-width: 4; }
.gptester__stick text { fill: #7c7f86; font-size: 11px; font-weight: 750; text-anchor: middle; }
.gptester__home-button circle { fill: #d8dade; stroke: #aeb1b7; stroke-width: 2; transition: fill .08s; }
.gptester__home-button path { fill: #555860; }
.gptester [data-button-index].is-pressed .gptester__shoulder rect,
.gptester .gptester__shoulder.is-pressed rect,
.gptester .gptester__touchpad.is-pressed path:first-child,
.gptester .gptester__face-button.is-pressed > circle,
.gptester .gptester__home-button.is-pressed circle { fill: var(--gpt-accent); }
.gptester .gptester__face-button.is-pressed > circle { transform: scale(.91); }
.gptester .gptester__dpad g.is-pressed path { fill: var(--gpt-accent); }
.gptester .gptester__stick.is-pressed .gptester__stick-knob { fill: var(--gpt-accent); }

.gptester__trigger { position: absolute; z-index: 3; top: 2px; width: 74px; height: 34px; overflow: hidden; border: 1px solid #151619; border-radius: 8px 8px 14px 14px; color: #fff; background: #313339; text-align: center; }
.gptester__trigger--left { left: 7%; }
.gptester__trigger--right { right: 7%; }
.gptester__trigger span { position: relative; z-index: 2; font-size: 11px; font-weight: 800; line-height: 30px; }
.gptester__trigger i { position: absolute; inset: auto 0 0; height: 0; background: var(--gpt-accent); transition: height .04s linear; }

.gptester__controller-readout { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.gptester__controller-readout > div { display: grid; grid-template-columns: 1fr auto; gap: 2px 8px; align-items: center; padding: 8px 10px; border: 1px solid var(--gpt-line); border-radius: 7px; background: var(--gpt-panel); }
.gptester__controller-readout span { color: var(--gpt-muted); font-size: 10px; }
.gptester__controller-readout strong { color: var(--gpt-ink); font: 750 12px ui-monospace, Consolas, monospace; }
.gptester__controller-readout i { grid-column: 1 / -1; height: 3px; overflow: hidden; border-radius: 2px; background: var(--gpt-line); }
.gptester__controller-readout b { display: block; width: 0; height: 100%; background: var(--gpt-accent); }
.gptester__last-input { display: grid; grid-template-columns: 1fr auto; gap: 2px 10px; margin-top: 8px; padding: 9px 11px; border-radius: 7px; background: #25272b; }
.gptester__last-input .gptester__micro-label { grid-column: 1 / -1; color: #9ca0a8; }
.gptester__last-input strong { color: #fff; font-size: 11px; }
.gptester__last-input small { overflow: hidden; color: #b8bbc2; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

.gptester__diagnosis, .gptester__signals { margin-top: 14px; padding: 20px; }
.gptester__section-head { margin-bottom: 14px; }
.gptester__section-head h3, .gptester__calibration h3 { margin: 4px 0 3px; color: var(--gpt-ink); font-size: 20px; line-height: 1.2; }
.gptester__section-head p { margin: 0; color: var(--gpt-muted); font-size: 12px; }
.gptester__diagnosis-grid { display: grid; grid-template-columns: 1fr 1fr .9fr; gap: 10px; }
.gptester__repair-card { display: grid; grid-template-columns: 40px 1fr; gap: 11px; min-width: 0; padding: 14px; border: 1px solid var(--gpt-line); border-radius: 9px; background: var(--gpt-soft); }
.gptester__repair-icon { display: grid; width: 40px; height: 40px; place-items: center; border: 1px solid var(--gpt-line); border-radius: 50%; color: var(--gpt-accent); background: var(--gpt-panel); font-weight: 850; }
.gptester__repair-card span, .gptester__repair-card strong, .gptester__repair-card small { display: block; }
.gptester__repair-card span { color: var(--gpt-muted); font-size: 10px; }
.gptester__repair-card strong { margin: 2px 0 4px; color: var(--gpt-ink); font-size: 13px; }
.gptester__repair-card p { margin: 0 0 5px; color: var(--gpt-text); font-size: 11px; line-height: 1.4; }
.gptester__repair-card small { color: var(--gpt-muted); font-size: 10px; }
.gptester__repair-card.is-warn { border-color: color-mix(in srgb, var(--gpt-warn) 55%, var(--gpt-line)); background: rgba(216,137,20,.06); }
.gptester__repair-card.is-bad { border-color: color-mix(in srgb, var(--gpt-bad) 55%, var(--gpt-line)); background: rgba(200,62,62,.055); }
.gptester__repair-card.is-bad .gptester__repair-icon { color: #fff; border-color: var(--gpt-bad); background: var(--gpt-bad); }

.gptester__coverage-card { padding: 14px; border: 1px solid var(--gpt-line); border-radius: 9px; background: var(--gpt-panel); }
.gptester__coverage-head span, .gptester__coverage-head strong { display: block; }
.gptester__coverage-head span { color: var(--gpt-muted); font-size: 10px; }
.gptester__coverage-head strong { color: var(--gpt-ink); font-size: 12px; }
.gptester__coverage-row { margin-top: 10px; }
.gptester__coverage-row > div { display: flex; justify-content: space-between; color: var(--gpt-text); font-size: 10px; }
.gptester__coverage-row > i { display: block; height: 5px; margin: 4px 0; overflow: hidden; border-radius: 4px; background: var(--gpt-line); }
.gptester__coverage-row > i b { display: block; width: 0; height: 100%; background: var(--gpt-accent); transition: width .12s linear; }
.gptester__coverage-row small { color: var(--gpt-muted); font: 9px ui-monospace, Consolas, monospace; }
.gptester__repair-note { margin-top: 10px; padding: 10px 12px; border-radius: 7px; color: var(--gpt-muted); background: var(--gpt-soft); font-size: 11px; }
.gptester__repair-note strong { color: var(--gpt-ink); }

.gptester__section-head--signals { align-items: center; }
.gptester__tested-counter { flex: 0 0 auto; text-align: right; }
.gptester__tested-counter strong, .gptester__tested-counter span { display: block; }
.gptester__tested-counter strong { color: var(--gpt-ink); font: 800 19px ui-monospace, Consolas, monospace; }
.gptester__tested-counter span { color: var(--gpt-muted); font-size: 9px; }
.gptester__raw-layout { display: grid; grid-template-columns: 1.45fr 1fr; gap: 16px; }
.gptester__raw-layout h4 { margin: 0 0 8px; color: var(--gpt-ink); font-size: 12px; }
.gptester__button-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 6px; }
.gptester__raw-button { position: relative; min-width: 0; padding: 8px 6px; overflow: hidden; border: 1px solid var(--gpt-line); border-radius: 7px; background: var(--gpt-soft); }
.gptester__raw-button span, .gptester__raw-button strong { position: relative; z-index: 2; display: block; }
.gptester__raw-button span { color: var(--gpt-muted); font-size: 9px; }
.gptester__raw-button strong { color: var(--gpt-ink); font: 750 11px ui-monospace, Consolas, monospace; }
.gptester__raw-button i { position: absolute; inset: auto 0 0; height: 0; background: rgba(242,114,44,.18); }
.gptester__raw-button.is-pressed { border-color: var(--gpt-accent); }
.gptester__raw-button.is-tested::after { content: "✓"; position: absolute; top: 4px; right: 5px; color: var(--gpt-good); font-size: 9px; font-weight: 800; }
.gptester__axes-list { display: grid; gap: 6px; }
.gptester__raw-axis { display: grid; grid-template-columns: 62px 1fr 50px; gap: 7px; align-items: center; padding: 7px 8px; border-radius: 7px; background: var(--gpt-soft); }
.gptester__raw-axis-head { color: var(--gpt-muted); font-size: 9px; }
.gptester__raw-axis strong { color: var(--gpt-ink); font: 750 10px ui-monospace, Consolas, monospace; text-align: right; }
.gptester__axis-track { position: relative; height: 4px; border-radius: 4px; background: var(--gpt-line); }
.gptester__axis-track::after { content: ""; position: absolute; left: 50%; top: -2px; width: 1px; height: 8px; background: #aeb0b5; }
.gptester__axis-track i { position: absolute; top: 0; height: 100%; border-radius: 4px; background: var(--gpt-accent); }
.gptester__empty-grid { grid-column: 1 / -1; margin: 0; padding: 12px; border: 1px dashed var(--gpt-line); border-radius: 7px; color: var(--gpt-muted); font-size: 11px; text-align: center; }

.gptester__tools-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 14px; }
.gptester__tool-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--gpt-line); border-radius: 10px; background: var(--gpt-panel); }
.gptester__tool-card strong, .gptester__tool-card small { display: block; }
.gptester__tool-card strong { margin-top: 2px; color: var(--gpt-ink); font-size: 12px; }
.gptester__tool-card small { color: var(--gpt-muted); font-size: 10px; }

.gptester__primary-button, .gptester__secondary-button, .gptester__danger-button, .gptester__text-button {
    min-height: 38px;
    border-radius: 7px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 750;
    transition: transform .12s, opacity .12s, border-color .12s;
}
.gptester__primary-button { padding: 0 16px; border: 1px solid var(--gpt-accent); color: #fff; background: var(--gpt-accent); }
.gptester__secondary-button { padding: 0 14px; border: 1px solid var(--gpt-line); color: var(--gpt-ink); background: var(--gpt-panel); }
.gptester__danger-button { padding: 0 14px; border: 1px solid var(--gpt-bad); color: #fff; background: var(--gpt-bad); }
.gptester__text-button { min-height: 30px; padding: 0 4px; border: 0; color: var(--gpt-accent); background: transparent; }
.gptester button:hover:not(:disabled) { transform: translateY(-1px); }
.gptester button:disabled { cursor: not-allowed; opacity: .45; }
.gptester button:focus-visible, .gptester input:focus-visible, .gptester summary:focus-visible { outline: 3px solid color-mix(in srgb, var(--gpt-accent) 35%, transparent); outline-offset: 2px; }

/* Calibration is deliberately a separate workstation, never mixed with the read-only test. */
.gptester__calibration { min-height: 600px; }
.gptester__calibration-hero { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px; border-radius: 11px; color: #fff; background: #24262a; }
.gptester__calibration-hero h3 { color: #fff; font-size: 25px; }
.gptester__calibration-hero p { max-width: 780px; margin: 7px 0 0; color: #c4c6cc; font-size: 13px; }
.gptester__cal-badge { flex: 0 0 auto; padding: 8px 11px; border: 1px solid #50535a; border-radius: 7px; color: #ffc49e; font: 750 10px ui-monospace, Consolas, monospace; }
.gptester__cal-warning { display: grid; grid-template-columns: 120px 1fr; gap: 14px; margin: 12px 0; padding: 12px 14px; border-left: 3px solid var(--gpt-warn); border-radius: 7px; background: rgba(216,137,20,.07); }
.gptester__cal-warning strong { color: var(--gpt-ink); font-size: 12px; }
.gptester__cal-warning span { color: var(--gpt-muted); font-size: 11px; }
.gptester__cal-connect { align-items: center; padding: 15px; border: 1px solid var(--gpt-line); border-radius: 9px; }
.gptester__cal-connect strong, .gptester__cal-connect small { display: block; }
.gptester__cal-connect strong { margin: 3px 0; color: var(--gpt-ink); font-size: 14px; }
.gptester__cal-connect small { color: var(--gpt-muted); font-size: 10px; }
.gptester__cal-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 12px; }
.gptester__cal-step { display: grid; grid-template-columns: 30px 1fr; gap: 10px; min-width: 0; padding: 14px; border: 1px solid var(--gpt-line); border-radius: 9px; background: var(--gpt-soft); }
.gptester__cal-step-number { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: #777a82; font: 800 11px ui-monospace, Consolas, monospace; }
.gptester__cal-step.is-done .gptester__cal-step-number { background: var(--gpt-good); }
.gptester__cal-step.is-active { border-color: var(--gpt-accent); background: rgba(242,114,44,.045); }
.gptester__cal-step.is-active .gptester__cal-step-number { background: var(--gpt-accent); }
.gptester__cal-step h4 { margin: 2px 0 5px; color: var(--gpt-ink); font-size: 13px; }
.gptester__cal-step p { min-height: 55px; margin: 0 0 10px; color: var(--gpt-muted); font-size: 10px; }
.gptester__cal-step button + button { margin-left: 5px; }
.gptester__cal-progress { margin-top: 12px; }
.gptester__cal-progress > div { height: 7px; overflow: hidden; border-radius: 6px; background: var(--gpt-line); }
.gptester__cal-progress i { display: block; width: 0; height: 100%; background: var(--gpt-accent); transition: width .2s; }
.gptester__cal-progress span { display: block; margin-top: 4px; color: var(--gpt-muted); font-size: 10px; }
.gptester__cal-result { display: flex; gap: 10px; margin-top: 12px; padding: 11px 13px; border-radius: 7px; background: var(--gpt-soft); }
.gptester__cal-result strong { color: var(--gpt-ink); font-size: 11px; }
.gptester__cal-result span { color: var(--gpt-muted); font-size: 11px; }
.gptester__cal-result.is-good { border-left: 3px solid var(--gpt-good); }
.gptester__cal-result.is-bad { border-left: 3px solid var(--gpt-bad); }
.gptester__permanent { margin-top: 12px; border: 1px solid var(--gpt-line); border-radius: 9px; background: var(--gpt-panel); }
.gptester__permanent summary { padding: 13px 15px; color: var(--gpt-ink); cursor: pointer; font-size: 12px; font-weight: 750; }
.gptester__permanent-body { padding: 0 15px 15px; }
.gptester__permanent-body > p { color: var(--gpt-muted); font-size: 10px; }
.gptester__cal-consent { display: flex; gap: 9px; align-items: flex-start; padding: 10px; border-radius: 7px; background: rgba(200,62,62,.055); color: var(--gpt-text); cursor: pointer; font-size: 10px; }
.gptester__cal-consent input { margin-top: 2px; accent-color: var(--gpt-bad); }
.gptester__permanent-actions { display: flex; gap: 8px; margin-top: 10px; }
.gptester__cal-locked { padding: 10px; border-radius: 7px; color: var(--gpt-muted); background: var(--gpt-soft); font-size: 10px; }
.gptester__cal-source { margin-top: 12px; color: var(--gpt-muted); font-size: 9px; }
.gptester__cal-source a { color: var(--gpt-accent); }

.gptester__seo { margin: 20px 32px; padding: clamp(18px, 3vw, 30px); border: 1px solid var(--gpt-line); border-radius: 11px; background: var(--gpt-panel); }
.gptester__seo-intro { max-width: 930px; }
.gptester__seo h2 { margin: 5px 0 9px; color: var(--gpt-ink); font-size: clamp(21px, 2.4vw, 30px); line-height: 1.2; }
.gptester__seo p { margin: 0; color: var(--gpt-muted); line-height: 1.67; }
.gptester__seo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 17px; }
.gptester__seo-grid article { padding: 15px; border-left: 3px solid var(--gpt-accent); border-radius: 7px; background: var(--gpt-soft); }
.gptester__seo-grid strong { display: block; margin-bottom: 6px; color: var(--gpt-ink); font-size: 14px; }
.gptester__seo-grid p { font-size: 13px; }
.gptester__faq { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px; }
.gptester__faq details { padding: 12px 14px; border: 1px solid var(--gpt-line); border-radius: 7px; background: #fff; }
.gptester__faq summary { color: var(--gpt-ink); font-size: 14px; font-weight: 700; cursor: pointer; }
.gptester__faq p { margin-top: 8px; font-size: 13px; }

.gptester__footer { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 32px; border-top: 1px solid var(--gpt-line); background: var(--gpt-soft); }
.gptester__footer > span { display: flex; align-items: center; gap: 7px; color: var(--gpt-muted); font-size: 10px; }
.gptester__footer svg { width: 16px; fill: none; stroke: var(--gpt-good); stroke-width: 1.7; }
.gptester__toast { position: fixed; z-index: 9999; right: 22px; bottom: 22px; max-width: min(360px, calc(100vw - 32px)); padding: 11px 14px; border-radius: 8px; color: #fff; background: #25272b; box-shadow: 0 12px 34px rgba(0,0,0,.22); font-size: 11px; opacity: 0; pointer-events: none; transform: translateY(9px); transition: opacity .18s, transform .18s; }
.gptester__toast.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1180px) {
    .gptester__mode-panel { padding-right: 20px; padding-left: 20px; }
    .gptester__bench { grid-template-columns: minmax(200px, .9fr) minmax(320px, 1.2fr) minmax(200px, .9fr); gap: 8px; }
    .gptester__scope-card { padding: 10px; }
    .gptester__axis-dashboard { grid-template-columns: 1fr; }
    .gptester__axis-reading:nth-child(2) { display: block; }
}

@media (max-width: 960px) {
    .gptester__bench { grid-template-columns: 1fr 1fr; }
    .gptester__controller-stage { grid-column: 1 / -1; grid-row: 1; }
    .gptester__scope-card { grid-row: 2; }
    .gptester__controller { max-width: 610px; margin: 0 auto; }
    .gptester__diagnosis-grid { grid-template-columns: 1fr 1fr; }
    .gptester__coverage-card { grid-column: 1 / -1; }
    .gptester__button-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .gptester__cal-steps { grid-template-columns: 1fr; }
    .gptester__cal-step p { min-height: 0; }
    .gptester__seo-grid { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
    .gptester__shell { border-radius: 12px; }
    .gptester__header { display: block; padding: 22px 18px 18px; }
    .gptester__health { grid-template-columns: 1fr 1fr; margin-top: 15px; min-width: 0; }
    .gptester__mode-switch { padding-right: 18px; padding-left: 18px; }
    .gptester__mode-panel { padding: 18px; }
    .gptester__bench { display: flex; flex-direction: column; }
    .gptester__controller-stage { order: 0; }
    .gptester__scope-card { order: 1; }
    .gptester__axis-dashboard { grid-template-columns: 1fr 1fr; }
    .gptester__diagnosis-grid, .gptester__raw-layout, .gptester__tools-row { grid-template-columns: 1fr; }
    .gptester__coverage-card { grid-column: auto; }
    .gptester__section-head, .gptester__tool-card, .gptester__cal-connect, .gptester__calibration-hero { display: block; }
    .gptester__section-head .gptester__text-button, .gptester__tested-counter { margin-top: 10px; text-align: left; }
    .gptester__tool-card button, .gptester__cal-connect button { width: 100%; margin-top: 10px; }
    .gptester__cal-badge { display: inline-block; margin-top: 12px; }
    .gptester__cal-warning { grid-template-columns: 1fr; gap: 3px; }
    .gptester__faq { grid-template-columns: 1fr; }
    .gptester__seo { margin-right: 18px; margin-left: 18px; }
    .gptester__footer { padding-right: 18px; padding-left: 18px; }
}

@media (max-width: 560px) {
    .gptester { font-size: 14px; }
    .gptester__mode-switch { display: grid; grid-template-columns: 1fr 1fr; }
    .gptester__mode-button { padding: 0 8px; font-size: 11px; }
    .gptester__health { grid-template-columns: 1fr; }
    .gptester__controller-stage { padding: 11px; }
    .gptester__controller { min-height: 220px; }
    .gptester__trigger { width: 58px; }
    .gptester__button-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .gptester__axis-dashboard { grid-template-columns: 1fr; }
    .gptester__diagnosis, .gptester__signals { padding: 14px; }
    .gptester__footer { display: block; }
    .gptester__footer .gptester__text-button { margin-top: 8px; }
    .gptester__permanent-actions { display: grid; }
}

@media (prefers-reduced-motion: reduce) {
    .gptester *, .gptester *::before, .gptester *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}

@media print {
    .gptester__mode-switch, .gptester__callout, .gptester__devices, .gptester__tools-row, .gptester__footer button, .gptester__calibration { display: none !important; }
    .gptester__shell { box-shadow: none; }
    .gptester__mode-panel { padding: 10px; }
}

/*
 * Design v4 — «Лаборатория мастера».
 * The Aspro page remains light; the tester is one continuous graphite instrument.
 */
.gptester--service {
    --gpt-accent: var(--theme-base-color, #f2722c);
    --gpt-accent-dark: #dc5d1b;
    --gpt-ink: #f7f7f8;
    --gpt-text: #d4d5d9;
    --gpt-muted: #9da0a7;
    --gpt-line: #3a3d44;
    --gpt-soft: #22242a;
    --gpt-panel: #17181b;
    --gpt-good: #2fb37d;
    --gpt-warn: #e2a33b;
    --gpt-bad: #ef6464;
    --gpt-scope: #181a1e;
    color: var(--gpt-text);
    color-scheme: dark;
    font-variant-numeric: tabular-nums;
}

.gptester--service .gptester__shell {
    overflow: hidden;
    border: 1px solid #35383f;
    border-radius: 10px;
    background: var(--gpt-panel);
    box-shadow: 0 18px 46px rgba(19, 20, 23, .18);
}

.gptester--service .gptester__header {
    align-items: center;
    gap: 30px;
    padding: 22px 26px 18px;
    border-color: var(--gpt-line);
    background: #1b1c20;
}

.gptester--service .gptester__heading { max-width: 820px; }
.gptester--service .gptester__title {
    margin: 7px 0 6px;
    color: var(--gpt-ink);
    font-size: clamp(25px, 2.5vw, 35px);
    font-weight: 720;
    letter-spacing: -.025em;
}
.gptester--service .gptester__lead { max-width: 820px; color: #afb1b7; font-size: 14px; }
.gptester--service .gptester__eyebrow,
.gptester--service .gptester__micro-label { color: var(--gpt-accent); }

.gptester--service .gptester__health {
    grid-template-columns: 1fr 1fr;
    gap: 0;
    min-width: 330px;
    border: 1px solid var(--gpt-line);
    border-radius: 8px;
    background: #202126;
}
.gptester--service .gptester__health-item {
    min-height: 58px;
    padding: 11px 14px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #b7b9bf;
}
.gptester--service .gptester__health-item + .gptester__health-item { border-left: 1px solid var(--gpt-line); }

.gptester--service .gptester__mode-switch {
    justify-content: center;
    gap: 0;
    padding: 7px 24px;
    border-color: var(--gpt-line);
    background: #141518;
}
.gptester--service .gptester__mode-button {
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #9ea1a8;
    font-size: 11px;
    letter-spacing: .035em;
    text-transform: uppercase;
}
.gptester--service .gptester__mode-button:hover { color: #fff; background: #202126; }
.gptester--service .gptester__mode-button.is-active {
    border-color: #454850;
    color: var(--gpt-accent);
    background: #24262b;
    box-shadow: inset 0 -2px var(--gpt-accent);
}

.gptester--service .gptester__mode-panel { padding: 12px 18px 20px; }
.gptester--service .gptester__callout {
    min-height: 44px;
    margin-bottom: 10px;
    padding: 9px 13px;
    border: 1px solid var(--gpt-line);
    border-left: 3px solid var(--gpt-accent);
    border-radius: 7px;
    background: #1d1f23;
}
.gptester--service .gptester__callout strong { color: var(--gpt-ink); }
.gptester--service .gptester__callout span { color: var(--gpt-muted); }
.gptester--service .gptester__callout.is-good { border-color: color-mix(in srgb, var(--gpt-good) 55%, var(--gpt-line)); background: #1c2320; }
.gptester--service .gptester__callout.is-bad { border-color: color-mix(in srgb, var(--gpt-bad) 55%, var(--gpt-line)); background: #251d1f; }

.gptester--service .gptester__devices { margin-bottom: 10px; }
.gptester--service .gptester__device {
    border-color: var(--gpt-line);
    background: #202126;
    color: var(--gpt-text);
}
.gptester--service .gptester__device strong { color: var(--gpt-ink); }
.gptester--service .gptester__device.is-active { border-color: var(--gpt-accent); background: #252228; }

.gptester--service .gptester__telemetry {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid var(--gpt-line);
    border-radius: 7px;
    background: #1d1f23;
}
.gptester--service .gptester__telemetry > div { min-width: 0; padding: 8px 12px; text-align: center; }
.gptester--service .gptester__telemetry > div + div { border-left: 1px solid var(--gpt-line); }
.gptester--service .gptester__telemetry span,
.gptester--service .gptester__telemetry strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.gptester--service .gptester__telemetry span { color: #84878f; font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.gptester--service .gptester__telemetry strong { margin-top: 3px; color: var(--gpt-ink); font: 650 13px/1.2 ui-monospace, Consolas, monospace; }

.gptester--service .gptester__bench {
    grid-template-columns: minmax(235px, .88fr) minmax(420px, 1.34fr) minmax(235px, .88fr);
    gap: 10px;
}
.gptester--service .gptester__scope-card,
.gptester--service .gptester__controller-stage,
.gptester--service .gptester__diagnosis,
.gptester--service .gptester__signals {
    border-color: var(--gpt-line);
    border-radius: 8px;
    background: #1b1d21;
}
.gptester--service .gptester__scope-card { padding: 12px; }
.gptester--service .gptester__scope-card.is-bad { box-shadow: inset 0 0 0 1px var(--gpt-bad); }
.gptester--service .gptester__scope-head strong,
.gptester--service .gptester__stage-head strong { color: var(--gpt-ink); }
.gptester--service .gptester__scope-state { color: var(--gpt-good); background: rgba(47,179,125,.1); }
.gptester--service .gptester__scope-card canvas {
    margin: 8px 0;
    border: 1px solid #34373e;
    border-radius: 5px;
    background: var(--gpt-scope);
}
.gptester--service .gptester__axis-reading {
    padding: 7px;
    border-color: #3b3e45;
    border-radius: 5px;
    background: #202228;
}
.gptester--service .gptester__axis-reading > span,
.gptester--service .gptester__axis-reading > small,
.gptester--service .gptester__scope-hint { color: #8f9299; }
.gptester--service .gptester__axis-reading > strong { color: var(--gpt-ink); }
.gptester--service .gptester__axis-reading b { color: #d9dade; }

.gptester--service .gptester__controller-stage {
    padding: 12px 14px;
    background: var(--gpt-panel);
}
.gptester--service .gptester__mapping { color: #afb1b7; background: #24262b; }
.gptester--service .gptester__controller { min-height: 315px; padding-top: 42px; }
.gptester--service .gptester__button-monitor {
    position: absolute;
    z-index: 4;
    top: 0;
    left: 50%;
    display: grid;
    grid-template-columns: repeat(4, minmax(44px, 1fr));
    gap: 5px;
    width: 68%;
    transform: translateX(-50%);
}
.gptester--service .gptester__button-monitor span {
    padding: 6px 4px;
    border: 1px solid #40434a;
    border-radius: 5px;
    color: #c9cbd0;
    background: #202228;
    font-size: 9px;
    font-weight: 750;
    text-align: center;
    transition: border-color .08s, color .08s, background .08s;
}
.gptester--service .gptester__button-monitor span.is-pressed { border-color: var(--gpt-accent); color: #fff; background: #4a2a1d; }
.gptester--service .gptester__trigger {
    top: 0;
    width: 52px;
    height: 30px;
    border-color: #484b52;
    border-radius: 5px;
    background: #24262b;
}
.gptester--service .gptester__trigger--left { left: 0; }
.gptester--service .gptester__trigger--right { right: 0; }
.gptester--service .gptester__trigger span { line-height: 27px; }
.gptester--service .gptester__controller-visual { position: relative; width: 100%; margin: 0 auto; overflow: hidden; border-radius: 6px; background: #17181b; }
.gptester--service .gptester__controller-image { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; }

.gptester--service .gptester__hotspot {
    position: absolute;
    z-index: 3;
    display: block;
    width: 6.2%;
    aspect-ratio: 1;
    border: 2px solid transparent;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: border-color .08s, box-shadow .08s, background .08s;
}
.gptester--service .gptester__hotspot.is-pressed {
    border-color: var(--gpt-accent);
    background: rgba(242,114,44,.16);
    box-shadow: 0 0 0 3px rgba(242,114,44,.14), 0 0 22px rgba(242,114,44,.72);
}
.gptester--service .gptester__hotspot--touchpad { left: 50%; top: 23%; width: 31%; height: 23%; border-radius: 16px; }
.gptester--service .gptester__hotspot--create { left: 30.5%; top: 17%; width: 4.2%; }
.gptester--service .gptester__hotspot--options { left: 69.2%; top: 17%; width: 4.2%; }
.gptester--service .gptester__hotspot--north { left: 75.1%; top: 23.1%; }
.gptester--service .gptester__hotspot--west { left: 69.5%; top: 31%; }
.gptester--service .gptester__hotspot--east { left: 80.8%; top: 31%; }
.gptester--service .gptester__hotspot--south { left: 75.2%; top: 39%; }
.gptester--service .gptester__hotspot--dpad-up { left: 24.1%; top: 24%; }
.gptester--service .gptester__hotspot--dpad-down { left: 24.1%; top: 38%; }
.gptester--service .gptester__hotspot--dpad-left { left: 19.3%; top: 31%; }
.gptester--service .gptester__hotspot--dpad-right { left: 28.8%; top: 31%; }
.gptester--service .gptester__hotspot--home { left: 50%; top: 48%; width: 5.3%; }
.gptester--service .gptester__hotspot--stick { top: 48%; width: 12.2%; border-color: rgba(242,114,44,.22); }
.gptester--service .gptester__hotspot--l3 { left: 36.4%; }
.gptester--service .gptester__hotspot--r3 { left: 63.1%; }
.gptester--service .gptester__hotspot--stick > i {
    position: absolute;
    inset: -2px;
    display: block;
    border: 2px solid rgba(242,114,44,.38);
    border-radius: 50%;
    background: rgba(242,114,44,.05);
    box-shadow: 0 0 16px rgba(242,114,44,.2);
    transition: transform .04s linear;
}
.gptester--service .gptester__hotspot--stick.is-pressed > i { border-color: var(--gpt-accent); box-shadow: 0 0 22px rgba(242,114,44,.7); }

.gptester--service .gptester__controller-readout > div {
    border-color: var(--gpt-line);
    background: #202228;
}
.gptester--service .gptester__controller-readout strong { color: var(--gpt-ink); }
.gptester--service .gptester__controller-readout i { background: #363941; }
.gptester--service .gptester__last-input { border: 1px solid var(--gpt-line); background: #1d1f23; }

.gptester--service .gptester__diagnosis,
.gptester--service .gptester__signals { padding: 16px; }
.gptester--service .gptester__section-head h3,
.gptester--service .gptester__calibration h3 { color: var(--gpt-ink); }
.gptester--service .gptester__section-head p { color: var(--gpt-muted); }
.gptester--service .gptester__repair-card,
.gptester--service .gptester__coverage-card,
.gptester--service .gptester__tool-card,
.gptester--service .gptester__cal-connect,
.gptester--service .gptester__cal-step,
.gptester--service .gptester__permanent {
    border-color: var(--gpt-line);
    background: #202228;
}
.gptester--service .gptester__repair-card strong,
.gptester--service .gptester__coverage-head strong,
.gptester--service .gptester__tested-counter strong,
.gptester--service .gptester__raw-layout h4,
.gptester--service .gptester__raw-button strong,
.gptester--service .gptester__raw-axis strong,
.gptester--service .gptester__tool-card strong,
.gptester--service .gptester__cal-connect strong,
.gptester--service .gptester__cal-step h4,
.gptester--service .gptester__permanent summary { color: var(--gpt-ink); }
.gptester--service .gptester__repair-card p,
.gptester--service .gptester__coverage-row > div { color: var(--gpt-text); }
.gptester--service .gptester__repair-icon { border-color: #4a4d55; background: #181a1e; }
.gptester--service .gptester__repair-note,
.gptester--service .gptester__raw-button,
.gptester--service .gptester__raw-axis,
.gptester--service .gptester__cal-locked,
.gptester--service .gptester__cal-result { background: #1c1e22; }
.gptester--service .gptester__raw-button,
.gptester--service .gptester__empty-grid { border-color: var(--gpt-line); }
.gptester--service .gptester__axis-track,
.gptester--service .gptester__coverage-row > i,
.gptester--service .gptester__cal-progress > div { background: #383b42; }

.gptester--service .gptester__primary-button { border-color: var(--gpt-accent); background: var(--gpt-accent); }
.gptester--service .gptester__secondary-button { border-color: #4a4d55; color: var(--gpt-ink); background: #26282e; }
.gptester--service .gptester__text-button { color: #ff8d4f; }
.gptester--service .gptester__calibration-hero { border: 1px solid var(--gpt-line); background: #1d1f23; }
.gptester--service .gptester__calibration-hero h3 { color: var(--gpt-ink); }
.gptester--service .gptester__calibration-hero p { color: #b6b8be; }

.gptester--service .gptester__seo {
    margin: 14px 18px;
    border-color: var(--gpt-line);
    border-radius: 8px;
    background: #1b1d21;
}
.gptester--service .gptester__seo h2,
.gptester--service .gptester__seo-grid strong,
.gptester--service .gptester__faq summary { color: var(--gpt-ink); }
.gptester--service .gptester__seo p { color: #aeb0b7; }
.gptester--service .gptester__seo-grid article { background: #202228; }
.gptester--service .gptester__faq details { border-color: var(--gpt-line); background: #202228; }
.gptester--service .gptester__footer { border-color: var(--gpt-line); background: #141518; }
.gptester--service .gptester__footer > span { color: #92959c; }
.gptester--service .gptester__toast { border: 1px solid #4b4e55; background: #202228; }

@media (max-width: 1180px) {
    .gptester--service .gptester__bench { grid-template-columns: minmax(205px, .88fr) minmax(350px, 1.2fr) minmax(205px, .88fr); }
    .gptester--service .gptester__health { min-width: 280px; }
    .gptester--service .gptester__controller { min-height: 275px; }
}

@media (max-width: 960px) {
    .gptester--service .gptester__header { align-items: flex-start; }
    .gptester--service .gptester__health { min-width: 250px; }
    .gptester--service .gptester__bench { grid-template-columns: 1fr 1fr; }
    .gptester--service .gptester__controller-stage { grid-column: 1 / -1; grid-row: 1; }
    .gptester--service .gptester__controller { max-width: 680px; }
    .gptester--service .gptester__telemetry { grid-template-columns: repeat(3, 1fr); }
    .gptester--service .gptester__telemetry > div:nth-child(4) { border-left: 0; border-top: 1px solid var(--gpt-line); }
    .gptester--service .gptester__telemetry > div:nth-child(5) { border-top: 1px solid var(--gpt-line); }
}

@media (max-width: 720px) {
    .gptester--service .gptester__shell { border-radius: 8px; }
    .gptester--service .gptester__header { display: block; padding: 20px 16px 16px; }
    .gptester--service .gptester__health { margin-top: 15px; min-width: 0; }
    .gptester--service .gptester__mode-switch { padding-right: 12px; padding-left: 12px; }
    .gptester--service .gptester__mode-panel { padding: 12px; }
    .gptester--service .gptester__telemetry { grid-template-columns: 1fr 1fr; }
    .gptester--service .gptester__telemetry > div { border-top: 1px solid var(--gpt-line); }
    .gptester--service .gptester__telemetry > div:nth-child(1),
    .gptester--service .gptester__telemetry > div:nth-child(2) { border-top: 0; }
    .gptester--service .gptester__telemetry > div:nth-child(odd) { border-left: 0; }
    .gptester--service .gptester__bench { display: flex; }
    .gptester--service .gptester__controller { min-height: 0; }
    .gptester--service .gptester__controller-visual { max-width: 620px; }
    .gptester--service .gptester__seo { margin-right: 12px; margin-left: 12px; }
}

@media (max-width: 560px) {
    .gptester--service .gptester__title { font-size: 25px; }
    .gptester--service .gptester__health { grid-template-columns: 1fr; }
    .gptester--service .gptester__health-item + .gptester__health-item { border-top: 1px solid var(--gpt-line); border-left: 0; }
    .gptester--service .gptester__devices { grid-template-columns: 1fr !important; }
    .gptester--service .gptester__device { width: 100%; }
    .gptester--service .gptester__telemetry { grid-template-columns: 1fr; }
    .gptester--service .gptester__telemetry > div + div { border-top: 1px solid var(--gpt-line); border-left: 0; }
    .gptester--service .gptester__button-monitor { width: 64%; }
    .gptester--service .gptester__button-monitor span { padding: 5px 2px; font-size: 8px; }
    .gptester--service .gptester__trigger { width: 46px; }
    .gptester--service .gptester__hotspot { border-width: 1px; }
}

/* End */
/* /local/components/vadik/gamepad.tester/templates/.default/style.css?178433078745941 */