.cit-overlay{position:fixed;inset:0;z-index:1500;background:#0008;display:grid;place-items:center;padding:16px;isolation:isolate}.cit{--cit-bg:#fff;--cit-text:#25252b;--cit-muted:#6f7265;background:var(--cit-bg);color:var(--cit-text);padding:22px;border:1px solid #8884;border-radius:18px;width:min(920px,94vw);max-height:90dvh;overflow:auto;box-shadow:0 24px 90px #0005;box-sizing:border-box}.cit *{box-sizing:border-box}.cit header,.cit footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.cit h2{margin:0;font-size:21px}.cit p{line-height:1.6;margin:8px 0}.cit header p,.cit figcaption,.cit small{color:var(--cit-muted)}.cit-body{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:16px}.cit figure{margin:0;min-width:0;display:flex;flex-direction:column;justify-content:center;background:#8881;border-radius:12px;padding:12px}.cit img{width:100%;max-height:52vh;object-fit:contain;border-radius:8px}.cit figcaption{font-size:12px;margin-top:10px;text-align:center}.cit-fields{max-height:56vh;overflow:auto;min-width:0;padding-right:6px}.cit label{display:grid;gap:7px;margin:0 0 16px}.cit label span{font-size:14px;font-weight:600}.cit label b{display:inline-grid;place-items:center;background:#b8d94720;color:#b5d645;width:23px;height:23px;border-radius:50%;margin-right:5px}.cit small{white-space:pre-wrap;overflow-wrap:anywhere}.cit textarea{font:inherit;font-size:14px;color:inherit;background:var(--cit-bg);border:1px solid #8887;border-radius:9px;padding:10px;width:100%;min-height:70px;resize:vertical}.cit button{font:inherit;font-size:14px;color:inherit;background:transparent;border:1px solid #8886;padding:9px 14px;border-radius:9px;cursor:pointer}.cit button:disabled{opacity:.5;cursor:default}.cit footer{margin-top:18px}.cit .cit-primary{background:#b5d645;color:white;border:1px solid #b5d645}.cit :focus-visible{outline:3px solid #cef156;outline-offset:2px}.cit-error{color:#b7354a}.cit-quote{display:flex;flex-wrap:wrap;gap:9px;padding:12px;background:#b5d64510;border:1px solid #b5d6454d;border-radius:10px;margin-top:12px}.cit-quote span{color:var(--cit-muted);margin-left:auto}.cit-status{font-size:14px}[data-theme="dark"] .cit,html.dark .cit,body.dark .cit{--cit-bg:#202026;--cit-text:#efeff4;--cit-muted:#c1c4b6}[data-theme="dark"] .cit-error{color:#ff9aac}@media(max-width:640px){.cit{padding:16px;max-height:94dvh}.cit-body{grid-template-columns:1fr;gap:14px}.cit img{max-height:24vh}.cit-fields{max-height:36vh}.cit footer{flex-wrap:wrap}.cit footer button{flex:1}.cit header p{font-size:12px}}
