.monica-capture,
.monica-screenshot button:not([data-language]),
.monica-screenshot-save {
  font: 500 13px/1.3 var(--sans, Arial, sans-serif);
  letter-spacing: 0;
  color: #354338;
  border: 1px solid #ccd3c8;
  border-radius: 6px;
  background: #fffdf6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 14px;
  cursor: pointer;
  text-decoration: none;
  box-sizing: border-box;
}
.monica-capture img,
.monica-screenshot button img,
.monica-screenshot-save img { width: 20px; height: 20px; flex: none; }
.monica-capture {
  position: fixed;
  right: max(18px, env(safe-area-inset-right));
  bottom: max(18px, env(safe-area-inset-bottom));
  z-index: 95;
  box-shadow: 0 3px 16px #35433818;
  min-width: 126px;
}
.monica-capture-in-dialog { bottom: max(62px, env(safe-area-inset-bottom)); }
.monica-capture[hidden], .monica-screenshot [hidden] { display: none !important; }
.monica-capture:disabled, .monica-screenshot button:disabled { cursor: wait; opacity: .65; }
.monica-capture:focus-visible,
.monica-screenshot button:focus-visible,
.monica-screenshot-save:focus-visible { outline: 3px solid #c96f53; outline-offset: 3px; }
.monica-capture[aria-busy=true] img { animation: monica-capture-spin 1s linear infinite; }
@keyframes monica-capture-spin { to { transform: rotate(360deg); } }
.monica-screenshot {
  width: min(740px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  border: 1px solid #d2d6cc;
  border-radius: 8px;
  padding: 18px;
  box-sizing: border-box;
  background: #f6f2e8;
  color: #354338;
  overflow: auto;
}
.monica-screenshot::backdrop { background: #243128ad; }
.monica-screenshot .locale-switch.locale-in-dialog { margin: 0 44px 12px auto; }
.monica-screenshot-head { display: flex; gap: 14px; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.monica-screenshot-head h2 { margin: 0; font: 500 18px/1.4 var(--sans, Arial, sans-serif); letter-spacing: 0; }
.monica-screenshot .monica-screenshot-close { position: absolute; right: 14px; top: 14px; width: 40px; min-height: 40px; padding: 8px; background: transparent; border: 0; }
.monica-screenshot-close span { display: none; }
.monica-screenshot-preview { text-align: center; line-height: 0; background: #e7e7df; border: 1px solid #d2d6cc; }
.monica-screenshot-image { display: inline-block; width: auto; height: auto; max-width: 100%; max-height: calc(100dvh - 260px); object-fit: contain; }
.monica-screenshot-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 16px; }
.monica-screenshot-actions > * { min-width: 135px; }
.monica-screenshot-status { margin: 8px 0 0; text-align: center; font: 12px/1.7 var(--sans, Arial, sans-serif); color: #8c452e; }
.monica-screenshot-status:empty { display: none; }
.monica-capture-notice { position: fixed; right: 18px; bottom: 75px; max-width: min(330px, calc(100vw - 36px)); padding: 12px 16px; background: #354338; color: #fffdf6; border-radius: 6px; z-index: 100; font: 13px/1.6 var(--sans, Arial, sans-serif); opacity: 0; visibility: hidden; pointer-events: none; }
.monica-capture-notice.is-visible { opacity: 1; visibility: visible; }
@media (max-width: 600px) {
  .monica-capture { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); padding: 10px 12px; }
  .monica-capture-in-dialog { bottom: max(62px, env(safe-area-inset-bottom)); }
  .monica-screenshot { padding: 14px; width: calc(100vw - 20px); max-height: calc(100dvh - 20px); }
  .monica-screenshot-image { max-height: calc(100dvh - 240px); }
  .monica-screenshot-head h2 { font-size: 17px; }
  .monica-screenshot-actions { gap: 8px; }
  .monica-screenshot-actions > * { min-width: 120px; }
}
@media (prefers-reduced-motion: reduce) { .monica-capture[aria-busy=true] img { animation: none; } }