:root{--brand:#1e40af;--brand2:#9333ea}
.kc{display:grid;gap:14px}
.kchead{display:grid;gap:10px}.kchead label{display:grid;gap:4px;font-size:13px;max-width:260px}.kchead .chk{max-width:none}
.chk{display:inline-flex!important;align-items:center;gap:6px}
.kg{display:grid;grid-template-columns:minmax(260px,1fr) minmax(300px,1.1fr);gap:16px;align-items:start}@media(max-width:860px){.kg{grid-template-columns:1fr}}
.kf{display:grid;grid-template-columns:1fr 1fr;gap:8px}.kf label{display:grid;gap:3px;font-size:13px}.kf label:has(textarea),.kf label:has([data-k=title]),.kf label:has([data-k=book]),.kf label:has([data-k=url]),.kf label:has([data-k=journal]){grid-column:1/-1}
@media(max-width:480px){.kf{grid-template-columns:1fr}}
.ko{position:sticky;top:10px;display:grid;gap:8px}
.out{background:#fff;color:#111;border:1px solid var(--line);border-radius:12px;padding:14px 16px;font:15px/1.7 "Times New Roman",Times,serif;padding-left:calc(16px + 1.6em);text-indent:-1.6em;min-height:64px;word-break:break-word}
.cit{font:15px/1.5 "Times New Roman",serif;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px}
.warn:empty{display:none}.warn{color:#b45309}
.kl{border-top:1px solid var(--line);padding-top:10px}.klh{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}.klh h3{margin:0}
.bib{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}
.bib li{display:flex;gap:8px;align-items:flex-start;background:#fff;color:#111;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.bib .e{flex:1;font:15px/1.6 "Times New Roman",serif;padding-left:1.6em;text-indent:-1.6em;word-break:break-word}
.bib button{border:1px solid #d1d5db;background:#f9fafb;color:#111;border-radius:8px;padding:2px 8px;cursor:pointer}
.bib:empty::before{content:"Henüz kaynak eklenmedi. Yukarıdaki formu doldurup \"Kaynakçaya ekle\"ye basın.";color:var(--muted);font-size:14px}
.out .ph{color:#6b7280;font-family:inherit}
.df,.dp,.kf,.ko{min-width:0}.df input,.df select,.df textarea,.kf input,.kf textarea,.kf select{width:100%;box-sizing:border-box;font:inherit}
input[type=checkbox],input[type=radio]{width:auto!important}
