/* Responsive geometry lives in the shared conversion-visual.css. */
body.web-mode { width:100%; max-height:none; min-height:100vh; }
.web-mode .shell { min-height:100vh; margin-inline:auto; }
.web-mode #openEditorTab { display:none; }
.web-extra-links { display:flex; flex-wrap:wrap; gap:10px 20px; width:100%; }
.web-extra-links a { text-underline-offset:3px; }
@media(max-width:719px) {
  .web-mode .guest-welcome { max-width:none; width:auto; margin-inline:18px; }
  .web-mode .workspace { padding:16px 18px 26px; }
  .web-mode .account-panel { width:calc(100% - 36px); margin-inline:18px; }
  .web-mode footer { padding:20px 18px; }
}
@media(max-width:359px) { .web-mode .tools { grid-template-columns:1fr; } }