.ff225-overlay { position: fixed; inset: 0; z-index: 10000; background: #142438aa; padding: 24px; display: flex; justify-content: center; align-items: center; }
.ff225-panel { box-sizing: border-box; width: min(100%, 1000px); max-height: 92dvh; overflow: auto; padding: 24px; border-radius: 12px; background: #fff; color: #182c3b; box-shadow: 0 16px 64px #0005; font: 15px/1.5 system-ui, sans-serif; }
.ff225-panel * { box-sizing: border-box; }
.ff225-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ff225-header h2 { margin: 0; }
.ff225-panel label { display: grid; gap: 6px; margin-block: 12px; }
.ff225-panel input, .ff225-panel textarea, .ff225-panel button { font: inherit; padding: 10px; border: 1px solid #a1b0bc; border-radius: 6px; max-width: 100%; min-width: 0; }
.ff225-panel input, .ff225-panel textarea { width: 100%; background: white; color: #182c3b; }
.ff225-panel textarea { min-height: 110px; resize: vertical; }
.ff225-panel button { cursor: pointer; background: #edf4fa; color: #123e61; white-space: normal; text-align: start; }
.ff225-panel button:disabled { cursor: wait; opacity: .6; }
.ff225-panel :focus-visible { outline: 3px solid #1268ab; outline-offset: 2px; }
.ff225-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; max-height: 240px; overflow: auto; }
.ff225-status { min-height: 24px; overflow-wrap: anywhere; }
.ff225-history { padding-left: 24px; }
.ff225-history li { border-bottom: 1px solid #dce4ec; padding: 8px; overflow-wrap: anywhere; }
.ff225-history p { margin: 4px 0; white-space: pre-wrap; }
.ff225-form { border-top: 2px solid #dce4ec; margin-top: 16px; }
@media (max-width: 600px) {
  .ff225-overlay { padding: 8px; }
  .ff225-panel { padding: 14px; max-height: 96dvh; }
  .ff225-results { grid-template-columns: minmax(0, 1fr); }
  .ff225-header h2 { font-size: 21px; }
}
