@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#f7f9fc;--bg-deep:#eef3f8;--surface:#fff;--surface-2:#f4f7fa;--surface-3:#e9eff5;--text:#0b1728;--muted:#5b6b7d;--faint:#8493a4;--line:#dce5ee;--line-strong:#c9d5e1;--blue:#087db7;--cyan:#00a6d7;--cyan-soft:#e1f7fd;--violet:#6d55e7;--green:#0a9c68;--green-soft:#e2f8ef;--amber:#b96e00;--amber-soft:#fff2d9;--red:#d14255;--red-soft:#ffe9ed;--shadow:0 18px 50px #18314d17;--shadow-sm:0 8px 24px #18314d12;--radius:22px;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}[data-theme=dark]{--bg:#07101d;--bg-deep:#040a12;--surface:#0c1928;--surface-2:#101f30;--surface-3:#172a3d;--text:#ecf5ff;--muted:#9cb0c3;--faint:#6f8499;--line:#1e3448;--line-strong:#2b465e;--blue:#34c9f2;--cyan:#36d6ff;--cyan-soft:#0c3040;--violet:#9484ff;--green:#31d79b;--green-soft:#0c342c;--amber:#ffbd5c;--amber-soft:#3e2d10;--red:#ff7184;--red-soft:#3b1720;--shadow:0 22px 60px #00000047;--shadow-sm:0 8px 28px #0003}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}::selection{background:var(--cyan);color:#031019}.container{width:min(1160px,100% - 40px);margin-inline:auto}.skip-link{z-index:10000;background:var(--text);color:var(--bg);border-radius:8px;padding:10px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:16px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan)}@supports (color:color-mix(in lab, red, red)){button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--cyan),transparent 35%)}}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:3px}.site-header{z-index:100;border-bottom:1px solid var(--line);height:74px;position:relative}@supports (color:color-mix(in lab, red, red)){.site-header{border-bottom:1px solid color-mix(in srgb,var(--line),transparent 20%)}}.site-header{background:var(--bg)}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb,var(--bg),transparent 8%)}}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.nav-wrap{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#04111c;width:36px;height:36px;box-shadow:0 7px 20px var(--cyan);border-radius:11px;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.brand-mark{box-shadow:0 7px 20px color-mix(in srgb,var(--cyan),transparent 70%)}}.brand-mark{font-weight:900}.main-nav{align-items:center;gap:34px;display:flex}.main-nav a{color:var(--muted);font-size:14px;font-weight:650;transition:all .2s}.main-nav a:hover{color:var(--text)}.nav-actions{gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.theme-button span{font-size:20px;line-height:1}.menu-button{gap:4px;display:none}.menu-button span{background:currentColor;border-radius:3px;width:18px;height:2px;display:block}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:11px 18px;font-weight:750;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)scale(.99)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{color:#03121c;background:linear-gradient(135deg,#19c5ed,#6c79ff);box-shadow:0 10px 28px #1fb7e140}.button-secondary:hover,.button-ghost:hover{border-color:var(--cyan);background:var(--cyan-soft)}.button-ghost{border-color:var(--line);background:0 0}.button-danger{background:var(--red-soft);border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.button-danger{border-color:color-mix(in srgb,var(--red),transparent 50%)}}.button-danger{color:var(--red)}.button-small{min-height:40px;padding:8px 13px;font-size:13px}.text-link{color:var(--blue);align-items:center;gap:8px;font-weight:750;display:inline-flex}.section-kicker,.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;display:block}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:38px;display:flex}.section-heading h2,.center-heading h2,.content-section h2,.content-band h2,.seo-band h2{letter-spacing:-.04em;margin:8px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.12}.section-heading>p{max-width:440px;color:var(--muted);margin:0}.center-heading{text-align:center;max-width:700px;margin:0 auto 46px}.center-heading p{color:var(--muted);font-size:18px}.narrow-section{max-width:820px}.two-col-content{grid-template-columns:1fr 1fr;gap:80px;display:grid}.two-col-content p,.content-band p{color:var(--muted)}.hero{align-items:center;display:flex;position:relative;overflow:hidden}.hero-grid{align-items:center;display:grid}.eyebrow-pill{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:9px;padding:7px 12px;font-size:12px;font-weight:750;display:inline-flex}.eyebrow-pill span{border-radius:50%;width:7px;height:7px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-trust{color:var(--muted);display:flex}.hero-trust span{align-items:center;gap:7px;display:flex}.tools-section{padding-block:100px}.category-title span{font-family:var(--mono);color:var(--cyan);font-size:11px}.category-title h3{text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:14px}.category-title i{background:var(--line);flex:1;height:1px}.tool-grid{grid-template-columns:repeat(4,1fr);gap:17px;display:grid}.tool-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:235px;box-shadow:var(--shadow-sm);flex-direction:column;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}@supports (color:color-mix(in lab, red, red)){.tool-card:hover{border-color:color-mix(in srgb,var(--cyan),transparent 35%)}}.tool-icon,.tool-page-icon{background:linear-gradient(135deg,var(--cyan-soft),var(--violet));border-radius:15px;place-items:center;width:50px;height:50px;display:grid}@supports (color:color-mix(in lab, red, red)){.tool-icon,.tool-page-icon{background:linear-gradient(135deg,var(--cyan-soft),color-mix(in srgb,var(--violet),transparent 86%))}}.tool-icon,.tool-page-icon{color:var(--blue);border:1px solid var(--cyan)}@supports (color:color-mix(in lab, red, red)){.tool-icon,.tool-page-icon{border:1px solid color-mix(in srgb,var(--cyan),transparent 70%)}}.tool-card-content{flex-direction:column;gap:7px;margin-top:20px;display:flex}.tool-card-content strong{font-size:17px}.tool-card-content>span{color:var(--muted);font-size:13px;line-height:1.55}.tool-card-link{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-top:auto;font-size:12px;font-weight:800;display:flex}.tool-card-planned{background:repeating-linear-gradient(-45deg,var(--surface),var(--surface) 16px,var(--surface-2) 16px,var(--surface-2) 32px)}.why-section{background:var(--bg-deep);border-block:1px solid var(--line);padding-block:100px}.benefit-grid{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.benefit-grid article{background:var(--surface);padding:32px}.benefit-grid article>span{color:var(--cyan)}.benefit-grid h3{margin:18px 0 5px;font-size:18px}.benefit-grid p{color:var(--muted);margin:0;font-size:14px}.process-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.process-grid article{border-top:1px solid var(--line);padding-top:22px}.process-grid article>span{font-family:var(--mono);color:var(--cyan);font-size:12px}.process-grid h3{margin:14px 0 5px;font-size:18px}.process-grid p{color:var(--muted);font-size:14px}.seo-band,.content-band{background:var(--bg-deep);border-block:1px solid var(--line);padding-block:90px}.toolkit-cta,.info-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:34px}.toolkit-cta h3{margin:22px 0 7px;font-size:25px}.faq-list{border-top:1px solid var(--line);margin-top:32px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;justify-content:space-between;gap:20px;padding:22px 4px;font-weight:750;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--cyan);font-size:22px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:var(--muted);margin:0;padding:0 40px 23px 4px}.site-footer{background:var(--bg-deep);border-top:1px solid var(--line);padding-top:70px}.footer-grid{grid-template-columns:1.7fr repeat(4,1fr);gap:40px;padding-bottom:55px;display:grid}.footer-intro p{color:var(--muted);max-width:270px;margin-top:20px}.footer-grid h2{text-transform:uppercase;letter-spacing:.1em;font-size:13px}.footer-grid ul{margin:18px 0 0;padding:0;list-style:none}.footer-grid li{margin:8px 0}.footer-grid li a{color:var(--muted);font-size:13px}.footer-grid li a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;padding-block:20px;font-size:12px;display:flex}.tool-hero{background:linear-gradient(180deg,var(--bg-deep),var(--bg));border-bottom:1px solid var(--line);padding-block:55px 70px}.tool-hero-inner{max-width:980px}.breadcrumbs{color:var(--faint);align-items:center;gap:10px;margin-bottom:35px;font-size:12px;display:flex}.breadcrumbs a:hover{color:var(--cyan)}.tool-heading-row{align-items:center;gap:20px;display:flex}.tool-page-icon{border-radius:19px;flex:none;width:64px;height:64px}.tool-heading-row h1{letter-spacing:-.05em;margin:5px 0;font-size:clamp(36px,5vw,58px);line-height:1.06}.tool-lead{max-width:760px;color:var(--muted);font-size:18px}.trust-row{flex-wrap:wrap;gap:12px;margin-top:23px;display:flex}.trust-row span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;display:flex}.trust-row svg{color:var(--green)}.tool-stage{z-index:2;margin-top:-28px;position:relative}.tool-shell{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:26px;padding:22px;overflow:hidden}.tool-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:54px;padding-bottom:20px;display:flex}.tool-status{align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.status-dot{background:var(--faint);width:9px;height:9px;box-shadow:0 0 0 5px var(--faint);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.status-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--faint),transparent 84%)}}.status-active .status-dot{background:var(--cyan);box-shadow:0 0 0 5px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.status-active .status-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--cyan),transparent 80%)}}.status-active .status-dot{animation:1.5s infinite status-pulse}.status-success .status-dot{background:var(--green);box-shadow:0 0 0 5px var(--green)}@supports (color:color-mix(in lab, red, red)){.status-success .status-dot{box-shadow:0 0 0 5px color-mix(in srgb,var(--green),transparent 80%)}}.status-warning .status-dot{background:var(--amber)}.status-error .status-dot{background:var(--red)}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toggle{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle span{background:var(--surface-3);border:1px solid var(--line);border-radius:99px;width:34px;height:19px;position:relative}.toggle span:after{content:"";background:var(--faint);border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+span{background:var(--cyan-soft);border-color:var(--cyan)}.toggle input:checked+span:after{background:var(--cyan);left:17px}.toggle input:focus-visible+span{outline:3px solid var(--cyan)}@supports (color:color-mix(in lab, red, red)){.toggle input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--cyan),transparent 35%)}}.toggle input:focus-visible+span{outline-offset:3px}.ad-slot{border:1px dashed var(--line-strong);height:110px;color:var(--faint);background:var(--surface-2);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-block:55px;display:flex}@supports (color:color-mix(in lab, red, red)){.ad-slot{background:color-mix(in srgb,var(--surface-2),transparent 30%)}}.ad-slot{text-align:center}.ad-slot span{text-transform:uppercase;letter-spacing:.16em;font-size:9px}.ad-slot p{margin:4px 0;font-size:11px}.step-list,.check-list,.plain-list{padding:0;list-style:none}.step-list li{gap:15px;margin:22px 0;display:flex}.step-list li>span{border:1px solid var(--line);width:30px;height:30px;font-family:var(--mono);color:var(--cyan);border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid}.step-list p{margin:1px 0}.check-list li{gap:11px;margin:17px 0;display:flex}.check-list svg{color:var(--green);flex:none;margin-top:3px}.plain-list li{color:var(--muted);padding:0 0 15px 20px;position:relative}.plain-list li:before{content:"";background:var(--cyan);border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.related-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.related-grid .tool-card{min-height:215px}.permission-notice{background:var(--cyan-soft);border:1px solid var(--cyan);align-items:flex-start;gap:16px;padding:17px;display:flex}@supports (color:color-mix(in lab, red, red)){.permission-notice{border:1px solid color-mix(in srgb,var(--cyan),transparent 65%)}}.permission-notice{border-radius:16px;margin-bottom:18px}.permission-icon{background:var(--surface);width:40px;height:40px;color:var(--blue);border-radius:12px;flex:none;place-items:center;display:grid}.permission-notice p{color:var(--muted);margin:3px 0 0;font-size:13px}.browser-support,.error-help,.http-notice,.monitor-note{background:var(--surface-2);border:1px solid var(--line);border-radius:15px;margin-top:20px;padding:16px 18px}.browser-support p,.error-help p,.http-notice p,.monitor-note p{color:var(--muted);margin:4px 0;font-size:13px}.error-help{background:var(--red-soft);border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.error-help{border-color:color-mix(in srgb,var(--red),transparent 55%)}}.result-grid{gap:12px;margin-top:18px;display:grid}.result-grid.four{grid-template-columns:repeat(4,1fr)}.result-card,.diagnostic-card{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;flex-direction:column;padding:16px;display:flex}.result-card span,.diagnostic-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px}.result-card strong,.diagnostic-card strong{margin-top:4px}.result-card small,.diagnostic-card small{color:var(--faint);margin-top:5px;font-size:10px}.home-keyboard-section{background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--line);padding-block:100px;scroll-margin-top:20px}.home-keyboard-heading{grid-template-columns:1.2fr .8fr;align-items:end;gap:60px;margin-bottom:34px;display:grid}.home-keyboard-heading h2{letter-spacing:-.045em;margin:8px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.05}.home-keyboard-heading p{color:var(--muted);margin:0}.keyboard-tool-compact{box-shadow:0 24px 70px #18314d1f}.home-related{margin-top:55px}.home-related>.subheading{margin-bottom:18px}.home-related>.subheading h3{margin:0;font-size:22px}.keyboard-progress{grid-template-columns:130px 1fr 48px;align-items:center;gap:14px;margin:22px 0;display:grid}.keyboard-progress strong{font-family:var(--mono)}.keyboard-progress span{color:var(--muted);font-size:12px}.progress-track,.test-progress{background:var(--surface-3);border-radius:9px;height:8px;overflow:hidden}.progress-track span,.test-progress span{background:linear-gradient(90deg,var(--cyan),var(--violet));border-radius:9px;height:100%;display:block}.keyboard-progress b{font-family:var(--mono);color:var(--muted);font-size:12px}.mobile-hint{display:none}.keyboard-scroll{padding:3px 2px 10px;overflow-x:auto}.keyboard-board{background:var(--bg-deep);border:1px solid var(--line);border-radius:18px;min-width:1000px;padding:15px}.keyboard-row{gap:7px;margin:7px 0;display:flex}.key{border:1px solid var(--line-strong);background:var(--surface);min-width:48px;height:48px;font-family:var(--mono);color:var(--muted);border-bottom-width:3px;border-radius:8px;flex:1;justify-content:center;align-items:center;font-size:10px;transition:all 80ms;display:flex;position:relative}.key i{color:var(--green);font-style:normal;position:absolute;top:3px;right:5px}.key.is-tested{background:var(--green-soft);border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.key.is-tested{border-color:color-mix(in srgb,var(--green),transparent 45%)}}.key.is-tested{color:var(--green)}.key.is-pressed{background:var(--cyan);border-bottom-width:1px;border-color:var(--cyan);color:#03131b;box-shadow:0 0 20px var(--cyan);transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.key.is-pressed{box-shadow:0 0 20px color-mix(in srgb,var(--cyan),transparent 48%)}}.key-backspace,.key-tab,.key-capslock,.key-enter{flex:1.7}.key-shiftleft,.key-shiftright{flex:2}.key-space{flex:7}.keyboard-info{grid-template-columns:1.2fr 1fr;gap:15px;margin-top:18px;display:grid}.last-key,.sound-control{border:1px solid var(--line);border-radius:15px;padding:17px}.last-key>span,.sound-control>label{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:11px;display:block}.last-key>strong{font-size:28px;display:block}.last-key div{flex-wrap:wrap;gap:8px;display:flex}.last-key code,.last-key em{background:var(--surface-2);border-radius:6px;padding:4px 7px;font-size:10px;font-style:normal}.pressed-label{color:var(--cyan)}.released-label{color:var(--green)}.warning-label{color:var(--amber)}.last-key p,.sound-control small{color:var(--muted);font-size:12px}.sound-control input{width:100%;accent-color:var(--cyan);margin:12px 0}.event-log{margin-top:22px}.subheading{justify-content:space-between;align-items:center;display:flex}.subheading h3{font-size:16px}.subheading span{color:var(--faint);font-size:11px}.event-table{border:1px solid var(--line);border-radius:12px;overflow:hidden}.event-row{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1.5fr .7fr;gap:10px;padding:8px 12px;font-size:11px;display:grid}.event-row:first-child{border-top:0}.event-head{background:var(--surface-2);color:var(--faint);text-transform:uppercase;letter-spacing:.07em}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--faint);border-radius:12px;padding:25px;font-size:12px}.keyboard-board{grid-template-columns:1fr 190px;gap:14px;min-width:1100px;display:grid}.keyboard-main .key{min-width:44px}.numpad-board{grid-template-rows:repeat(5,48px);grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px;display:grid}.numpad-board .key{min-width:0}.numpad-board .key-numpadadd{grid-area:2/4/span 2;height:auto}.numpad-board .key-numpadenter{grid-area:4/4/span 2;height:auto}.numpad-board .key-numpad0{grid-column:1/span 2}.mouse-layout{grid-template-columns:1fr 280px;gap:18px;margin-top:20px;display:grid}.mouse-pad{border:1px dashed var(--line-strong);background:radial-gradient(circle at center,var(--cyan),transparent 55%),var(--surface-2);border-radius:19px;height:410px}@supports (color:color-mix(in lab, red, red)){.mouse-pad{background:radial-gradient(circle at center,color-mix(in srgb,var(--cyan),transparent 91%),transparent 55%),var(--surface-2)}}.mouse-pad{-webkit-user-select:none;user-select:none;touch-action:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mouse-pad.is-dragging{border-color:var(--cyan)}.mouse-pad>strong{margin-top:15px}.mouse-pad>p{color:var(--muted);margin:2px;font-size:13px}.mouse-illustration{border:2px solid var(--line-strong);background:var(--surface);border-radius:50px;grid-template-columns:1fr 1fr;width:100px;height:142px;display:grid;position:relative}.mouse-illustration span{border-bottom:1px solid var(--line);height:54px}.mouse-illustration span:first-child{border-right:1px solid var(--line);border-radius:48px 0 0}.mouse-illustration span:nth-child(2){border-radius:0 48px 0 0}.mouse-illustration span.active{background:var(--cyan-soft)}.mouse-illustration i{background:var(--line-strong);border-radius:8px;width:8px;height:26px;position:absolute;top:13px;left:45px}.coordinate-readout{font-family:var(--mono);color:var(--faint);margin-top:13px;font-size:10px}.trail-dot{background:var(--cyan);pointer-events:none;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.mouse-stats{border:1px solid var(--line);border-radius:18px;padding:18px}.mouse-stats h3{margin:0 0 14px}.mouse-buttons div,.scroll-stats div,.pointer-info{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 0;font-size:12px;display:flex}.mouse-buttons strong,.scroll-stats strong{font-family:var(--mono);color:var(--cyan)}.scroll-stats{margin-top:13px}.pointer-info{border:0;flex-direction:column;align-items:flex-start;margin-top:13px;display:flex}.pointer-info strong{text-transform:capitalize}.cps-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;grid-template-columns:1fr 110px auto;align-items:center;gap:20px;margin-top:18px;padding:20px;display:grid}.cps-panel h3{margin:5px 0}.cps-panel p{color:var(--muted);margin:0;font-size:12px}.cps-result{text-align:center}.cps-result strong{font-size:35px;display:block}.cps-result span{color:var(--faint);font-size:10px}.camera-frame{background:#03070b;border-radius:19px;place-items:center;height:520px;margin-top:18px;display:grid;position:relative;overflow:hidden}.camera-frame video{object-fit:contain;width:100%;height:100%}.camera-frame video.mirrored{transform:scaleX(-1)}.camera-placeholder,.mic-placeholder{text-align:center;color:#eef8ff;z-index:2;max-width:430px;padding:25px;position:absolute}.camera-placeholder>span{color:#43d7ff;background:#112638;border-radius:22px;place-items:center;width:72px;height:72px;margin:auto;display:grid}.camera-placeholder h3,.mic-placeholder h3{margin:18px 0 5px;font-size:24px}.camera-placeholder p,.mic-placeholder p{color:#9bb0c2}.camera-grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.1%,#ffffff40 33.2% 33.5%,#0000 33.6% 66.3%,#ffffff40 66.4% 66.7%,#0000 66.8%),linear-gradient(#0000 33.1%,#ffffff40 33.2% 33.5%,#0000 33.6% 66.3%,#ffffff40 66.4% 66.7%,#0000 66.8%);display:none;position:absolute;inset:0}.show-grid .camera-grid{display:block}.camera-controls{flex-wrap:wrap;align-items:end;gap:12px;padding:16px 2px 0;display:flex}.camera-controls label,.mic-side label{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.camera-controls select,.mic-side select{border:1px solid var(--line);background:var(--surface);height:40px;color:var(--text);border-radius:10px;padding:0 35px 0 10px}.snapshot-panel{border:1px solid var(--line);border-radius:17px;grid-template-columns:1fr 180px auto;align-items:center;gap:18px;margin-top:18px;padding:18px;display:grid}.snapshot-panel p{color:var(--muted);font-size:12px}.snapshot-panel img{border-radius:10px;max-height:100px}.mic-placeholder{color:var(--text);margin:50px auto;position:relative}.mic-orb{background:var(--cyan-soft);width:78px;height:78px;color:var(--cyan);box-shadow:0 0 0 12px var(--cyan);border-radius:50%;place-items:center;margin:auto;font-size:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.mic-orb{box-shadow:0 0 0 12px color-mix(in srgb,var(--cyan),transparent 92%)}}.mic-dashboard{grid-template-columns:1fr 270px;gap:18px;margin-top:20px;display:grid}.meter-panel,.mic-side{border:1px solid var(--line);border-radius:18px;padding:20px}.meter-head{justify-content:space-between;display:flex}.meter-head strong{font-family:var(--mono);color:var(--cyan)}.level-meter{background:linear-gradient(90deg,var(--surface-3) 65%,var(--amber-soft) 65% 85%,var(--red-soft) 85%);border-radius:10px;height:18px;margin-top:16px;position:relative;overflow:hidden}.level-meter span{background:linear-gradient(90deg,var(--green),var(--cyan),var(--amber),var(--red));border-radius:10px;height:100%;display:block}.level-meter i{background:var(--text);width:2px;height:100%;position:absolute;top:0}.meter-scale{color:var(--faint);justify-content:space-between;margin-top:5px;font-size:9px;display:flex}.waveform{background:var(--bg-deep);border-radius:12px;width:100%;height:140px;margin-top:20px}.relative-db{font-family:var(--mono);font-size:12px}.relative-db span{float:right;color:var(--faint);font-family:var(--font)}.mic-side select{width:100%}.signal-flags{margin-top:20px}.signal-flags span{background:var(--green-soft);color:var(--green);border-radius:9px;margin:9px 0;padding:9px;font-size:12px;display:block}.signal-flags span.on{background:var(--amber-soft);color:var(--amber)}.signal-flags span.danger.on{background:var(--red-soft);color:var(--red)}.record-panel{border:1px solid var(--line);background:var(--surface-2);border-radius:18px;align-items:center;gap:20px;margin-top:18px;padding:20px;display:flex}.record-panel>div:first-child{flex:1}.record-panel h3{margin:5px 0}.record-panel p{color:var(--muted);margin:0;font-size:12px}.record-playback{align-items:center;gap:8px;display:flex}.record-playback audio{max-width:250px;height:40px}.safety-banner{background:var(--amber-soft);color:var(--amber);border-radius:14px;align-items:center;gap:13px;margin-bottom:18px;padding:14px 17px;display:flex}.safety-banner>span{border:1px solid;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.safety-banner p{color:var(--muted);margin:0;font-size:12px}.speaker-stage{background:radial-gradient(circle at center,var(--cyan),transparent 48%),var(--bg-deep);grid-template-columns:1fr 170px 1fr;align-items:center;gap:25px;height:330px;display:grid}@supports (color:color-mix(in lab, red, red)){.speaker-stage{background:radial-gradient(circle at center,color-mix(in srgb,var(--cyan),transparent 90%),transparent 48%),var(--bg-deep)}}.speaker-stage{border-radius:18px;margin-top:18px;padding:30px}.speaker-visual{text-align:center;color:var(--faint)}.speaker-visual>div{background:var(--surface);border:1px solid var(--line-strong);width:150px;height:210px;box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:auto;display:flex}.speaker-visual i{border:8px solid var(--surface-3);border-radius:50%;display:block}.speaker-visual i:first-child{width:40px;height:40px}.speaker-visual i:nth-child(2){width:85px;height:85px}.speaker-visual i:nth-child(3){display:none}.speaker-visual.is-playing>div{border-color:var(--cyan);box-shadow:0 0 30px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.speaker-visual.is-playing>div{box-shadow:0 0 30px color-mix(in srgb,var(--cyan),transparent 70%)}}.speaker-visual.is-playing>div{animation:.42s ease-in-out infinite alternate speaker-bump}.speaker-visual strong{letter-spacing:.13em;margin-top:13px;font-size:11px;display:block}.audio-core{text-align:center}.audio-core>span{letter-spacing:.15em;color:var(--green);font-size:9px}.audio-core strong{font-size:48px;line-height:1.1;display:block}.audio-core small{color:var(--muted)}.speaker-controls{grid-template-columns:1fr 2fr 1.5fr;align-items:end;gap:18px;margin-top:18px;display:grid}.speaker-controls fieldset{border:0;margin:0;padding:0}.speaker-controls legend,.volume-control>span{color:var(--muted);margin-bottom:8px;font-size:11px}.segmented,.frequency-buttons{border:1px solid var(--line);border-radius:11px;display:flex;overflow:hidden}.segmented button,.frequency-buttons button{background:var(--surface-2);border:0;border-right:1px solid var(--line);cursor:pointer;flex:1;height:43px;font-size:12px}.segmented button:last-child,.frequency-buttons button:last-child{border:0}.segmented button.active,.frequency-buttons button.active{background:var(--cyan-soft);color:var(--blue)}.frequency-buttons button small{font-size:8px;display:block}.volume-control{flex-direction:column;display:flex}.volume-control span{justify-content:space-between;display:flex}.volume-control input{height:43px;accent-color:var(--cyan)}.speaker-actions{grid-column:1/-1;justify-content:center;gap:10px;display:flex}.pixel-intro{grid-template-columns:350px 1fr;align-items:center;gap:35px;padding:35px;display:grid}.pixel-preview{border:8px solid var(--surface-3);border-radius:18px;grid-template-columns:repeat(5,1fr);height:220px;display:grid;overflow:hidden}.pixel-preview div:first-child{background:#fff}.pixel-preview div:nth-child(2){background:red}.pixel-preview div:nth-child(3){background:#00d963}.pixel-preview div:nth-child(4){background:#026cff}.pixel-preview div:nth-child(5){background:#000}.pixel-intro h3{margin:0;font-size:27px}.pixel-intro p{color:var(--muted)}.color-strip{grid-template-columns:repeat(12,1fr);gap:6px;display:grid}.color-strip button{border:1px solid var(--line-strong);cursor:pointer;border-radius:10px;height:55px;position:relative}.color-strip button span{background:var(--text);color:var(--bg);white-space:nowrap;z-index:3;border-radius:4px;padding:3px 6px;font-size:9px;display:none;position:absolute;top:calc(100% + 5px);left:50%;transform:translate(-50%)}.color-strip button:hover span{display:block}.pixel-explainer{grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;display:grid}.pixel-explainer article{border:1px solid var(--line);border-radius:15px;gap:13px;padding:17px;display:flex}.pixel-explainer p{color:var(--muted);margin:3px 0;font-size:12px}.dead-pixel-dot,.stuck-pixel-dot{width:18px;height:18px;box-shadow:0 0 0 1px var(--line-strong);background:#000;border-radius:4px;flex:none}.stuck-pixel-dot{background:#ff0048}.test-viewer{z-index:1000;position:fixed;inset:0}.viewer-hud{color:#edf8ff;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#050c14e0;border:1px solid #ffffff2e;border-radius:15px;align-items:center;gap:8px;max-width:calc(100% - 30px);padding:8px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.viewer-hud.dark-hud{color:#07101d;background:#ffffffe6}.viewer-hud button{width:42px;height:42px;color:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:10px}.viewer-hud div{text-align:center;min-width:240px}.viewer-hud strong,.viewer-hud span{display:block}.viewer-hud span{opacity:.7;font-size:10px;line-height:1.3}.pattern-browser{grid-template-columns:1fr 300px;gap:18px;margin-top:18px;display:grid}.pattern-preview{border:1px solid var(--line);background:#111;border-radius:18px;height:480px;position:relative;overflow:hidden}.pattern-content{position:absolute;inset:0}.pattern-caption{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#edf7ff;background:#050c14d4;border-radius:14px;gap:14px;padding:17px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.pattern-caption>span{font-family:var(--mono);color:#35d6ff}.pattern-caption p{color:#a9bbca;margin:2px 0;font-size:11px}.pattern-list{flex-direction:column;gap:7px;display:flex}.pattern-list button{text-align:left;border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:11px;grid-template-columns:34px 1fr auto;align-items:center;min-height:46px;padding:5px 12px;display:grid}.pattern-list button span{font-family:var(--mono);color:var(--faint);font-size:9px}.pattern-list button i{color:var(--faint);font-style:normal}.pattern-list button.active{border-color:var(--cyan);background:var(--cyan-soft)}.monitor-viewer{background:#111}.monitor-viewer .viewer-hud{z-index:2}.pattern-grayscale .pattern-content{background:linear-gradient(90deg,#000 0 10%,#1c1c1c 10% 20%,#383838 20% 30%,#555 30% 40%,#717171 40% 50%,#8e8e8e 50% 60%,#aaa 60% 70%,#c6c6c6 70% 80%,#e2e2e2 80% 90%,#fff 90%)}.pattern-blacklevel .pattern-content{background:repeating-linear-gradient(90deg,#000 0 8%,#070707 8% 16%,#0d0d0d 16% 24%,#141414 24% 32%,#1b1b1b 32% 40%,#222 40% 48%)}.pattern-white .pattern-content{background:repeating-linear-gradient(90deg,#fff 0 8%,#f8f8f8 8% 16%,#f0f0f0 16% 24%,#e8e8e8 24% 32%,#dedede 32% 40%)}.pattern-gradient .pattern-content{background-blend-mode:screen;background:linear-gradient(90deg,#000,#fff),linear-gradient(red,#00f)}.pattern-rgb .pattern-content{background:linear-gradient(90deg,red 0 33.33%,#0f0 33.33% 66.66%,#00f 66.66%)}.pattern-blocks .pattern-content{background:conic-gradient(red 0 12.5%,#ff0 0 25%,#0f0 0 37.5%,#0ff 0 50%,#00f 0 62.5%,#f0f 0 75%,#fff 0 87.5%,#000 0)}.pattern-sharpness .pattern-content{background:repeating-linear-gradient(90deg,#000 0 1px,#fff 1px 2px)}.pattern-checker .pattern-content{background:repeating-conic-gradient(#fff 0 25%,#000 0 50%) 0/24px 24px}.pattern-angle .pattern-content{background:radial-gradient(circle,#eee 0 5%,#222 5% 10%,#ddd 10% 15%,#333 15% 20%,#ccc 20% 25%,#444 25% 30%,#bbb 30% 35%,#555 35% 40%,#aaa 40%)}.resolution-hero{text-align:center;background:radial-gradient(circle at center,var(--cyan),transparent 55%);padding:42px 20px}@supports (color:color-mix(in lab, red, red)){.resolution-hero{background:radial-gradient(circle at center,color-mix(in srgb,var(--cyan),transparent 88%),transparent 55%)}}.resolution-hero{border-bottom:1px solid var(--line)}.resolution-hero span{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.resolution-hero strong{letter-spacing:-.05em;font-size:clamp(38px,6vw,68px);line-height:1.1;display:block}.resolution-hero p{color:var(--muted);margin:8px}.diagnostic-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px;display:grid}.ua-details{border:1px solid var(--line);border-radius:13px;margin-top:16px;padding:14px}.ua-details summary{cursor:pointer;font-size:13px;font-weight:700}.ua-details code{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--muted);margin-top:10px;font-size:10px;display:block}.refresh-dashboard{grid-template-columns:330px 1fr;align-items:center;gap:40px;padding:36px;display:grid}.hz-dial{background:conic-gradient(var(--cyan),var(--violet),var(--surface-3) 75%);border-radius:50%;place-items:center;width:250px;height:250px;margin:auto;padding:3px;display:grid}.hz-dial:before{content:"";position:absolute}.hz-dial>div{background:var(--surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:224px;height:224px;display:flex}.hz-dial.is-running{animation:4s linear infinite spin}.hz-dial.is-running>div{animation:4s linear infinite reverse spin}.hz-dial span{color:var(--faint);letter-spacing:.12em;font-size:9px}.hz-dial strong{font-size:58px;line-height:1}.hz-dial small{color:var(--muted)}.refresh-summary h3{margin:0;font-size:26px}.refresh-summary p{color:var(--muted)}.refresh-summary>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:9px 0;display:flex}.refresh-summary>div span{color:var(--muted);font-size:12px}.refresh-summary .button{margin-top:20px}.test-progress{margin:0 35px 25px;position:relative}.test-progress b{font-size:10px;position:absolute;bottom:12px;right:0}.frametime-panel{border:1px solid var(--line);border-radius:16px;padding:18px}.frametime-panel svg{background:var(--bg-deep);border-radius:10px;width:100%;height:150px;margin-top:10px}.frametime-panel path{stroke:var(--line);stroke-width:1px}.frametime-panel polyline{fill:none;stroke:var(--cyan);stroke-width:2px}.graph-scale{color:var(--faint);justify-content:space-between;font-size:9px;display:flex}.touch-canvas-wrap{border:1px solid var(--line-strong);background:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px),var(--bg-deep);background-size:40px 40px;border-radius:18px;height:600px;margin-top:18px;position:relative;overflow:hidden}.touch-canvas-wrap canvas{touch-action:none;z-index:2;width:100%;height:100%;display:block;position:relative}.touch-instruction{color:var(--muted);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.touch-instruction strong{margin-top:12px}.touch-instruction span{font-size:12px}.touch-point{z-index:4;pointer-events:none;background:#ffffff14;border:3px solid;border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.touch-point span{font-size:9px}.edge-label{z-index:3;letter-spacing:.12em;color:var(--faint);pointer-events:none;font-size:8px;position:absolute}.edge-label.top{top:7px;left:50%}.edge-label.bottom{bottom:7px;left:50%}.edge-label.left{writing-mode:vertical-rl;top:50%;left:7px}.edge-label.right{writing-mode:vertical-rl;top:50%;right:7px}.touch-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;display:grid}.touch-stats>div{border:1px solid var(--line);border-radius:12px;padding:13px}.touch-stats span{color:var(--muted);font-size:10px;display:block}.touch-stats strong{font-family:var(--mono)}.pointer-detail{background:var(--surface-2);border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:12px;font-size:11px;display:flex}.pointer-detail span{font-weight:800}.pointer-detail code{color:var(--muted)}.touch-note{color:var(--muted);font-size:11px}.gamepad-placeholder{text-align:center;padding:65px 20px}.controller-shape{border:2px solid var(--line-strong);background:var(--surface-2);border-radius:55px 55px 40px 40px;width:190px;height:105px;margin:auto;position:relative}.controller-shape:before,.controller-shape:after{content:"";border:2px solid var(--line-strong);background:var(--surface-2);z-index:-1;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-22px}.controller-shape:before{left:2px}.controller-shape:after{right:2px}.controller-shape span:first-child:before,.controller-shape span:first-child:after{content:"";background:var(--faint);position:absolute;top:38px;left:42px}.controller-shape span:first-child:before{width:34px;height:8px}.controller-shape span:first-child:after{width:8px;height:34px;top:25px;left:55px}.controller-shape i{background:var(--cyan);border-radius:50%;width:13px;height:13px;position:absolute;top:30px;right:46px}.controller-shape i:last-child{top:48px;right:28px}.gamepad-placeholder h3{margin:35px 0 4px;font-size:25px}.gamepad-placeholder p{max-width:590px;color:var(--muted);margin:auto}.support-chips{justify-content:center;gap:10px;margin-top:20px;display:flex}.support-chips span{border:1px solid var(--line);border-radius:99px;padding:5px 9px;font-size:10px}.pad-header{grid-template-columns:1fr 260px;gap:20px;margin:20px 0;display:grid}.pad-header>div{border:1px solid var(--line);border-radius:15px;padding:16px}.pad-header span,.pad-header small{color:var(--faint);font-size:10px;display:block}.pad-header h3{overflow-wrap:anywhere;margin:3px 0}.pad-visuals{grid-template-columns:360px 1fr;gap:18px;display:grid}.stick-panel,.buttons-panel{border:1px solid var(--line);border-radius:18px;padding:18px}.sticks{justify-content:space-around;display:flex}.stick{text-align:center}.stick>div{border:1px solid var(--line);background:radial-gradient(circle,var(--surface-3) 0 8%,transparent 9%),linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:auto,50% 50%,50% 50%;border-radius:50%;width:118px;height:118px;position:relative}.stick i{background:var(--cyan);width:35px;height:35px;box-shadow:0 0 20px var(--cyan);border-radius:50%;position:absolute;top:50%;left:50%}@supports (color:color-mix(in lab, red, red)){.stick i{box-shadow:0 0 20px color-mix(in srgb,var(--cyan),transparent 55%)}}.stick strong,.stick code{margin-top:7px;font-size:11px;display:block}.stick code{color:var(--faint)}.axis-values{grid-template-columns:1fr 1fr;gap:6px;margin-top:15px;display:grid}.axis-values code{background:var(--surface-2);border-radius:6px;padding:6px;font-size:9px}.deadzone{margin-top:18px}.deadzone>span{color:var(--muted);font-size:10px}.deadzone>div{background:var(--surface-3);border-radius:8px;height:8px;overflow:hidden}.deadzone i{background:var(--amber);height:100%;display:block}.deadzone strong{font-size:11px}.gamepad-buttons{grid-template-columns:1fr 1fr;gap:7px;display:grid}.gamepad-buttons>div{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr 10px 37px;align-items:center;gap:8px;padding:7px;font-size:9px;display:grid}.gamepad-buttons>div.active{border-color:var(--cyan);background:var(--cyan-soft)}.gamepad-buttons i{background:var(--surface-3);align-items:end;height:28px;display:flex;position:relative}.gamepad-buttons b{background:var(--cyan);width:100%}.gamepad-buttons strong{font-family:var(--mono)}.http-notice{background:var(--cyan-soft);border-color:var(--cyan);margin:0 0 18px}@supports (color:color-mix(in lab, red, red)){.http-notice{border-color:color-mix(in srgb,var(--cyan),transparent 65%)}}.ping-dashboard{grid-template-columns:310px 1fr;align-items:center;gap:45px;padding:40px;display:grid}.latency-score{border:12px solid var(--surface-3);width:230px;height:230px;box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:auto;display:flex}.latency-score.excellent,.latency-score.good{border-color:var(--green-soft)}.latency-score.fair{border-color:var(--amber-soft)}.latency-score.poor{border-color:var(--red-soft)}.latency-score span{letter-spacing:.12em;color:var(--faint);font-size:9px}.latency-score strong{font-size:60px;line-height:1}.latency-score b{color:var(--green);margin-top:8px;font-size:11px}.ping-run h3{margin:0;font-size:26px}.ping-run p{color:var(--muted)}.sample-dots{gap:8px;margin:25px 0;display:flex}.sample-dots i{border:1px solid var(--line);width:37px;height:37px;font-style:normal;font-family:var(--mono);border-radius:50%;place-items:center;font-size:9px;display:grid}.sample-dots i.done{background:var(--green-soft);color:var(--green);border-color:var(--green)}.sample-dots i.active{border-color:var(--cyan);animation:1s infinite status-pulse}.latency-scale{border-radius:12px;grid-template-columns:repeat(4,1fr);margin-top:22px;display:grid;overflow:hidden}.latency-scale span{text-align:center;background:var(--green-soft);color:var(--green);padding:12px;font-size:11px}.latency-scale span:nth-child(2){background:var(--cyan-soft);color:var(--blue)}.latency-scale span:nth-child(3){background:var(--amber-soft);color:var(--amber)}.latency-scale span:nth-child(4){background:var(--red-soft);color:var(--red)}.latency-scale small{color:var(--muted);font-size:8px}.future-stage{text-align:center;max-width:720px;margin:auto;padding:70px 20px}.future-stage .tool-page-icon{margin:0 auto 20px}.future-stage h3{margin:8px;font-size:34px}.future-stage p{color:var(--muted)}.future-checks{flex-wrap:wrap;justify-content:center;gap:15px;margin:25px;display:flex}.future-checks span{color:var(--green);align-items:center;gap:5px;font-size:11px;display:flex}.info-hero{background:linear-gradient(180deg,var(--bg-deep),var(--bg));border-bottom:1px solid var(--line);padding:65px 0 80px}.info-hero h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(43px,6vw,68px);line-height:1.05}.info-hero p{color:var(--muted);max-width:800px;font-size:20px}.prose-layout{grid-template-columns:1fr 290px;gap:100px;padding-block:80px;display:grid}.prose-layout article>section{margin-bottom:50px}.prose-layout h2{letter-spacing:-.03em;font-size:29px}.prose-layout p,.prose-layout li{color:var(--muted)}.prose-layout li{margin:8px 0}.prose-layout a{color:var(--blue);text-decoration:underline}.prose-layout aside{border:1px solid var(--line);background:var(--surface);border-radius:18px;flex-direction:column;gap:13px;height:max-content;padding:24px;display:flex;position:sticky;top:30px}.prose-layout aside p{margin:0;font-size:13px}.prose-layout aside .text-link{font-size:12px;text-decoration:none}.audience-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.audience-grid article{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:21px}.audience-grid h2{font-size:18px}.audience-grid p{color:var(--muted);font-size:12px}.not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:40px;display:flex}.not-found>span{font-family:var(--mono);color:var(--cyan);font-size:13px}.not-found h1{margin:8px;font-size:42px}.not-found p{color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px)}}@keyframes pulse-width{50%{opacity:.4;transform:scaleX(.45)}}@keyframes status-pulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--cyan),transparent 90%)}}@keyframes speaker-bump{to{transform:scale(1.015)}}@media (max-width:1000px){.tool-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr 1fr}.hero-visual{margin-inline:-40px;transform:scale(.85)}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}.footer-grid>div:nth-child(5){display:none}.audience-grid{grid-template-columns:repeat(3,1fr)}.speaker-controls{grid-template-columns:1fr 1fr}.speaker-controls .volume-control{grid-column:1/-1}.pad-visuals{grid-template-columns:1fr}.pattern-browser{grid-template-columns:1fr 260px}}@media (max-width:760px){.container{width:min(100% - 28px,1160px)}.site-header{height:66px}.main-nav{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:stretch;gap:2px;padding:12px;display:none;position:absolute;top:70px;left:14px;right:14px}.main-nav.is-open{display:flex}.main-nav a{padding:11px}.menu-button{display:grid}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:60px}.hero h1{font-size:54px}.hero-visual{height:390px;margin:-15px -50px -45px;transform:scale(.86)}.section-heading,.two-col-content{grid-template-columns:1fr;gap:20px;display:grid}.tool-grid,.benefit-grid,.process-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:nth-child(4){display:none}.tool-heading-row{align-items:flex-start}.tool-page-icon{width:54px;height:54px}.tool-hero{padding-block:40px 60px}.tool-stage{width:calc(100% - 16px)}.tool-shell{padding:15px}.tool-toolbar{align-items:flex-start}.result-grid.four,.diagnostic-grid{grid-template-columns:repeat(2,1fr)}.related-grid,.mouse-layout,.mic-dashboard,.refresh-dashboard,.ping-dashboard,.pad-header,.pattern-browser{grid-template-columns:1fr}.mouse-stats{grid-template-columns:1fr 1fr;gap:15px;display:grid}.mouse-stats h3{grid-column:1/-1}.speaker-stage{grid-template-columns:1fr 90px 1fr;height:290px;padding:15px}.speaker-visual>div{width:110px;height:170px}.speaker-controls{grid-template-columns:1fr}.pixel-intro{grid-template-columns:1fr;padding:25px 5px}.pattern-preview{height:380px}.pattern-list{grid-template-columns:1fr 1fr;display:grid}.touch-canvas-wrap{height:520px}.pad-visuals{grid-template-columns:1fr}.prose-layout{grid-template-columns:1fr;gap:30px}.prose-layout aside{position:static}.audience-grid{grid-template-columns:repeat(2,1fr)}.two-col-content{gap:45px}.content-section,.seo-band,.content-band{padding-block:65px}.snapshot-panel{grid-template-columns:1fr 140px}.snapshot-panel .toolbar-actions{grid-column:1/-1}.camera-frame{height:400px}}@media (max-width:520px){.brand{font-size:17px}.brand-mark{width:33px;height:33px}.theme-button{width:39px;height:39px}.hero h1{font-size:47px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-trust{flex-direction:column;gap:6px}.hero-visual{height:330px;margin:-30px -90px -60px;transform:scale(.72)}.tools-section{padding-block:70px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:200px}.benefit-grid,.process-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-grid>div:nth-child(3){display:none}.footer-bottom{flex-direction:column;gap:3px}.tool-heading-row{flex-direction:column}.tool-heading-row h1{font-size:39px}.tool-lead{font-size:16px}.tool-toolbar{flex-direction:column}.toolbar-actions{width:100%}.keyboard-progress{grid-template-columns:110px 1fr}.keyboard-progress b{display:none}.mobile-hint{color:var(--amber);background:var(--amber-soft);border-radius:9px;padding:9px;font-size:11px;display:block}.keyboard-info{grid-template-columns:1fr}.event-row{grid-template-columns:1fr 1fr}.event-row>:nth-child(n+3){display:none}.mouse-layout{display:block}.mouse-pad{height:350px}.mouse-stats{margin-top:12px;display:block}.cps-panel{text-align:center;grid-template-columns:1fr}.camera-frame{height:330px}.camera-controls{align-items:stretch}.camera-controls label{width:100%}.result-grid.four,.diagnostic-grid,.snapshot-panel{grid-template-columns:1fr}.snapshot-panel img{max-height:180px}.mic-dashboard{display:block}.mic-side{margin-top:12px}.record-panel{flex-direction:column;align-items:stretch}.record-playback{flex-wrap:wrap}.record-playback audio{width:100%;max-width:none}.speaker-stage{grid-template-columns:1fr 65px 1fr}.speaker-visual>div{width:80px;height:130px}.speaker-visual i:nth-child(2){width:55px;height:55px}.audio-core strong{font-size:32px}.speaker-controls{display:block}.speaker-controls>*{margin-top:15px}.frequency-buttons{grid-template-columns:repeat(3,1fr);display:grid}.frequency-buttons button{border-bottom:1px solid var(--line)}.color-strip{grid-template-columns:repeat(6,1fr)}.pixel-explainer{grid-template-columns:1fr}.viewer-hud div{min-width:120px}.viewer-hud span{display:none}.pattern-list{grid-template-columns:1fr}.refresh-dashboard,.ping-dashboard{padding:25px 0}.hz-dial,.latency-score{width:200px;height:200px}.hz-dial>div{width:180px;height:180px}.touch-canvas-wrap{height:440px}.touch-stats{grid-template-columns:1fr 1fr}.pointer-detail{flex-wrap:wrap}.gamepad-buttons{grid-template-columns:1fr}.sticks{gap:8px}.stick>div{width:100px;height:100px}.ping-run{text-align:center}.sample-dots{justify-content:center;gap:4px}.sample-dots i{width:32px;height:32px}.latency-scale{grid-template-columns:1fr 1fr}.audience-grid{grid-template-columns:1fr}.info-hero p{font-size:17px}}@media (max-width:760px){.home-keyboard-section{padding-block:70px}.home-keyboard-heading{grid-template-columns:1fr;gap:18px}.home-related>.subheading{flex-direction:column;align-items:flex-start;gap:14px}}@media (max-width:520px){.home-keyboard-section{padding-block:55px}.home-keyboard-heading h2{font-size:36px}.keyboard-tool-compact{margin-inline:-6px}.home-related{margin-top:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.keyboard-info{grid-template-columns:1fr}.keyboard-tool{border-color:var(--cyan);padding:0}@supports (color:color-mix(in lab, red, red)){.keyboard-tool{border-color:color-mix(in srgb,var(--cyan),var(--line) 78%)}}.keyboard-tool{background:linear-gradient(180deg,var(--cyan-soft),var(--surface) 18%)}@supports (color:color-mix(in lab, red, red)){.keyboard-tool{background:linear-gradient(180deg,color-mix(in srgb,var(--cyan-soft),var(--surface) 76%),var(--surface) 18%)}}.keyboard-tool{box-shadow:0 24px 70px #14304d1f}.keyboard-tool .tool-toolbar{border-bottom:1px solid var(--cyan);min-height:68px;padding:14px 18px}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .tool-toolbar{border-bottom:1px solid color-mix(in srgb,var(--cyan),var(--line) 78%)}}.keyboard-tool .tool-toolbar{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .tool-toolbar{background:color-mix(in srgb,var(--surface),transparent 12%)}}.keyboard-tool .tool-status{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:8px 12px;box-shadow:0 4px 12px #14304d0f}.keyboard-tool .button-ghost{background:var(--surface);box-shadow:0 4px 12px #14304d0d}.keyboard-tool .keyboard-progress{grid-template-columns:150px 1fr 50px;gap:18px;margin:0;padding:18px 20px 16px}.keyboard-tool .keyboard-progress strong{letter-spacing:-.04em;color:var(--text);font-size:17px}.keyboard-tool .progress-track{border:1px solid var(--line);background:var(--surface);height:10px;padding:2px;box-shadow:inset 0 1px 4px #14304d14}.keyboard-tool .progress-track span{box-shadow:0 0 12px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .progress-track span{box-shadow:0 0 12px color-mix(in srgb,var(--cyan),transparent 55%)}}.keyboard-tool .progress-track span{transition:width .2s}.keyboard-tool .keyboard-progress b{text-align:right;color:var(--blue);font-size:12px}.keyboard-tool .mobile-hint{margin:0 20px 14px}.keyboard-tool .keyboard-scroll{border:1px solid var(--line-strong);margin:0 16px 18px;padding:11px;overflow-x:auto}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .keyboard-scroll{border:1px solid color-mix(in srgb,var(--line-strong),var(--cyan) 12%)}}.keyboard-tool .keyboard-scroll{background:linear-gradient(145deg,var(--bg-deep),var(--surface-3));border-radius:20px}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .keyboard-scroll{background:linear-gradient(145deg,color-mix(in srgb,var(--bg-deep),#dce6ef 75%),var(--surface-3))}}.keyboard-tool .keyboard-scroll{box-shadow:inset 0 1px 0 var(--surface),inset 0 -10px 30px #14304d0b}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .keyboard-scroll{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--surface),transparent 5%),inset 0 -10px 30px #14304d0b}}.keyboard-tool .keyboard-scroll::-webkit-scrollbar{height:7px}.keyboard-tool .keyboard-scroll::-webkit-scrollbar-track{background:0 0}.keyboard-tool .keyboard-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}.keyboard-tool .keyboard-board{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) 164px;gap:11px;min-width:920px;padding:0}.keyboard-tool .keyboard-row{gap:5px;margin:5px 0}.keyboard-tool .key{border:1px solid var(--line-strong);min-width:36px;height:42px}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .key{border:1px solid color-mix(in srgb,var(--line-strong),var(--text) 5%)}}.keyboard-tool .key{background:linear-gradient(180deg,#fff,var(--surface-2));border-bottom-width:3px;border-radius:9px}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .key{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--surface-2),#dce5ed 22%))}}.keyboard-tool .key{color:var(--muted);text-shadow:0 1px 0 var(--surface);font-size:9px;font-weight:700;transition:transform 70ms,border-color .12s,background .12s,box-shadow .12s;box-shadow:0 2px 3px #14304d1a,inset 0 1px #ffffffe6}[data-theme=dark] .keyboard-tool .key{background:linear-gradient(180deg,var(--surface),var(--surface-2))}@supports (color:color-mix(in lab, red, red)){[data-theme=dark] .keyboard-tool .key{background:linear-gradient(180deg,color-mix(in srgb,var(--surface),#fff 6%),var(--surface-2))}}[data-theme=dark] .keyboard-tool .key{text-shadow:none;box-shadow:0 2px 3px #00000047,inset 0 1px #ffffff0d}.keyboard-tool .key i{font-size:9px;font-weight:900;top:2px;right:5px}.keyboard-tool .key.is-tested{background:linear-gradient(180deg,var(--green-soft),var(--green-soft))}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .key.is-tested{background:linear-gradient(180deg,color-mix(in srgb,var(--green-soft),#fff 20%),var(--green-soft))}}.keyboard-tool .key.is-tested{border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .key.is-tested{border-color:color-mix(in srgb,var(--green),transparent 38%)}}.keyboard-tool .key.is-tested{color:var(--green);box-shadow:0 2px 5px var(--green)}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .key.is-tested{box-shadow:0 2px 5px color-mix(in srgb,var(--green),transparent 82%)}}.keyboard-tool .key.is-pressed{color:#03131b;box-shadow:0 0 0 2px var(--cyan),0 6px 22px var(--cyan);background:linear-gradient(135deg,#29d4ef,#6f7cff);border-color:#23bfe2;border-bottom-width:1px;transform:translateY(2px)}@supports (color:color-mix(in lab, red, red)){.keyboard-tool .key.is-pressed{box-shadow:0 0 0 2px color-mix(in srgb,var(--cyan),transparent 72%),0 6px 22px color-mix(in srgb,var(--cyan),transparent 52%)}}.keyboard-tool .key.is-pressed{text-shadow:none}.keyboard-tool .numpad-board{grid-template-rows:repeat(5,42px);gap:5px;margin-top:5px}.keyboard-tool .keyboard-info,.keyboard-tool .event-log{margin-inline:20px}.keyboard-tool .event-log{margin-bottom:20px}.keyboard-tool .last-key{background:var(--surface)}@media (max-width:760px){.keyboard-tool .keyboard-progress{grid-template-columns:125px 1fr 42px;padding-inline:16px}.keyboard-tool .keyboard-scroll{margin-inline:10px}.keyboard-tool .keyboard-board{min-width:880px}.keyboard-tool .keyboard-info,.keyboard-tool .event-log{margin-inline:15px}}@media (max-width:520px){.keyboard-tool .tool-toolbar{min-height:60px;padding:12px 14px}.keyboard-tool .keyboard-progress{grid-template-columns:112px 1fr;padding:15px 14px}.keyboard-tool .keyboard-scroll{border-radius:15px;padding:8px}.keyboard-tool .keyboard-board{min-width:840px}.keyboard-tool .key{height:40px}.keyboard-tool .numpad-board{grid-template-rows:repeat(5,40px)}}:root{--background:var(--bg);--surface-elevated:var(--surface);--border:var(--line);--text-primary:var(--text);--text-secondary:var(--muted);--accent:var(--cyan);--accent-hover:#008cbd;--success:var(--green);--warning:var(--amber);--danger:var(--red)}.site-header{background:var(--surface);height:70px;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb,var(--surface),transparent 8%)}}.site-header{box-shadow:0 1px 0 var(--line),0 10px 35px #122b440a}.nav-categories>summary{cursor:pointer;color:var(--muted);font-size:14px;font-weight:650;list-style:none}.nav-categories>summary::-webkit-details-marker{display:none}.nav-categories>summary:after{content:"⌄";margin-left:6px}.nav-categories[open]>summary{color:var(--text)}.nav-categories>div{border:1px solid var(--line);background:var(--surface);width:210px;box-shadow:var(--shadow);z-index:25;border-radius:16px;padding:9px;display:grid;position:absolute;top:36px;left:50%;transform:translate(-50%)}.nav-categories>div a{border-radius:9px;padding:9px 11px}.nav-categories>div a:hover{background:var(--surface-2)}.global-search{border:1px solid var(--line);background:var(--surface);width:190px;height:42px;color:var(--faint);border-radius:12px;align-items:center;gap:7px;padding:0 10px;transition:all .2s;display:flex;position:relative}.global-search:focus-within{border-color:var(--cyan);width:245px;box-shadow:0 0 0 3px var(--cyan)}@supports (color:color-mix(in lab, red, red)){.global-search:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--cyan),transparent 83%)}}.global-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.global-search>button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:18px}.global-search-results{border:1px solid var(--line);background:var(--surface);width:340px;box-shadow:var(--shadow);z-index:30;border-radius:16px;padding:8px;position:absolute;top:49px;right:0}.global-search-results a{border-radius:10px;align-items:center;gap:11px;padding:10px;display:flex}.global-search-results a:hover{background:var(--surface-2)}.global-search-results a>svg{color:var(--cyan)}.global-search-results span{display:grid}.global-search-results strong{font-size:13px}.global-search-results small{color:var(--muted);font-size:10px}.sound-menu,.sound-menu>.icon-button{position:relative}.sound-menu>.icon-button i{background:var(--faint);border:2px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;bottom:7px;right:7px}.sound-menu>.icon-button i.on{background:var(--green)}.sound-popover{border:1px solid var(--line);background:var(--surface);width:290px;box-shadow:var(--shadow);z-index:30;border-radius:17px;padding:17px;position:absolute;top:49px;right:0}.sound-popover>div:first-child{margin-bottom:13px;display:grid}.sound-popover>div span{color:var(--muted);font-size:11px}.sound-popover>.toggle{border-block:1px solid var(--line);justify-content:space-between;padding-block:10px}.sound-volume{gap:8px;margin-top:13px;display:grid}.sound-volume>span{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.sound-volume input{width:100%;accent-color:var(--cyan)}.hero{min-height:620px}.hero h1{font-size:clamp(48px,5.6vw,76px)}.hero-copy>p{max-width:660px}.section-heading>div:last-child p{max-width:440px;color:var(--muted);margin:0 0 12px}.tool-card{min-height:220px}.tool-card-content strong{line-height:1.25}.directory-hero{background:radial-gradient(circle at 82% 20%,var(--cyan),transparent 26%),linear-gradient(180deg,var(--bg-deep),var(--bg));padding:62px 0 76px}@supports (color:color-mix(in lab, red, red)){.directory-hero{background:radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--cyan),transparent 84%),transparent 26%),linear-gradient(180deg,var(--bg-deep),var(--bg))}}.directory-hero{border-bottom:1px solid var(--line)}.directory-hero h1{letter-spacing:-.055em;max-width:760px;margin:9px 0 15px;font-size:clamp(43px,6vw,72px);line-height:1}.directory-hero p{max-width:680px;color:var(--muted);margin:0;font-size:18px}.directory-controls{z-index:15;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:16px;position:sticky;top:86px}@supports (color:color-mix(in lab, red, red)){.directory-controls{background:color-mix(in srgb,var(--surface),transparent 4%)}}.directory-controls{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:var(--shadow-sm)}.directory-search{border:1px solid var(--line-strong);background:var(--surface);border-radius:13px;align-items:center;gap:10px;height:50px;padding:0 14px;display:flex}.directory-search>svg{color:var(--cyan)}.directory-search input{color:var(--text);background:0 0;border:0;outline:0;flex:1}.directory-search>span{font-family:var(--mono);color:var(--faint);font-size:11px}.filter-row{gap:7px;padding-top:12px;display:flex;overflow:auto}.filter-row button{white-space:nowrap;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:999px;padding:7px 12px;font-size:12px}.filter-row button.active{border-color:var(--cyan);background:var(--cyan-soft);color:var(--blue);font-weight:800}.directory-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.directory-card{border:1px solid var(--line);background:var(--surface);min-height:300px;box-shadow:var(--shadow-sm);border-radius:21px;flex-direction:column;padding:24px;transition:all .2s;display:flex}.directory-card:hover{border-color:var(--cyan);box-shadow:var(--shadow);transform:translateY(-4px)}.directory-card.is-planned{background:repeating-linear-gradient(-45deg,var(--surface),var(--surface) 18px,var(--surface-2) 18px,var(--surface-2) 36px)}.directory-card-top{justify-content:space-between;align-items:start;display:flex}.availability{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.availability.live{background:var(--green-soft);color:var(--green)}.availability.planned{background:var(--amber-soft);color:var(--amber)}.directory-card h2{margin:20px 0 7px;font-size:20px;line-height:1.2}.directory-card p{color:var(--muted);margin:0;font-size:13px}.support-line{border-top:1px solid var(--line);color:var(--muted);gap:7px;margin-top:18px;padding-top:16px;font-size:11px;display:flex}.support-line svg{color:var(--green);flex:none}.open-tool{color:var(--blue);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:7px;margin-top:auto;padding-top:18px;font-size:12px;display:flex}.empty-directory{text-align:center;color:var(--muted);padding:90px 20px}.empty-directory h2{color:var(--text)}.permission-notice{align-items:center;position:relative}.permission-notice>div{flex:1}.permission-state{white-space:nowrap;border:1px solid var(--cyan);align-self:center}@supports (color:color-mix(in lab, red, red)){.permission-state{border:1px solid color-mix(in srgb,var(--cyan),transparent 55%)}}.permission-state{color:var(--blue);background:var(--surface);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}.permission-denied{background:var(--red-soft);border-color:var(--red)}@supports (color:color-mix(in lab, red, red)){.permission-denied{border-color:color-mix(in srgb,var(--red),transparent 60%)}}.permission-denied .permission-state{color:var(--red);border-color:var(--red)}.tool-hero{padding-block:48px 64px}.tool-heading-row h1{max-width:900px}.tool-shell{box-shadow:0 25px 70px #16304b1c}.ad-slot:empty{visibility:hidden}.viewer-hud{transition:opacity .22s,transform .22s}.viewer-hud.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,10px)}.viewer-hud.is-visible{opacity:1}.pattern-contrast .pattern-content{background:repeating-linear-gradient(90deg,#000 0 6%,#fff 6% 12%,#111 12% 18%,#eee 18% 24%,#444 24% 30%,#bbb 30% 36%)}.layout-selector button{min-width:48px}.lock-indicators{gap:8px;padding:0 20px 13px;display:flex}.lock-indicators span{border:1px solid var(--line);color:var(--faint);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;padding:4px 8px;font-size:10px}.lock-indicators span:before{content:"";background:var(--line-strong);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.lock-indicators span.on{color:var(--green);border-color:var(--green)}@supports (color:color-mix(in lab, red, red)){.lock-indicators span.on{border-color:color-mix(in srgb,var(--green),transparent 45%)}}.lock-indicators span.on{background:var(--green-soft)}.lock-indicators span.on:before{background:var(--green);box-shadow:0 0 8px var(--green)}.keyboard-board.layout-tkl,.keyboard-board.layout-60{grid-template-columns:1fr}.keyboard-board.layout-60{min-width:720px}.keyboard-board.layout-60 .keyboard-row:first-child{margin-top:0}.device-summary{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;align-items:center;gap:28px;padding:28px 8px;display:grid}.device-summary>div{display:grid}.device-summary span{font-family:var(--mono);letter-spacing:.12em;color:var(--cyan);font-size:9px}.device-summary strong{font-size:48px;line-height:1}.device-summary small,.device-summary p{color:var(--muted)}.device-summary p{margin:0}.capability-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:20px;display:grid}.capability-grid article{border:1px solid var(--line);background:var(--surface-2);border-radius:15px;gap:12px;min-height:116px;padding:15px;display:flex}.capability-grid article>i{background:var(--surface);width:24px;height:24px;color:var(--faint);border-radius:50%;flex:none;place-items:center;font-style:normal;display:grid}.capability-grid article.capability-yes>i{background:var(--green-soft);color:var(--green)}.capability-grid article.capability-no>i{background:var(--amber-soft);color:var(--amber)}.capability-grid article>div{flex-direction:column;min-width:0;display:flex}.capability-grid span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.capability-grid strong{overflow-wrap:anywhere;line-height:1.3}.capability-grid small{color:var(--faint);margin-top:5px;font-size:10px;line-height:1.35}.ua-details{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;margin-top:14px}.ua-details summary{cursor:pointer;padding:13px 15px;font-size:12px;font-weight:700}.ua-details code{color:var(--muted);overflow-wrap:anywhere;padding:0 15px 15px;font-size:10px;display:block}.coverage-grid{pointer-events:none;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0}.coverage-grid i{border-right:1px dashed var(--cyan)}@supports (color:color-mix(in lab, red, red)){.coverage-grid i{border-right:1px dashed color-mix(in srgb,var(--cyan),transparent 67%)}}.coverage-grid i{border-bottom:1px dashed var(--cyan)}@supports (color:color-mix(in lab, red, red)){.coverage-grid i{border-bottom:1px dashed color-mix(in srgb,var(--cyan),transparent 67%)}}.coverage-grid i{background:0 0;transition:all .2s}.coverage-grid i.hit{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.coverage-grid i.hit{background:color-mix(in srgb,var(--green),transparent 90%)}}.coverage-grid i.hit{box-shadow:inset 0 0 25px var(--green)}@supports (color:color-mix(in lab, red, red)){.coverage-grid i.hit{box-shadow:inset 0 0 25px color-mix(in srgb,var(--green),transparent 84%)}}.coverage-grid i:nth-child(5n){border-right:0}.coverage-grid i:nth-last-child(-n+5){border-bottom:0}.pattern-uniformity{background:radial-gradient(circle,#fff 0 8%,#ddd 8% 24%,#888 24% 42%,#333 42% 66%,#000 66%)}.pixel-cycle{animation:2.4s step-end infinite pixel-colors}.sample-dots i.failed{border-color:var(--red);color:var(--red);background:var(--red-soft)}.refresh-metrics,.ping-results{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.refresh-metrics>div,.ping-results>div{border:1px solid var(--line);background:var(--surface-2);border-radius:13px;padding:14px;display:grid}.refresh-metrics span,.ping-results span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.refresh-metrics strong,.ping-results strong{font-size:19px}.refresh-metrics small,.ping-results small{color:var(--faint);font-size:10px}@keyframes pixel-colors{0%{background:#000}14%{background:#fff}28%{background:red}42%{background:#0f0}56%{background:#00f}70%{background:#0ff}84%{background:#f0f}}@media (max-width:1050px){.global-search{display:none}.directory-grid,.capability-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.site-header{height:66px}.main-nav{top:66px}.nav-categories>div{width:100%;box-shadow:none;margin-top:7px;position:static;transform:none}.sound-menu{position:static}.sound-popover{top:60px;right:64px}.directory-controls{top:76px}.directory-grid{grid-template-columns:1fr}.permission-notice{align-items:flex-start}.permission-state{position:absolute;top:12px;right:12px}.permission-notice>div{padding-right:78px}.capability-grid,.device-summary{grid-template-columns:1fr}.refresh-metrics,.ping-results{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.container{width:min(100% - 28px,1160px)}.brand{font-size:16px}.brand-mark{width:33px;height:33px}.nav-actions{gap:5px}.icon-button{width:39px;height:39px}.sound-popover{width:auto;position:fixed;top:72px;left:14px;right:14px}.directory-hero{padding:45px 0 55px}.directory-hero h1{font-size:42px}.directory-hero p{font-size:16px}.directory-section{padding-top:28px}.directory-controls{border-radius:16px;padding:11px;top:73px}.directory-search>span{display:none}.directory-card{min-height:280px}.permission-notice{padding-top:48px}.permission-state{left:16px;right:auto}.permission-notice>div{padding-right:0}.refresh-metrics,.ping-results{grid-template-columns:1fr 1fr}.lock-indicators{padding-inline:14px;overflow:auto}.lock-indicators span{white-space:nowrap}.layout-selector{order:2}.keyboard-tool .tool-toolbar{align-items:stretch}}@media (max-width:340px){.nav-wrap{gap:6px}.brand{letter-spacing:-.35px;gap:6px;font-size:14px}.brand-mark{border-radius:9px;width:30px;height:30px}.nav-actions{gap:3px}.icon-button{border-radius:10px;width:36px;height:36px}.menu-button span{width:16px}}[data-theme=dark]{--bg:#090b10;--bg-deep:#07080c;--surface:#0f1218;--surface-2:#151922;--surface-3:#1b202b;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a;--line:#262b36;--line-strong:#353c4a;--blue:#9b87f5;--cyan:#8b5cf6;--cyan-soft:#211936;--violet:#a78bfa;--green:#45d6a2;--green-soft:#102c25;--amber:#f4b860;--amber-soft:#33250f;--red:#fb7185;--red-soft:#35151d;--shadow:0 28px 70px #00000057;--shadow-sm:0 12px 30px #00000038;--radius:18px}:root:not([data-theme]),[data-theme=light]{--bg:#f4f4f5;--bg-deep:#ececee;--surface:#fff;--surface-2:#f7f7f8;--surface-3:#ededf0;--text:#18181b;--muted:#60606b;--faint:#8a8a95;--line:#dedee3;--line-strong:#c9c9d1;--blue:#6842d9;--cyan:#7048e8;--cyan-soft:#eeeafe;--violet:#7956df;--green:#168b65;--green-soft:#e5f6ef;--amber:#a86109;--amber-soft:#fff3dc;--red:#d63d55;--red-soft:#ffe9ed;--shadow:0 24px 60px #1e1e281a;--shadow-sm:0 9px 26px #1e1e2812}body{background:var(--bg);font-size:15px;line-height:1.58}body.menu-open,body.search-open{overflow:hidden}.container{width:min(1200px,100% - 40px)}.section-kicker,.eyebrow{color:var(--violet);letter-spacing:.18em;font-size:10px}.button{border-radius:10px;min-height:42px;padding:9px 16px}.button-primary{background:var(--violet);color:#0b0811;box-shadow:0 9px 26px var(--violet)}@supports (color:color-mix(in lab, red, red)){.button-primary{box-shadow:0 9px 26px color-mix(in srgb,var(--violet),transparent 75%)}}[data-theme=light] .button-primary{color:#fff}.button-secondary{background:var(--surface-2);border-color:var(--line-strong)}.button-secondary:hover,.button-ghost:hover{background:var(--surface-3);border-color:var(--violet)}.text-link{color:var(--violet)}.site-header{z-index:200;background:var(--bg);height:64px}@supports (color:color-mix(in lab, red, red)){.site-header{background:color-mix(in srgb,var(--bg),transparent 5%)}}.site-header{border-bottom:1px solid var(--line);box-shadow:none}.nav-wrap{gap:20px}.brand{font-size:18px}.brand>span:last-child>span{color:var(--violet)}.brand-mark{background:var(--surface-3);border:1px solid var(--line-strong);width:32px;height:32px;color:var(--violet);box-shadow:none;border-radius:9px}.main-nav{gap:28px}.main-nav>a,.nav-categories>button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:650}.main-nav>a:hover,.nav-categories>button:hover,.nav-categories.is-open>button{color:var(--text)}.nav-categories{position:relative}.nav-categories>button span{margin-left:4px}.category-menu{visibility:hidden;opacity:0;border:1px solid var(--line);background:var(--surface);width:210px;box-shadow:var(--shadow);border-radius:13px;padding:8px;transition:all .16s;position:absolute;top:36px;left:50%;transform:translateY(-5px)}.nav-categories.is-open .category-menu{visibility:visible;opacity:1;transform:translate(-50%)}.category-menu a{color:var(--muted);border-radius:8px;padding:8px 10px;display:block}.category-menu a:hover{background:var(--surface-2);color:var(--text)}.nav-actions{align-items:center}.search-trigger{border:1px solid var(--line);background:var(--surface);height:38px;color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:0 9px 0 12px;font-size:12px;display:flex}.search-trigger kbd,.directory-search kbd{border:1px solid var(--line-strong);background:var(--surface-2);min-width:20px;color:var(--faint);font-family:var(--mono);border-radius:5px;padding:1px 5px;font-size:10px}.icon-button{background:var(--surface);border-color:var(--line);border-radius:9px;width:38px;height:38px}.search-dialog{z-index:500;place-items:start center;padding-top:min(16vh,150px);display:grid;position:fixed;inset:0}.search-backdrop,.nav-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030407c2;border:0;position:fixed;inset:0}.search-panel{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;width:min(620px,100% - 28px);max-height:70vh;position:relative;overflow:auto;box-shadow:0 35px 100px #00000080}.search-input{border-bottom:1px solid var(--line);align-items:center;gap:11px;height:60px;padding:0 16px;display:flex}.search-input>svg{color:var(--violet)}.search-input input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.search-input button{border:1px solid var(--line);background:var(--surface-2);color:var(--faint);border-radius:6px;padding:3px 7px;font-size:10px}.search-results{padding:10px;display:grid}.search-results>span{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;padding:5px 7px 9px;font-size:10px}.search-results>a{border-radius:9px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.search-results>a:hover{background:var(--surface-2)}.search-results>a>span:nth-child(2){display:grid}.search-results small{color:var(--muted);font-size:10px}.search-results p{color:var(--muted);padding:20px}.hero{border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 20%,var(--violet),transparent 31%),linear-gradient(180deg,var(--bg-deep),var(--bg));min-height:560px}@supports (color:color-mix(in lab, red, red)){.hero{background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--violet),transparent 90%),transparent 31%),linear-gradient(180deg,var(--bg-deep),var(--bg))}}.hero-grid{grid-template-columns:1fr .88fr;gap:74px;padding-block:65px}.hero h1{letter-spacing:-.055em;max-width:700px;margin:19px 0;font-size:clamp(43px,5.4vw,68px);line-height:1.01}.hero-copy>p{max-width:650px;color:var(--muted);font-size:17px;line-height:1.65}.eyebrow-pill{background:var(--surface);border-color:var(--line);color:var(--muted)}.eyebrow-pill span{background:var(--green);box-shadow:0 0 0 4px var(--green)}@supports (color:color-mix(in lab, red, red)){.eyebrow-pill span{box-shadow:0 0 0 4px color-mix(in srgb,var(--green),transparent 85%)}}.hero-actions{margin-top:26px}.hero-trust{gap:18px;margin-top:20px;font-size:11px}.diagnostic-console{border:1px solid var(--line-strong);background:linear-gradient(145deg,var(--surface),var(--surface-2));border-radius:20px;padding:18px;position:relative;overflow:hidden;box-shadow:0 32px 80px #0000004d}.diagnostic-console:before{content:"";background:linear-gradient(120deg,var(--violet),transparent 35%);position:absolute;inset:-1px}@supports (color:color-mix(in lab, red, red)){.diagnostic-console:before{background:linear-gradient(120deg,color-mix(in srgb,var(--violet),transparent 80%),transparent 35%)}}.diagnostic-console:before{pointer-events:none}.console-head,.console-foot{color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:9px;display:flex;position:relative}.console-head>div{color:var(--muted);align-items:center;gap:8px;display:flex}.console-head>span{color:var(--green)}.console-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.console-score{margin:24px 0 12px;position:relative}.console-score>span{color:var(--muted);font-size:11px}.console-score>strong{margin:1px 0 10px;font-size:40px;line-height:1;display:block}.console-score>strong small{color:var(--faint);font-size:17px}.console-score>div{background:var(--surface-3);border-radius:99px;height:5px;overflow:hidden}.console-score>div i{border-radius:inherit;background:var(--violet);height:100%;display:block}.console-wave{align-items:center;gap:4px;height:54px;margin:17px 0;display:flex}.console-wave i{background:linear-gradient(180deg,var(--violet),var(--violet));border-radius:5px;flex:1;min-height:5px}@supports (color:color-mix(in lab, red, red)){.console-wave i{background:linear-gradient(180deg,var(--violet),color-mix(in srgb,var(--violet),transparent 65%))}}.console-list{border-top:1px solid var(--line);display:grid;position:relative}.console-list>div{border-bottom:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:10px 0;display:grid}.console-icon{background:var(--surface-3);width:30px;height:30px;color:var(--violet);border-radius:8px;place-items:center;display:grid}.console-list>div>span:nth-child(2){display:grid}.console-list strong{font-size:12px}.console-list small{color:var(--faint);font-size:9px}.console-list b{color:var(--green);font-size:9px}.console-foot{padding-top:13px}.console-foot>span:first-child{align-items:center;gap:5px;display:flex}.console-foot i{background:var(--green);border-radius:50%;width:5px;height:5px}.choose-section,.home-section{padding-block:64px}.compact-heading{justify-content:space-between;align-items:end;gap:35px;margin-bottom:25px;display:flex}.compact-heading h2{letter-spacing:-.035em;margin:5px 0 0;font-size:clamp(27px,3vw,38px);line-height:1.1}.compact-heading>p{max-width:470px;color:var(--muted);margin:0}.category-shortcuts{grid-template-columns:repeat(7,1fr);gap:9px;display:grid}.category-shortcuts a{border:1px solid var(--line);background:var(--surface);border-radius:11px;grid-template-columns:28px 1fr auto;align-items:center;gap:5px;min-width:0;padding:12px 10px;display:grid}.category-shortcuts a:hover{border-color:var(--violet);background:var(--surface-2)}.category-shortcuts svg{color:var(--violet)}.category-shortcuts span{text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.category-shortcuts b{color:var(--faint);font-size:9px}.all-tools-band{background:var(--bg-deep);border-block:1px solid var(--line);padding-block:64px}.category-block{margin-top:34px}.category-title{align-items:center;gap:12px;margin-bottom:12px;display:flex}.category-title h3{margin:0;font-size:15px}.category-title span{color:var(--faint);order:2;font-size:10px}.category-title i{background:var(--line);flex:1;order:3;height:1px}.tool-grid,.directory-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tool-card{border:1px solid var(--line);background:var(--surface);min-height:228px;box-shadow:none;border-radius:14px;flex-direction:column;padding:18px;transition:all .18s;display:flex;position:relative;overflow:hidden}.tool-card:hover{border-color:var(--violet);transform:translateY(-3px)}@supports (color:color-mix(in lab, red, red)){.tool-card:hover{border-color:color-mix(in srgb,var(--violet),var(--line) 45%)}}.tool-card:hover{box-shadow:var(--shadow-sm)}.tool-card-accent{background:var(--violet);opacity:.65;width:2px;position:absolute;inset:0 auto 0 0}.tool-card-top{justify-content:space-between;align-items:center;display:flex}.tool-icon{background:var(--surface-2);border:1px solid var(--line);width:38px;height:38px;color:var(--violet);box-shadow:none;border-radius:10px}.availability{padding:4px 7px;font-size:8px}.tool-category{color:var(--faint);text-transform:uppercase;letter-spacing:.12em;margin-top:16px;font-size:9px}.tool-card-title{margin-top:4px;font-size:17px;line-height:1.25}.tool-card-description{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.48}.capability-chips{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.capability-chips i{border:1px solid var(--line);color:var(--faint);border-radius:5px;padding:3px 6px;font-size:8px;font-style:normal}.tool-card-link{color:var(--violet);text-transform:uppercase;letter-spacing:.08em;margin-top:auto;padding-top:14px;font-size:10px}.compact-benefits{grid-template-columns:repeat(4,1fr);gap:12px}.compact-benefits article{background:var(--surface);min-height:190px;box-shadow:none;border-radius:14px;padding:20px}.compact-benefits article>span{background:var(--surface-2);color:var(--violet)}.privacy-strip{border-block:1px solid var(--line);background:var(--surface);padding:42px 0}.privacy-strip>.container{grid-template-columns:48px 1fr auto;align-items:center;gap:22px;display:grid}.privacy-icon{border:1px solid var(--violet);place-items:center;width:46px;height:46px;display:grid}@supports (color:color-mix(in lab, red, red)){.privacy-icon{border:1px solid color-mix(in srgb,var(--violet),transparent 55%)}}.privacy-icon{background:var(--cyan-soft);color:var(--violet);border-radius:13px}.privacy-strip h2{margin:3px 0;font-size:25px}.privacy-strip p{color:var(--muted);margin:0}.home-faq{grid-template-columns:.7fr 1.3fr;gap:70px;display:grid}.home-faq h2{margin:7px 0;font-size:34px}.home-faq>div>p{color:var(--muted)}.directory-hero{background:var(--bg-deep);border-bottom:1px solid var(--line);padding:36px 0 40px}.directory-hero .breadcrumbs{margin-bottom:17px}.directory-hero h1{margin:5px 0 8px;font-size:clamp(36px,5vw,55px);line-height:1}.directory-hero p{max-width:720px;font-size:15px}.directory-section{padding-block:34px 70px}.directory-controls{background:var(--surface);border-radius:14px;padding:12px;top:76px}@supports (color:color-mix(in lab, red, red)){.directory-controls{background:color-mix(in srgb,var(--surface),transparent 4%)}}.directory-controls{box-shadow:var(--shadow-sm)}.directory-search{border-radius:9px;height:44px}.directory-search kbd{margin-left:auto}.directory-search>span{margin-left:6px}.filter-row{padding-top:9px}.filter-row button{background:var(--surface-2);padding:6px 11px}.filter-row button.active{border-color:var(--violet);background:var(--cyan-soft);color:var(--violet)}.directory-grid{margin-top:18px}.tool-hero{background:var(--bg-deep);padding-block:28px 34px}.tool-hero-inner>.breadcrumbs{margin-bottom:18px}.tool-heading-row{gap:13px}.tool-heading-row h1{font-size:clamp(31px,4vw,49px)}.tool-page-icon{background:var(--surface-2);width:50px;height:50px;color:var(--violet);border-radius:13px}.tool-lead{max-width:850px;margin:12px 0 0;font-size:15px}.trust-row{margin-top:15px}.tool-stage{padding-block:28px 42px}.tool-shell{border-radius:16px;box-shadow:0 18px 55px #0003}.content-section{padding-block:55px}.content-section h2,.content-band h2{font-size:clamp(25px,3vw,34px)}.content-band{padding-block:55px}.two-col-content{gap:50px}.ad-slot{min-height:72px}.related-grid{gap:10px}.keyboard-tool{background:var(--surface);border-color:var(--line);position:relative;box-shadow:0 20px 70px #00000047}.keyboard-tool.is-test-active{border-color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.keyboard-tool.is-test-active{border-color:color-mix(in srgb,var(--violet),var(--line) 35%)}}.keyboard-tool.is-test-active{box-shadow:0 0 0 1px var(--violet),0 25px 80px #00000057}@supports (color:color-mix(in lab, red, red)){.keyboard-tool.is-test-active{box-shadow:0 0 0 1px color-mix(in srgb,var(--violet),transparent 68%),0 25px 80px #00000057}}.keyboard-tool .tool-toolbar{background:var(--surface);border-color:var(--line);min-height:62px}.keyboard-tool .tool-status{background:var(--surface-2);box-shadow:none}.keyboard-options{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:18px;padding:10px 20px;display:flex}.inline-volume{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.inline-volume input{width:100px;accent-color:var(--violet)}.inline-volume b{min-width:30px;color:var(--faint);font-family:var(--mono);font-size:9px}.keyboard-mode-note{color:var(--faint);margin-left:auto;font-size:9px}.keyboard-metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);display:grid}.keyboard-metrics>div{border-right:1px solid var(--line);min-width:0;padding:12px 14px}.keyboard-metrics>div:last-child{border:0}.keyboard-metrics span{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:8px;display:block}.keyboard-metrics strong{text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;display:block;overflow:hidden}.keyboard-metrics small{color:var(--faint);font-size:9px}.keyboard-tool .keyboard-progress{padding:13px 20px 10px}.keyboard-tool .lock-indicators{padding-bottom:10px}.keyboard-tool .mobile-hint{margin-bottom:10px}.keyboard-tool .keyboard-scroll{background:#090b10;border-color:#303542;position:relative;box-shadow:inset 0 1px #ffffff0a,inset 0 -14px 35px #0000004d}.keyboard-tool .key,[data-theme=light] .keyboard-tool .key{color:#b8bdc9;text-shadow:none;background:linear-gradient(#242936,#191d26);border-color:#303542 #303542 #191c24;box-shadow:0 2px 3px #00000073,inset 0 1px #ffffff0f}.keyboard-tool .key.is-tested{color:#65e2b5;background:linear-gradient(#183c33,#102b25);border-color:#356f60}.keyboard-tool .key.is-pressed{color:#100b1e;background:linear-gradient(#a78bfa,#7755dc);border-color:#b19af8;box-shadow:0 0 0 2px #a78bfa4d,0 7px 22px #8b5cf659}.keyboard-ready{z-index:8;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f4f4f5;background:#07080cd6;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.keyboard-ready>span{color:#a78bfa;background:#1b1628;border:1px solid #3a314f;border-radius:13px;place-items:center;width:50px;height:50px;margin-bottom:12px;display:grid}.keyboard-ready strong{font-size:20px}.keyboard-ready p{color:#aaa7b2;max-width:470px;margin:6px 0 16px}.full-event-log{border:1px solid var(--line);border-radius:10px;margin-top:9px}.full-event-log summary{cursor:pointer;color:var(--violet);padding:10px 12px;font-size:11px}.full-event-log .event-table{border:0;border-top:1px solid var(--line);border-radius:0}.keyboard-tool-compact .keyboard-metrics{display:none}.mouse-tool.is-test-active{border-color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.mouse-tool.is-test-active{border-color:color-mix(in srgb,var(--violet),var(--line) 35%)}}.mouse-audio-volume{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);align-items:center;gap:10px;padding:9px 18px;font-size:10px;display:flex}.mouse-audio-volume input{width:130px;accent-color:var(--violet)}.mouse-audio-volume b{color:var(--faint);font-family:var(--mono);font-size:9px}.mouse-pad{background:radial-gradient(circle at 50% 45%,var(--violet),transparent 42%),var(--surface-2);min-height:390px}@supports (color:color-mix(in lab, red, red)){.mouse-pad{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--violet),transparent 92%),transparent 42%),var(--surface-2)}}.mouse-illustration{border-color:var(--line-strong);background:var(--surface);transform:scale(1.12)}.mouse-illustration>i.active,.mouse-illustration>b.active,.mouse-illustration>em.active{background:var(--violet);box-shadow:0 0 14px var(--violet)}.mouse-illustration>b,.mouse-illustration>em{border:1px solid var(--line-strong);background:var(--surface-3);width:8px;height:25px;position:absolute;left:-8px}.mouse-illustration>b{border-radius:5px 0 0 2px;top:65px}.mouse-illustration>em{border-radius:2px 0 0 5px;top:96px}.speaker-channel-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.speaker-channel-actions .button{width:100%}.speaker-stage{background:var(--bg-deep)}@media (max-width:1050px){.tool-grid,.directory-grid{grid-template-columns:repeat(3,1fr)}.category-shortcuts{grid-template-columns:repeat(4,1fr)}.hero-grid{gap:35px}.keyboard-metrics{grid-template-columns:repeat(3,1fr)}.keyboard-metrics>div:nth-child(3){border-right:0}.keyboard-metrics>div:nth-child(-n+3){border-bottom:1px solid var(--line)}}@media (max-width:860px){.site-header{height:62px}.search-trigger span,.search-trigger kbd{display:none}.search-trigger{justify-content:center;width:38px;padding:0}.menu-button{display:grid}.main-nav{z-index:220;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:14px;align-items:stretch;gap:2px;padding:10px;display:none;position:fixed;inset:62px 12px auto}.main-nav.is-open{display:grid}.main-nav>a,.nav-categories>button{text-align:left;border-radius:8px;justify-content:space-between;width:100%;padding:11px 12px;display:flex}.main-nav>a:hover,.nav-categories>button:hover{background:var(--surface-2)}.nav-categories{width:100%}.main-nav .nav-categories .category-menu{visibility:visible;opacity:1;width:100%;box-shadow:none;margin:2px 0 6px;padding:5px;display:none;position:static;transform:none!important}.main-nav .nav-categories.is-open .category-menu{display:grid}.nav-backdrop{z-index:190}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding-block:52px}.hero-copy{max-width:700px}.diagnostic-console{width:100%;max-width:620px}.tool-grid,.directory-grid,.compact-benefits{grid-template-columns:repeat(2,1fr)}.privacy-strip>.container{grid-template-columns:48px 1fr}.privacy-strip .button{grid-column:2;justify-self:start}.home-faq{grid-template-columns:1fr;gap:25px}.tool-stage{padding-top:20px}.two-col-content{gap:30px}}@media (max-width:600px){.container{width:min(100% - 26px,1200px)}.brand{font-size:15px}.hero-grid{padding-block:42px}.hero h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-trust{flex-wrap:wrap}.diagnostic-console{padding:15px}.choose-section,.home-section,.all-tools-band{padding-block:45px}.compact-heading{display:block}.compact-heading>p,.compact-heading>.text-link{margin-top:10px;display:inline-flex}.category-shortcuts{grid-template-columns:repeat(2,1fr)}.tool-grid,.directory-grid{grid-template-columns:1fr}.tool-card{min-height:210px}.compact-benefits,.privacy-strip>.container{grid-template-columns:1fr}.privacy-strip .button{grid-column:1}.directory-hero{padding-block:28px 32px}.directory-hero h1{font-size:38px}.directory-controls{top:72px}.directory-search kbd{display:none}.keyboard-tool .tool-toolbar{align-items:stretch}.keyboard-options{flex-wrap:wrap;align-items:flex-start}.keyboard-mode-note{width:100%;margin:0}.keyboard-metrics{grid-template-columns:repeat(2,1fr)}.keyboard-metrics>div:nth-child(odd){border-right:1px solid var(--line)}.keyboard-metrics>div:nth-child(2n){border-right:0}.keyboard-metrics>div:nth-child(-n+4){border-bottom:1px solid var(--line)}.keyboard-ready{width:calc(100vw - 60px);min-height:315px;position:sticky;left:0}.mouse-audio-volume{flex-wrap:wrap}.speaker-channel-actions{grid-template-columns:1fr}.home-faq h2{font-size:29px}}.speed-dashboard{border-bottom:1px solid var(--line);grid-template-columns:320px 1fr;align-items:center;gap:30px;padding:28px;display:grid}.speed-dial{border:1px solid var(--line);background:radial-gradient(circle,var(--violet),transparent 60%),var(--bg-deep);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:245px;display:flex}@supports (color:color-mix(in lab, red, red)){.speed-dial{background:radial-gradient(circle,color-mix(in srgb,var(--violet),transparent 88%),transparent 60%),var(--bg-deep)}}.speed-dial>span{color:var(--faint);letter-spacing:.14em;font-size:9px}.speed-dial>strong{font-size:57px;line-height:1.05}.speed-dial>small{color:var(--muted)}.speed-dial>div{background:var(--surface-3);border-radius:99px;width:70%;height:5px;margin-top:20px;overflow:hidden}.speed-dial>div i{background:var(--violet);height:100%;transition:width .25s;display:block}.speed-dial>b{color:var(--faint);font-family:var(--mono);margin-top:6px;font-size:9px}.speed-dial.is-running{border-color:var(--violet)}@supports (color:color-mix(in lab, red, red)){.speed-dial.is-running{border-color:color-mix(in srgb,var(--violet),var(--line) 40%)}}.speed-intro h3{margin:7px 0;font-size:27px}.speed-intro p{max-width:620px;color:var(--muted)}.speed-results{grid-template-columns:repeat(4,1fr);gap:10px;padding:20px;display:grid}.speed-results article{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:16px}.speed-results span{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:9px}.speed-results strong{margin-top:5px;font-size:25px;display:block}.speed-results strong small{color:var(--muted);font-size:11px}.speed-results p{color:var(--faint);margin:5px 0 0;font-size:9px}.speed-note{border:1px solid var(--line);color:var(--muted);background:var(--surface-2);border-radius:10px;gap:10px;margin:0 20px 20px;padding:13px;display:flex}.speed-note svg{color:var(--violet);flex:none}.speed-note p{margin:0;font-size:10px}.speed-note strong{color:var(--text)}@media (max-width:860px){.speed-dashboard{grid-template-columns:1fr}.speed-results{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.speed-dashboard{padding:18px}.speed-dial{min-height:210px}.speed-results{grid-template-columns:1fr 1fr;padding:14px}.speed-results strong{font-size:20px}}.home-directory-hero{padding-block:52px 48px}.home-directory-hero h1{max-width:none}.directory-proof{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.directory-proof span{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:6px 10px;font-size:10px}.directory-seo{border-block:1px solid var(--line);background:var(--surface);padding-block:52px}.directory-seo>.container{grid-template-columns:1fr 1fr;align-items:center;gap:70px;display:grid}.directory-seo h2{letter-spacing:-.035em;margin:6px 0 10px;font-size:clamp(27px,3.5vw,40px);line-height:1.12}.directory-seo p{max-width:650px;color:var(--muted);margin:0}.directory-capabilities{grid-template-columns:1fr 1fr;gap:8px;display:grid}.directory-capabilities span{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:13px;font-size:11px;font-weight:700}.workspace-bar{border:1px solid var(--line);background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;padding:9px 11px;display:flex}.workspace-bar>div{align-items:center;gap:7px;display:flex}.workspace-bar>div:first-child>span{background:var(--green);width:7px;height:7px;box-shadow:0 0 0 4px var(--green);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.workspace-bar>div:first-child>span{box-shadow:0 0 0 4px color-mix(in srgb,var(--green),transparent 85%)}}.workspace-bar>div:first-child>span.offline{background:var(--amber);box-shadow:0 0 0 4px var(--amber)}@supports (color:color-mix(in lab, red, red)){.workspace-bar>div:first-child>span.offline{box-shadow:0 0 0 4px color-mix(in srgb,var(--amber),transparent 85%)}}.workspace-bar strong{font-size:10px}.workspace-bar small{color:var(--faint);font-size:9px}.workspace-bar button{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.workspace-bar button:hover{border-color:var(--violet);color:var(--text)}.workspace-fullscreen{background:var(--bg);width:100%;max-width:none;height:100%;margin:0;padding:14px;overflow:auto}.workspace-fullscreen .workspace-bar{z-index:30;position:sticky;top:0}.workspace-fullscreen>.tool-shell{min-height:calc(100vh - 70px)}.ad-slot{display:none!important}:is(.touch-tool:fullscreen,.touch-tool.is-fullscreen){box-sizing:border-box;background:var(--bg);border-radius:0;flex-direction:column;width:100vw;max-width:none;height:100vh;margin:0;padding:12px;display:flex;overflow:hidden}:is(.touch-tool:fullscreen .tool-toolbar,.touch-tool.is-fullscreen .tool-toolbar){flex:none}:is(.touch-tool:fullscreen .touch-canvas-wrap,.touch-tool.is-fullscreen .touch-canvas-wrap){flex:auto;height:auto;min-height:0;margin-top:10px}:is(.touch-tool:fullscreen .touch-stats,.touch-tool.is-fullscreen .touch-stats){flex:none;margin-top:10px}:is(.touch-tool:fullscreen .pointer-detail,.touch-tool.is-fullscreen .pointer-detail){flex:none}:is(.touch-tool:fullscreen .touch-note,.touch-tool.is-fullscreen .touch-note){display:none}.keyboard-tool:fullscreen{box-sizing:border-box;background:var(--surface);border-radius:0;width:100vw;max-width:none;height:100vh;margin:0;overflow:auto}.keyboard-tool:fullscreen .tool-toolbar{z-index:40;position:sticky;top:0}.keyboard-mode-note.is-warning{color:var(--amber)}@media (max-width:760px){.directory-seo>.container{grid-template-columns:1fr;gap:25px}.workspace-bar{align-items:flex-start}.workspace-bar>div:first-child{grid-template-columns:7px 1fr;display:grid}.workspace-bar>div:first-child small{grid-column:2}.workspace-bar button{font-size:0}.workspace-bar button svg{width:16px;height:16px}}@media (max-width:460px){.directory-capabilities{grid-template-columns:1fr}.directory-proof{display:grid}.workspace-bar small{display:none}}.nav-categories>button{justify-content:center;align-items:center;gap:5px;line-height:1;display:inline-flex}.nav-categories>button svg{flex:none;transition:transform .16s}.nav-categories.is-open>button svg{transform:rotate(180deg)}@media (max-width:760px){.tool-heading-row{gap:11px;flex-direction:row!important;align-items:flex-start!important}.tool-heading-row>div{min-width:0}.tool-page-icon{border-radius:11px;width:44px;height:44px}.tool-page-icon svg{width:25px;height:25px}.tool-heading-row h1{overflow-wrap:anywhere;margin-top:3px;font-size:clamp(28px,9vw,38px)}.tool-lead{font-size:14px}.tool-stage{width:min(100% - 16px,1200px);padding-block:18px 34px}.tool-shell{padding:14px}.tool-toolbar{align-items:flex-start}.toolbar-actions{width:auto}.mic-dashboard{grid-template-columns:1fr}.mic-side{margin-top:0}.record-panel{flex-direction:column;align-items:stretch}.record-playback{flex-wrap:wrap;width:100%}.record-playback audio{width:100%;max-width:none}.speed-dashboard{padding:16px}.speed-intro h3{font-size:23px}.speed-note{margin:0 14px 14px}.nav-categories>button{justify-content:space-between}.nav-categories>button svg{width:15px;height:15px}}@media (max-width:460px){.tool-hero{padding-block:22px 28px}.tool-hero-inner>.breadcrumbs{margin-bottom:14px}.trust-row{gap:7px}.trust-row span{font-size:10px}.workspace-bar{padding:8px}.tool-shell{border-radius:13px;padding:11px}.tool-toolbar{gap:10px;padding-bottom:14px}.tool-status{font-size:11px}.meter-panel,.mic-side{padding:14px}.waveform{height:110px}.meter-head{gap:10px}.record-panel{padding:14px}.speed-results{grid-template-columns:1fr;padding:12px}.speed-dial{min-height:190px}.speed-dial>strong{font-size:48px}.speed-intro .button{justify-content:center;width:100%}.filter-row{scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}