.note-attachment-stage[hidden],.note-attachment-paper[hidden],.note-attachment-navigation[hidden]{display:none!important}
.note-attachment-stage{padding:clamp(12px,3vw,28px);border:1px solid var(--line,#d8d5ca);border-radius:16px;background:var(--card,#fffdf8);min-height:45vh}
.note-attachment-header,.note-attachment-navigation{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.note-attachment-header{justify-content:space-between}.note-attachment-position{padding:5px 12px;border-radius:999px;background:var(--blue-soft,#e5f1ff);font-weight:800;white-space:nowrap}
.note-attachment-type{color:var(--muted,#6f716b);font-size:12px}.note-attachment-title{font-size:20px;margin:8px 0 20px}.note-attachment-card{display:flex;flex-direction:column;align-items:stretch;max-width:100%;min-width:0}.note-attachment-card>section{width:100%;box-sizing:border-box;margin-inline:auto;max-width:100%}.note-attachment-card .chat-decision-path{max-height:none;overflow:visible}
.note-attachments-selection{min-width:0}.note-attachments-list{display:grid;gap:8px;margin:4px 0}.note-attachments-note-title{margin:0;font:700 12px/1.5 var(--sans);overflow-wrap:anywhere}.note-attachments-help{margin:0;color:var(--muted);font:500 11px/1.5 var(--sans)}.note-attachment-row{padding:10px;border:1px solid var(--line);border-radius:8px 6px 9px 7px;background:var(--surface)}.note-attachment-row label{display:flex;align-items:center;gap:10px;min-width:0;cursor:pointer}.note-attachment-row b{display:block;font:700 12px/1.5 var(--sans);overflow-wrap:anywhere}.note-attachment-row small{display:block;color:var(--muted);font:500 10px/1.5 var(--sans);margin-top:3px}.note-attachments-selection [data-attachments-status]{margin:0;color:var(--muted);font-size:11px;overflow-wrap:anywhere}.note-editor-save-buttons [data-attachments-cancel]{background:var(--surface);color:var(--ink)}.note-fullscreen .note-attachment-stage{min-height:calc(100dvh - 130px)}
@media(max-width:720px){.note-attachment-header{align-items:flex-start}.note-attachment-navigation{width:100%;justify-content:space-between}.note-attachment-card .chat-mcq-options{grid-template-columns:1fr}}

.note-attachment-row label{position:relative}.note-attachment-row input{position:absolute;width:1px;height:1px;opacity:0}.note-attachment-switch{position:relative;flex:none;width:38px;height:22px;border-radius:99px;background:var(--line,#d8d5ca);border:1px solid var(--line,#d8d5ca);transition:background .15s}.note-attachment-switch:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--card,#fffdf8);border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .15s}.note-attachment-row input:checked+.note-attachment-switch{background:var(--blue,#4895ef);border-color:var(--blue,#4895ef)}.note-attachment-row input:checked+.note-attachment-switch:after{transform:translateX(16px)}.note-attachment-row input:focus-visible+.note-attachment-switch{outline:3px solid var(--blue-soft,#e5f1ff);outline-offset:3px}.note-attachment-row input:disabled+.note-attachment-switch{opacity:.5}.note-attachments-note-title{font-weight:700;overflow-wrap:anywhere}

.note-recall-controls [data-note-attachments]{display:inline-flex;align-items:center;gap:6px}.note-attachment-count{display:inline-flex;align-items:center;justify-content:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--blue-soft);color:#2469a9;font-size:10px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}

.note-attachment-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;direction:ltr}.note-attachment-position{grid-column:2;grid-row:1}.note-attachment-navigation{display:contents}.note-attachment-navigation [data-attachment-previous]{grid-column:1;grid-row:1;justify-self:start}.note-attachment-navigation [data-attachment-next]{grid-column:3;grid-row:1;justify-self:end}.note-attachments-open>.note-actions,.note-attachments-open>.review-box{display:none!important}.note-attachments-open>.note-visibility{opacity:.5;pointer-events:none}
