body[data-route=keyboard] :is(.page-intro,.toolbar-panel__inner,.main-workbench,.seo-content-container){width:min(1200px,100% - 48px);max-width:1200px;margin-inline:auto;padding-inline:0}body[data-route=keyboard] .page-intro{padding-block:40px 24px}body[data-route=keyboard] .page-title{margin-bottom:12px;font-size:clamp(28px,3vw,40px);line-height:1.15}body[data-route=keyboard] .page-subtitle{max-width:74ch}body[data-route=keyboard] .toolbar-panel{background:0 0;border:0}body[data-route=keyboard] .toolbar-panel__inner{border-block:1px solid var(--border-subtle);flex-wrap:wrap;gap:20px;padding-block:16px}body[data-route=keyboard] .control-cluster{flex-wrap:wrap;gap:20px;min-width:0}body[data-route=keyboard] .control-cluster>div{align-items:center;gap:8px;min-width:0;display:flex}body[data-route=keyboard] .control-label{color:var(--text-secondary);margin:0}body[data-route=keyboard] :is(.select-input,.btn-icon,.segmented-btn,.btn){min-height:44px}body[data-route=keyboard] .select-input{max-width:100%;font-size:14px}body[data-route=keyboard] .stats-cluster{flex-wrap:wrap;gap:20px}body[data-route=keyboard] .stat-pill{background:0 0;border:0;border-radius:0;padding:0}body[data-route=keyboard] .stat-pill__label{color:var(--text-secondary)}body[data-route=keyboard] .main-workbench{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:32px 0}body[data-route=keyboard] .keymap-bed{--key-unit:50px;scrollbar-color:var(--border-component) transparent;overscroll-behavior-x:contain;align-items:flex-start;max-width:100%;padding:2px 0 16px;overflow-x:auto}body[data-route=keyboard] .keymap-container{box-shadow:none;border-radius:12px;flex-shrink:0;align-self:flex-start;margin-inline:auto;padding:16px}body[data-route=keyboard] .keycap{flex-shrink:0}body[data-route=keyboard] .event-inspector{border-top:1px solid var(--border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px 48px;padding-top:24px;display:grid;position:static}body[data-route=keyboard] .inspector-card{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}body[data-route=keyboard] .inspector-card__header{border:0;margin-bottom:16px;padding:0}body[data-route=keyboard] :is(.inspector-badge,.inspector-card__title){text-transform:none;letter-spacing:0;color:var(--text-primary);font-size:16px;font-weight:600}body[data-route=keyboard] .inspector-status-dot{box-shadow:none}body[data-route=keyboard] .inspector-grid{gap:8px}body[data-route=keyboard] .inspector-row{gap:16px}body[data-route=keyboard] :is(.inspector-label,.inspector-count,.stream-empty,.stream-time){color:var(--text-secondary)}body[data-route=keyboard] .inspector-value{overflow-wrap:anywhere}body[data-route=keyboard] .stream-container{scrollbar-color:var(--border-component) transparent;background:0 0;border:0;border-radius:0;min-height:180px;padding:0}body[data-route=keyboard] .stream-item{border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;gap:8px;padding:8px 0}body[data-route=keyboard] .stream-empty{text-align:left;padding:24px 0}body[data-route=keyboard] .inspector-actions{flex-flow:wrap;grid-column:1/-1;gap:12px;display:flex}body[data-route=keyboard] .inspector-actions .btn{width:auto;padding-inline:20px}body[data-route=keyboard] .seo-content-container{gap:48px;padding-block:64px}body[data-route=keyboard] :is(.seo-guide-section,.seo-features-section,.seo-tech-section,.seo-faq-section){border:0;border-top:1px solid var(--border-subtle);box-shadow:none;background:0 0;border-radius:0;padding:28px 0 0}body[data-route=keyboard] .seo-heading{margin-bottom:24px;font-size:24px}body[data-route=keyboard] .seo-steps-list{columns:2;column-gap:64px}body[data-route=keyboard] .seo-steps-list li{break-inside:avoid;padding-bottom:12px}body[data-route=keyboard] .seo-feature-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}body[data-route=keyboard] .seo-tech-section p{max-width:75ch}body[data-route=keyboard] .faq-item{background:0 0;border-radius:0;padding-inline:0}body[data-route=keyboard] :focus-visible{outline:2px solid var(--brand-vermilion);outline-offset:4px}@media (width<=767px){body[data-route=keyboard] :is(.page-intro,.toolbar-panel__inner,.main-workbench,.seo-content-container){width:calc(100% - 40px)}body[data-route=keyboard] .page-intro{padding-top:28px}body[data-route=keyboard] .keymap-bed{--key-unit:44px}body[data-route=keyboard] .event-inspector{grid-template-columns:minmax(0,1fr);gap:24px}body[data-route=keyboard] .control-cluster>div:first-child{width:100%}body[data-route=keyboard] .control-cluster>div:first-child .select-input{flex:1;min-width:0}body[data-route=keyboard] .stats-cluster{gap:12px}body[data-route=keyboard] .seo-steps-list{columns:1}body[data-route=keyboard] .seo-features-grid{grid-template-columns:minmax(0,1fr)}body[data-route=keyboard] .seo-content-container{padding-block:48px}}@media (prefers-reduced-motion:reduce){body[data-route=keyboard] .keycap{transition:none}}