.cl-scope{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-6)}
.cl-editor{max-width:920px;padding:var(--space-6);border:1px solid var(--line);border-radius:10px;background:var(--panel);margin-bottom:var(--space-8)}
.cl-editor-heading,.cl-history-heading,.cl-entry-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}
.cl-editor-heading{margin-bottom:var(--space-5)}.cl-editor-heading .eyebrow{margin-bottom:var(--space-1)}
.cl-editor label{display:block;font-size:var(--text-sm);font-weight:700;margin:var(--space-4) 0 var(--space-2)}.cl-editor label>span{font-weight:400;color:var(--muted)}
.cl-editor input:not([type="radio"]),.cl-editor select,.cl-editor textarea{width:100%;min-width:0;min-height:46px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:var(--space-3);font:inherit;font-size:var(--text-sm)}
.cl-editor textarea{resize:vertical}.cl-editor .hint{margin-top:var(--space-2)}
.cl-choices{border:0;min-width:0}.cl-cards{display:grid;gap:var(--space-3);max-height:400px;overflow:auto;padding:var(--space-1)}
.cl-editor .cl-card{display:flex;align-items:flex-start;gap:var(--space-4);border:2px solid var(--line);border-radius:8px;margin:0;padding:var(--space-4);cursor:pointer;min-width:0}
.cl-card:focus-within{outline:2px solid var(--accent);outline-offset:1px}.cl-card.is-selected{background:var(--soft);border-color:var(--accent)}
.cl-card input{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0;margin-top:2px}.cl-card>span{display:grid;gap:var(--space-1);min-width:0}
.cl-card strong{color:var(--text);font-size:var(--text-base);overflow-wrap:anywhere}.cl-card small{font-size:var(--text-xs);margin-top:var(--space-1)}.cl-card span span{color:var(--text);overflow-wrap:anywhere}
.cl-match,.cl-empty{font-size:var(--text-xs);color:var(--muted);margin:var(--space-3) 0}
.cl-destination,.cl-saving-to{padding:var(--space-4);margin:var(--space-4) 0;background:var(--soft);border-radius:7px;font-size:var(--text-sm);overflow-wrap:anywhere}
.cl-destination>span,.cl-saving-to>span{display:block;font-size:var(--text-xs);color:var(--muted)}
.cl-destination strong,.cl-saving-to strong{font-size:var(--text-base)}
.cl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.cl-form-grid>div{min-width:0}.cl-form-status{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-4);overflow-wrap:anywhere}
.cl-review-note{font-size:var(--text-xs);color:var(--muted);margin:var(--space-5) 0}
.cl-error{font-size:var(--text-sm);color:var(--error)}.cl-success{padding:var(--space-4);background:var(--soft);border-radius:8px;margin-bottom:var(--space-6);font-size:var(--text-sm)}
.cl-history-heading{margin:var(--space-6) 0 var(--space-4)}.cl-history-heading .hint{margin-top:var(--space-1)}
.cl-list{display:grid;gap:var(--space-4);max-width:920px}.cl-entry{padding:var(--space-5);border:1px solid var(--line);border-radius:10px;background:var(--panel)}
.cl-entry h3{font-size:var(--text-base);overflow-wrap:anywhere}.cl-entry-heading p{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-1)}
.cl-entry-heading>div{min-width:0}.cl-entry-heading .ws-pill{white-space:nowrap;flex-shrink:0}
.cl-entry-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--text-sm);line-height:1.65;margin:var(--space-4) 0}
.cl-empty-state{padding:var(--space-8);border:1px dashed var(--line);border-radius:10px}.cl-empty-state svg{color:var(--accent);margin-bottom:var(--space-3)}.cl-empty-state h3{font-size:var(--text-base)}.cl-empty-state p{font-size:var(--text-sm);color:var(--muted);margin-top:var(--space-2)}
.cl-pages{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-5);font-size:var(--text-xs)}
.cl-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.cl-editor{padding:var(--space-4)}.cl-form-grid{grid-template-columns:1fr;gap:0}.cl-editor-heading,.cl-history-heading{flex-wrap:wrap}.cl-entry{padding:var(--space-4)}.cl-pages{flex-wrap:wrap}.cl-editor input[type="datetime-local"]{max-width:100%;font-size:var(--text-xs)}}
