/* The IME changes this dialog's bounds, never the arena or its canvas. */
#modal.input-viewport{inset:auto;left:var(--input-left,0px);top:var(--input-top,0px);width:var(--input-width,100vw);height:var(--input-height,100dvh);padding:6px;place-items:center;grid-template-rows:minmax(0,1fr)}
#modal.input-viewport .modal-card{width:min(900px,100%);max-width:100%;max-height:100%;min-height:0;padding:6px 12px;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}
#modal.input-viewport #modalTitle{font-size:18px;line-height:1.45;margin:0 0 4px;padding-inline-end:34px;max-height:52px;overflow:auto}
#modal.input-viewport #closeModal{top:2px;inset-inline-end:4px;inset-inline-start:auto;width:38px;height:38px;font-size:28px;line-height:1}
#modal.input-viewport #modalBody{flex:1 1 auto;min-height:0;overflow:auto;touch-action:pan-y;scroll-padding:4px;overflow-anchor:none}
#modal.input-viewport #modalActions{flex:0 0 auto;gap:8px;margin-top:6px;flex-wrap:nowrap}
#modal.input-viewport #modalActions>button{min-width:0;min-height:40px;padding:6px 12px;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#modal.input-viewport .modal-card label{font-size:13px;padding:5px 0;gap:8px}
#modal.input-viewport input:not([type=checkbox]),#modal.input-viewport select,#modal.input-viewport textarea{font-size:14px;line-height:1.4;padding:7px 9px;scroll-margin:4px}
#modal.input-viewport .bug-form{gap:7px 12px}
#modal.input-viewport .bug-form .bug-field{font-size:12px;gap:4px;padding:0}
#modal.input-viewport .bug-form textarea{min-height:64px;height:72px;max-height:100px;resize:none}
#modal.input-viewport .bug-page .community-intro{display:none}
#modal.input-viewport .bug-form .bug-context{font-size:10px!important}
#modal.input-viewport .bug-form .bug-status:empty{display:none}
/* The report form's submit remains next to Close even while fields scroll. */
#modalActions>.bug-submit{justify-self:auto}