.key-controls{min-width:0;font-size:16px;line-height:1.6;margin-top:16px}
.key-controls form,.key-controls #key-revealed{display:grid;gap:10px;min-width:0}
.key-controls [hidden]{display:none!important}
.key-controls input,.key-controls textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:10px;border:1px solid #e5dce2;border-radius:8px;font:inherit;background:#fff;color:#393139}
.key-controls textarea{height:96px;overflow-wrap:anywhere;resize:vertical;font-family:monospace;font-size:14px}
.key-controls button{font-size:16px;min-height:42px;white-space:normal}
.key-controls #key-message{font-size:14px;overflow-wrap:anywhere}
.key-actions{display:flex;flex-wrap:wrap;gap:10px}
.key-controls :focus-visible{outline:3px solid #80727c;outline-offset:3px}
#access-page .key-controls input,#access-page .key-controls button{font-size:16px!important}
.extra-keys{border-top:1px solid var(--border,#d8d4c8);padding-top:14px;margin-top:18px}
.extra-keys h3{margin:0 0 6px;font-size:17px}
.extra-keys .keys-note,.extra-keys .keys-hint{font-size:14px;color:#6b665c;margin:4px 0}
.extra-keys #extra-key-form{display:grid;gap:8px;max-width:420px}
.extra-keys #extra-key-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.extra-keys #extra-key-list li{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;border:1px solid var(--border,#d8d4c8);border-radius:8px}
.extra-keys #extra-key-list li small{color:#6b665c;overflow-wrap:anywhere}
.extra-keys #extra-key-message{font-size:14px;overflow-wrap:anywhere}
.extra-keys #extra-key-value{min-height:64px}
