/* Browser edition extras: the fal key button and dialog */
#keyBtn.setup { border-color: var(--accent); }
#keyBtn .keyOk { color: var(--ok); font-weight: 700; }
#keyDlg { position: fixed; inset: 0; background: var(--scrim); display: flex; align-items: center; justify-content: center; z-index: 80; }
#keyDlg[hidden] { display: none; }
#keyBox { width: 460px; max-width: 94vw; max-height: 92vh; overflow-y: auto; background: var(--panel); border: 1px solid var(--border); border-radius: 14px; padding: 18px; box-shadow: 0 12px 50px var(--shadow); font-size: 13px; line-height: 1.5; }
#keyTitle { font-size: 15px; font-weight: 700; margin-bottom: 6px; }
#keyBox a { color: var(--accent); }
#keyBox code { background: var(--panel2); padding: 1px 5px; border-radius: 4px; font-size: 12px; }
.keyLead, .keyNote { color: var(--muted); margin: 6px 0 10px; }
.keyNote { font-size: 12px; margin-top: 12px; }
.keySteps { margin: 0 0 12px 18px; color: var(--text); }
.keySteps li { margin: 3px 0; }
.keyRow { display: flex; gap: 6px; }
.keyRow input { flex: 1; min-width: 0; background: var(--panel2); border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 8px 10px; font: 13px ui-monospace, monospace; }
.keyRow button, #keyBox .modalBtns button { background: var(--panel2); border: 1px solid var(--border); color: var(--text); border-radius: 8px; padding: 7px 12px; cursor: pointer; font-size: 12.5px; }
.keyRemember { display: flex; gap: 6px; align-items: center; margin: 10px 0 2px; font-size: 12.5px; cursor: pointer; }
.keyRemember span { color: var(--muted); font-size: 11.5px; }
#keyStatus { min-height: 18px; font-size: 12.5px; margin-top: 6px; }
#keyStatus.err { color: var(--err); }
#keyStatus.ok { color: var(--ok); }
#keyBox .modalBtns button { flex: 0 0 auto; }
#keyBox .modalBtns { display: flex; gap: 8px; align-items: center; margin-top: 14px; }
.keySpacer { flex: 1; }
#keyBox .modalBtns .keyPrimary { background: linear-gradient(90deg, var(--accent), var(--accent2)); border: none; color: #fff; }
#keyBox .modalBtns button:disabled { opacity: .6; cursor: progress; }
#keyRemove[hidden] { display: none; }
#spToPP { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); margin-right: auto; cursor: pointer; white-space: nowrap; }