.character-note{margin:18px 0 20px;padding:16px;border:1px solid #536376;background:#122031;color:#edf4fa;text-align:left;border-radius:3px}
.character-note-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.character-note-state{font:500 12px/1.5 'Wanted Sans',sans-serif;color:#b9c5d2}
.character-note-state.is-ready{color:#a1e4cf}
.character-note .note-copy{min-height:42px;padding:8px 16px;background:#eaf3fb;color:#132338;border:1px solid #eaf3fb;cursor:pointer;font-size:14px}
.character-note .note-copy:hover{background:#bcdcf4;color:#0b1828;transform:translateY(-1px)}
.character-note .note-copy:focus-visible,.character-note-text:focus-visible{outline:2px solid #8bcaff;outline-offset:3px}
.character-note .note-copy:disabled{opacity:.65;cursor:wait}
.character-note-text{display:block;box-sizing:border-box;width:100%;margin:12px 0 0;padding:12px;background:#0b1523;color:#edf4fa;border:1px solid #3f5369;border-radius:2px;font:400 14px/1.7 'Wanted Sans',sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;resize:vertical;user-select:text!important;-webkit-user-select:text!important;cursor:text}
.character-note-help{display:block;margin-top:8px;color:#a6b8ca;font-size:12px}
.character-note-feedback:empty{display:none}.character-note-feedback{display:block;margin-top:6px;font-size:13px;color:#b4e4fa}
.character-note.is-compact{max-width:520px;width:100%;margin:14px auto 0;box-sizing:border-box}
.companion-result-copy .character-note{font-size:14px;letter-spacing:normal}
.note-card-state{display:inline-block;margin-top:6px;color:#aabace;font-size:11px;line-height:1.5}.note-card-state.is-ready{color:#a1e4cf}
.note-editor-grid{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:24px}.note-editor-list{max-height:65vh;overflow:auto;display:grid;gap:4px;align-content:start}.note-editor-list button{text-align:left;padding:10px 12px;border:1px solid #c4ceda;background:#f2f5f9;color:#172737;border-radius:3px}.note-editor-list button[aria-current=true]{background:#1c334c;color:white}.note-editor-list small{display:block;opacity:.8}.note-editor-detail{min-width:0}.note-editor-detail label{display:grid;gap:7px;margin:14px 0}.note-editor-detail textarea{width:100%;min-height:155px}.note-editor-detail .note-form-row{display:grid;grid-template-columns:1fr 2fr;gap:10px}.note-editor-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#132238;color:#edf4fa;padding:16px;user-select:text}.note-editor-detail [type=checkbox]{width:auto}.note-editor-detail .note-publish{display:flex;align-items:center;gap:10px}.note-editor-save{display:flex;gap:12px;align-items:center}
@media(max-width:680px){.character-note{padding:12px}.character-note-bar{gap:8px}.character-note-text{font-size:14px}.note-editor-grid{grid-template-columns:1fr}.note-editor-list{max-height:190px}.character-note .note-copy{min-height:44px}}
.character-cn{position:absolute;inset:14px 14px auto auto;z-index:5;display:inline-flex;align-items:center;min-height:28px;max-width:calc(100% - 28px);padding:5px 10px;border:1px solid #dce6f08c;border-radius:4px;background:#101b30ed;color:#fff;font:700 13px/1.2 var(--font-ui);letter-spacing:.06em;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px #0004;pointer-events:none}
.character-card .character-role-badge{max-width:calc(100% - 110px)}
@media(max-width:680px){.character-cn{inset:7px 7px auto auto;min-height:0;padding:3px 6px;border-color:#e1ebf02e;border-radius:3px;background:#0b1728ad;font-size:10px;line-height:1.2;letter-spacing:.03em;font-weight:600;box-shadow:0 1px 4px #0002;text-shadow:0 1px 2px #0009}.character-card .character-role-badge{max-width:calc(100% - 66px)}}