body[data-tool="html-to-pdf"] [hidden],
body[data-tool="unlock"] [hidden],
body[data-tool="pdfa"] [hidden],
body[data-tool="repair"] [hidden] { display: none !important; }
#web-options section > .tool-hint, #web-preview > .tool-hint { margin-top: 8px; }
#web-options form { display: grid; gap: 8px; }
#web-options .web-secondary, #web-open-pdf {
  display: inline-block;
  border-radius: 10px;
  background: #f3eaf4;
  color: #87187a;
  padding: 8px 13px;
  font-size: 13px;
  font-weight: 600;
  justify-self: start;
}
#web-original, #web-wikipedia-pdf, #web-render-url, #web-load-paste, #web-entry-field { margin-top: 8px; }
#web-markup {
  width: 100%;
  border: 1px solid #e2d8df;
  border-radius: 10px;
  padding: 10px;
  resize: vertical;
  font: 13px/1.5 ui-monospace, monospace;
}
#web-options .field-pair { min-width: 0; gap: 10px; }
#web-options .field-pair > div { min-width: 0; flex: 1; }
#web-preview .adv-toolbar { margin-bottom: 10px; }
#web-preview h2 { font-weight: 700; }
#web-source-name { overflow-wrap: anywhere; }
#web-stage {
  position: relative;
  overflow: hidden;
  height: min(65vh, 580px);
  background: white;
  border: 1px solid #e5dfe6;
  border-radius: 12px;
}
#web-frame { position: absolute; border: 0; transform-origin: top left; }
#unlock-list, .maintenance-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 245px), 1fr)); gap: 12px; }
.unlock-file {
  min-width: 0;
  padding: 16px;
  border: 1px solid #e5dfe6;
  border-radius: 16px;
  background: white;
}
.unlock-file > div { display: flex; align-items: start; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.unlock-file h2 { min-width: 0; overflow-wrap: anywhere; font-size: 14px; font-weight: 650; }
.unlock-file input { width: 100%; border: 1px solid #e2d8df; border-radius: 9px; padding: 8px 10px; }
.unlock-file input[aria-invalid="true"] { border-color: #b42318; }
.unlock-file:has([aria-invalid="true"]) .tool-hint { color: #b42318; }
.unlock-file .tool-hint { margin-top: 6px; min-height: 16px; }
.unlock-remove { color: #87187a; font-size: 12px; }
#unlock-progress, #maintenance-progress { width: 100%; height: 8px; accent-color: #87187a; }
@media (max-width: 1023px) {
  
  #web-stage { height: min(60vh, 520px); }
}