.tthq-devices label{display:block;margin:1rem 0}.tthq-devices label:has(input[type=checkbox]){margin:.45rem 0}.tthq-devices select,.tthq-devices input[type=number],.tthq-devices textarea{display:block;width:100%;margin-top:.35rem}.tthq-devices textarea{font-family:monospace;overflow-wrap:anywhere}.device-actions{display:flex;flex-wrap:wrap;gap:.5rem}.tthq-devices video{display:block;width:100%;max-height:480px;min-height:160px;background:#101820;border-radius:12px;margin-top:1rem;object-fit:contain}.device-input-pad{border:2px dashed #6b7995;border-radius:12px;background:#eef4fc;padding:3rem 1.5rem;text-align:center;min-height:180px;touch-action:manipulation}.device-input-pad:focus{outline:3px solid #225ada;outline-offset:3px;background:#e0edff}.tthq-devices pre{max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fa;padding:1rem}.device-pixel-screen{position:relative;min-height:360px;border:1px solid #9da7b5;margin-top:1rem;isolation:isolate}.device-pixel-screen:fullscreen{width:100vw;height:100vh;border:0}.device-pixel-screen[data-pattern=black]{background:#000}.device-pixel-screen[data-pattern=white]{background:#fff}.device-pixel-screen[data-pattern=red]{background:#f00}.device-pixel-screen[data-pattern=green]{background:#0f0}.device-pixel-screen[data-pattern=blue]{background:#00f}.device-pixel-screen[data-pattern=gray]{background:#808080}.device-pixel-screen[data-pattern=checker]{background:conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0);background-size:16px 16px}.device-pixel-screen[data-pattern=vertical]{background:repeating-linear-gradient(90deg,#000 0 1px,#fff 1px 2px)}.device-pixel-screen[data-pattern=horizontal]{background:repeating-linear-gradient(#000 0 1px,#fff 1px 2px)}.pixel-controls{position:absolute;bottom:.5rem;left:.5rem;right:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem;background:#ffffffed;color:#162033;border-radius:8px}.pixel-controls button{font-size:.85rem;padding:.5rem}.pixel-controls span{font-weight:700}.tthq-devices table{width:100%;border-collapse:collapse;margin:1rem 0}.tthq-devices caption{text-align:left;font-weight:700;margin-bottom:.5rem}.tthq-devices th,.tthq-devices td{text-align:left;padding:.65rem;border-bottom:1px solid #d4dce8;overflow-wrap:anywhere}.tthq-devices th{width:70%}@media(max-width:520px){.device-pixel-screen{min-height:300px}.device-input-pad{padding:2rem 1rem}.tthq-devices th{width:60%}}
.device-pixel-screen.controls-hidden .pixel-controls{visibility:hidden}.device-pixel-screen:focus-visible{outline:3px solid #225ada;outline-offset:3px}