html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
[hidden] { display: none !important; }
button, a, [tabindex="0"] { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid #94d7f0; outline-offset: 4px; }
.home-gallery__item { cursor: zoom-in; }
.home-sidebar__row, .home-sidebar__account { cursor: pointer; }
.agent-hero__stars { pointer-events: none; }
.local-backdrop {
  position: fixed; inset: 0; z-index: 89; border: 0; background: #0009;
}
.local-reference {
  display: inline-flex; align-items: center; gap: 8px; margin-right: 8px;
  max-width: 170px; overflow: hidden; color: #bcd8e6; font-size: 12px;
}
.local-reference img { width: 26px; height: 26px; object-fit: cover; border-radius: 4px; }
.agent-prompt__toolbar--canvas { gap: 8px; min-width: 0; }
.agent-prompt__toolbar--canvas .agent-prompt__attach {
  width:36px; height:36px; flex:0 0 36px; display:grid; place-items:center;
  padding:0; border:1px solid #ffffff38; border-top-color:#ffffff85; border-radius:50%;
  background:linear-gradient(155deg,#ffffff0e,#ffffff02); color:#e8e8e8;
  box-shadow:inset 0 1px 1px #ffffff15,0 2px 8px #0005; backdrop-filter:blur(12px);
}
.agent-prompt__toolbar--canvas .agent-prompt__attach svg { width:18px; height:18px; }
.local-generation-modes {
  display:flex; flex:0 0 auto; gap:0; height:36px; padding:3px;
  border:1px solid #ffffff25; border-top-color:#ffffff70; border-left-color:#ffffff85;
  border-radius:999px; background:linear-gradient(155deg,#ffffff0b,#00000022);
  box-shadow:inset 0 1px 1px #ffffff12,0 2px 8px #0004; backdrop-filter:blur(12px);
}
.local-generation-modes button {
  height:28px; min-width:72px; display:inline-flex; align-items:center; justify-content:center;
  gap:6px; padding:0 11px; border:0; border-radius:999px; background:transparent;
  color:#909090; font:inherit; font-size:13px; font-weight:500; cursor:pointer;
}
.local-generation-modes button svg { width:17px; height:17px; flex-shrink:0; }
.local-generation-modes button[aria-pressed="true"] {
  background:linear-gradient(145deg,#ffffff20,#ffffff09); color:#f1f1f1;
  box-shadow:inset 0 1px 1px #ffffff20,0 1px 4px #0005;
}
.local-generation-model-field {
  position:relative; margin-left:auto; width:240px; min-width:0; max-width:44%;
  flex:0 1 240px; height:36px;
}
.local-generation-model-field:after {
  content:""; position:absolute; right:14px; top:13px; width:7px; height:7px;
  border-right:2px solid #bcbcbc; border-bottom:2px solid #bcbcbc;
  transform:rotate(45deg); pointer-events:none;
}
.local-generation-model {
  appearance:none; width:100%; height:100%; min-width:0; padding:0 31px 0 14px;
  border:1px solid #ffffff35; border-top-color:#ffffff70; border-left-color:#ffffff80;
  border-radius:999px; background:linear-gradient(155deg,#ffffff0c,#00000025);
  box-shadow:inset 0 1px 1px #ffffff10,0 2px 8px #0004; backdrop-filter:blur(12px);
  color:#ededed; font:inherit; font-size:13px; font-weight:500;
  text-overflow:ellipsis; color-scheme:dark; cursor:pointer;
}
.local-generation-model option { background:#171717; color:#ededed; }
.local-generation-model:disabled { color: #8b8b8b; cursor: default; }
.agent-prompt__toolbar--canvas .agent-prompt__status { display: none; }
.agent-prompt__toolbar--canvas .agent-prompt__send { margin-inline-start: 0; flex: 0 0 auto; }
.local-model-retry { border: 0; background: transparent; color: #bcd8e6; font-size: 12px; cursor: pointer; }
.agent-prompt > .local-reference { display: flex; margin: 0 0 8px; }
@media (max-width: 480px) {
  .agent-prompt__toolbar--canvas { gap: 4px; flex-wrap: nowrap; }
  .agent-prompt__toolbar--canvas .agent-prompt__attach { width:30px; height:30px; flex-basis:30px; }
  .local-generation-modes { height:30px; padding:2px; }
  .local-generation-modes button { height:24px; min-width:0; gap:4px; padding:0 6px; font-size:12px; }
  .local-generation-modes button svg { width:15px; height:15px; }
  .local-generation-model-field { height:30px; flex:1 1 110px; width:110px; max-width:none; }
  .local-generation-model { padding:0 23px 0 9px; font-size:12px; }
  .local-generation-model-field:after { right:10px; top:10px; width:6px; height:6px; }
}
.local-dialog {
  max-width: 880px; width: calc(100% - 32px); max-height: calc(100svh - 48px);
  padding: 0; border: 1px solid #ffffff25; border-radius: 8px;
  background: #151617; color: #f5f5f5; overflow: auto;
}
.local-dialog::backdrop { background: #000c; backdrop-filter: blur(10px); }
.local-dialog__close {
  position: absolute; top: 12px; right: 12px; z-index: 1; width: 36px; height: 36px;
  display: grid; place-items: center; border: 1px solid #ffffff30; border-radius: 50%;
  background: #111c; color: white; cursor: pointer;
}
.local-dialog__image { display: block; max-width: 100%; max-height: 70svh; margin: auto; object-fit: contain; }
.local-dialog__content { padding: 24px; }
.local-dialog__content h2 { font-size: 22px; line-height: 1.3; margin: 0 0 16px; }
.local-dialog__content p { color: #b6babd; line-height: 1.6; overflow-wrap: anywhere; }
.local-dialog__action {
  display: inline-block; padding: 10px 18px; background: #eee; color: #111;
  border: 0; border-radius: 6px; text-decoration: none; cursor: pointer;
}
.local-toast {
  position: fixed; bottom: 28px; left: 50%; transform: translateX(-50%);
  z-index: 200; background: #f1f1f1; color: #111; padding: 12px 20px;
  border-radius: 6px; box-shadow: 0 6px 30px #0006; font-size: 14px;
}
.local-empty { color: #92989b; text-align: center; padding: 56px 12px; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Keep the home sidebar mark consistent with the current site logo. */
.mona-product-mark {
  width: 28px !important;
  height: 24px !important;
  display: block !important;
  flex: 0 0 28px !important;
  background-color: transparent !important;
  background-image: url("/static/images/logo-mark.png?v=20261014-logo-mark") !important;
  background-position: center !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
  border-radius: 0 !important;
  mix-blend-mode: screen;
}
.mona-product-mark > * { display: none !important; }