.citation-format-root{display:grid;gap:12px;min-width:0}
.citation-search-card,.citation-candidate,.citation-output{background:var(--card);border:1px solid var(--border);border-radius:12px}
.citation-search-card,.citation-output{padding:15px}
.citation-search-form,.citation-format-form{display:grid;gap:7px}
.citation-search-form>label,.citation-format-form>label,.citation-generated>label{font-weight:700}
.citation-query-row,.citation-format-controls{display:flex;gap:9px;min-width:0}
.citation-query-row input,.citation-format-controls select{flex:1;min-width:0}
.citation-hint,.citation-output-note{font-size:12px;line-height:1.7;margin:0}
.citation-search-results{display:grid;gap:8px}
.citation-count{font-size:12px;margin:0 2px}
.citation-empty{padding:18px 14px;text-align:center;color:var(--muted);line-height:1.8;border:1px dashed var(--border);border-radius:10px;background:var(--card)}
.citation-empty button{margin-top:8px}
.citation-candidate{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.citation-candidate.is-selected{border-color:var(--blue);box-shadow:0 0 0 2px #3166ed18}
.citation-candidate h3,.citation-format-heading h3{font-size:14px;line-height:1.55;margin:0;overflow-wrap:anywhere}
.citation-candidate p{font-size:12px;line-height:1.65;margin:4px 0 0;overflow-wrap:anywhere}
.citation-candidate button{flex-shrink:0}
.citation-format-heading{margin-bottom:12px}
.citation-format-heading>div>span,.citation-format-heading small{display:block;color:var(--muted);font-size:11px;margin-bottom:3px}
.citation-format-controls select{max-width:100%;height:42px}
.citation-format-form>.citation-doi-option{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:400;min-height:40px;cursor:pointer}
.citation-doi-option input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--blue)}
.citation-generated{display:grid;gap:8px;margin-top:13px}
.citation-generated textarea{min-height:112px;width:100%;resize:vertical;line-height:1.75;background:var(--bg);font-size:13px}
.citation-generated button{justify-self:start}
.citation-output-note{margin-top:10px}
.citation-record-mode .citation-format-heading,.citation-record-mode .citation-count,.citation-record-mode .citation-candidate.is-selected button{display:none}
@media(max-width:720px){.citation-search-card,.citation-output{padding:12px}.citation-query-row,.citation-format-controls{flex-direction:column}.citation-query-row button,.citation-format-controls button{width:100%}.citation-candidate{align-items:flex-start;flex-direction:column}.citation-candidate button{width:100%}}