.screen-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.screen-toolbar label{margin:0;min-width:150px}.screen-toolbar select{margin-top:4px}.screen-workspace{display:grid;grid-template-columns:minmax(240px,1fr) minmax(200px,1fr);gap:28px;margin-top:20px;align-items:start}.screen-display{position:relative;min-height:380px;background:#102032;border:1px solid #31445b;border-radius:12px;overflow:hidden;touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;max-width:440px}.screen-display video,.screen-display img{width:100%;display:block;object-fit:contain;max-height:75vh}.screen-display p{padding:40px 20px;color:#d4e1ee;text-align:center}.screen-display.connected{min-height:0;cursor:crosshair}.screen-controls{display:flex;flex-direction:column;gap:18px}.screen-keys{display:flex;flex-wrap:wrap;gap:8px}.screen-keys button{flex:1;white-space:nowrap}.screen-controls textarea{font:inherit;display:block;resize:vertical;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;min-height:90px;margin:8px 0 12px}.screen-controls form{margin:0}.tabs{overflow-x:auto}.tabs button{white-space:nowrap}.screen-controls label{margin-bottom:0}.screen-controls textarea:focus{border-color:var(--blue)}@media(max-width:700px){.screen-workspace{grid-template-columns:1fr;gap:20px}.screen-display{width:100%;max-width:360px;margin:auto}.screen-toolbar{gap:8px}.screen-toolbar button{padding:10px 12px}.screen-controls{gap:12px}.screen-toolbar label{flex:1}.screen-toolbar select{min-width:120px}}