#workspaceDialog{width:min(96vw,1100px);max-width:96vw;max-height:92dvh;padding:16px;overflow:auto}
#workspaceDialog .dialog-head{position:sticky;top:0;background:var(--surface);z-index:1}
#workspaceDialog button{min-width:48px;min-height:48px}
#workspaceDialog button:disabled{cursor:not-allowed}
#workspaceGive{border:1px solid var(--line);border-radius:12px;padding:8px 14px;cursor:pointer}
.workspace-screen{width:100%;min-height:120px;background:#030711;border:1px solid var(--line);border-radius:12px;overflow:auto;touch-action:pan-x pan-y pinch-zoom}
#workspaceImage{display:block;width:100%;height:auto;object-fit:contain}
#workspaceImage[hidden]{display:none}
#workspaceStatus{color:var(--muted);font-size:14px;overflow-wrap:anywhere}
.workspace-control-bar,.workspace-keys{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
#workspaceControlStatus{font-size:14px;color:var(--accent);margin:8px 0;overflow-wrap:anywhere}
#workspaceControls{margin-top:12px}
#workspaceControls select,#workspaceText{width:100%;min-height:48px;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px}
.workspace-keys button{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px}
#workspaceImage.controlled{touch-action:none;cursor:crosshair;user-select:none;-webkit-user-select:none}
#workspaceImage.controlled:focus{outline:2px solid var(--accent);outline-offset:-2px}
#workspaceControls[hidden],#workspaceTake[hidden],#workspaceGive[hidden]{display:none}