.dim-hub{max-width:1040px;margin:auto;padding:28px 20px}.dim-hub h1{font-size:clamp(34px,5vw,52px)}.dim-hub>section{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;margin:20px 0;padding:24px}.dim-hub h2,.dim-hub h3{text-align:left;margin:0 0 14px}.dim-hub h2{font-size:clamp(22px,3vw,30px)}.dim-hub p,.dim-hub li{color:var(--color-muted);line-height:1.7}.dim-answer{margin:0 0 18px}.dim-controls{flex-wrap:wrap;gap:16px;margin-bottom:22px;display:flex}.dim-controls label{flex:1;gap:6px;min-width:170px;display:grid}.dim-controls select{width:100%;min-width:0}.dim-keyboard{background:#fff;border-radius:7px;padding:12px;overflow-x:auto}.dim-keyboard svg{width:100%;min-width:520px;height:auto;display:block}.dim-note{font-size:13px}.dim-actions{gap:10px;display:flex}.dim-actions button{min-height:42px}#dim-status{min-height:22px}.dim-scroll{overflow:auto}.dim-hub table{border-collapse:collapse;width:100%}.dim-hub td,.dim-hub th{text-align:left;border:1px solid var(--color-border);padding:12px}.dim-hub caption{text-align:left;padding:10px 0}@media (width<=600px){.dim-hub,.dim-hub>section{padding:18px 14px}.dim-controls label{flex-basis:100%}.dim-hub td,.dim-hub th{padding:8px;font-size:13px}}