.extras-dialog{width:min(640px,calc(100vw - 32px));max-height:85dvh;overflow:auto;background:#1d2329;color:#e6e9ed;border:1px solid #454e59;border-radius:8px;padding:24px}.extras-dialog::backdrop{background:#000a}.extras-dialog>h2{margin:0 0 16px}.extras-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.extras-dialog input,.extras-dialog textarea,.extras-dialog select{max-width:100%;min-height:40px;padding:8px;background:#161b20;color:#e6e9ed;border:1px solid #75808c;border-radius:4px}.extras-dialog input[type=checkbox]{align-self:flex-start;min-height:24px;width:24px}.extras-dialog button{margin:4px;min-height:40px}.extras-preview{max-height:42vh;overflow:auto;overflow-wrap:anywhere}.extras-preview p,.extras-output{white-space:pre-wrap;line-height:1.7}.extras-output{overflow-wrap:anywhere;word-break:break-word;font-family:inherit}.extras-feed-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-bottom:1px solid #30373f;padding:10px 0}.extras-feed-row>span{flex:1;min-width:140px}#library-extras,#reader-extras{display:flex;gap:6px;flex-wrap:wrap}
.extras-error:not(:empty){border:1px solid #e78c8c;background:#39282c;color:#ffd3d3;padding:12px;border-radius:4px;white-space:pre-wrap;overflow-wrap:anywhere}.extras-dialog button[aria-busy=true]{cursor:progress}.extras-dialog button:disabled{opacity:.55}

.extra-toolbar{padding:10px 14px;border-bottom:1px solid #30373f;align-items:center}.extra-toolbar button,.tools-dialog button{background:transparent;color:#d8dce2;border:1px solid #39424c;border-radius:4px;padding:8px 12px;min-height:38px;font:inherit;cursor:pointer}.extra-toolbar button:hover,.tools-dialog button:hover{background:#2a333e}.tools-dialog{width:min(640px,calc(100vw - 24px));max-height:85dvh;overflow:auto;background:#1d2329;color:#e6e9ed;border:1px solid #454e59;border-radius:8px;padding:24px}.tools-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.tools-dialog input,.tools-dialog select{width:100%;box-sizing:border-box;background:#161b20;color:#e6e9ed;border:1px solid #596574;padding:10px}.tools-dialog p{line-height:1.7;overflow-wrap:anywhere}.tools-dialog article{border-bottom:1px solid #39424c;padding:12px 0}.tools-dialog::backdrop{background:#000a}@media(max-width:700px){#library-extras,#reader-extras{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:8px;padding:10px 14px}.extra-toolbar button{flex-shrink:0}.tools-dialog,.extras-dialog{padding:16px}.tools-dialog input,.extras-dialog input{font-size:16px}}
