.reference-filter{grid-template-columns:minmax(0, 1fr) calc(var(--space-7) * 3);gap:var(--space-2);min-width:0;display:grid}
.reference-panes{min-width:0;container:reference-panes/inline-size}.reference-panes>*{--reference-row:var(--space-2)}.reference-panes__grid{grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.reference-panes__list{row-gap:var(--space-3);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.reference-read-error{transition:grid-template-rows var(--duration-base) var(--ease-out);grid-template-rows:0fr;display:grid}.reference-read-error.is-open{grid-template-rows:1fr}.reference-read-error__inside{min-width:0;min-height:0;overflow:hidden}.reference-read-error .app-error{margin-bottom:var(--space-5)}.reference-tree{min-width:0;margin-inline:calc(var(--space-3) * -1)}.reference-tree .collapse.ant-collapse .ant-collapse-item{border-bottom:0;border-radius:0}.reference-tree>.collapse__keys>.collapse.ant-collapse>.ant-collapse-item+.ant-collapse-item{margin-top:var(--space-2)}.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header,.reference-tree .collapse.ant-collapse .ant-collapse-item-active>.ant-collapse-header{padding:var(--reference-row) calc(var(--control) + var(--space-1)) var(--reference-row) var(--space-3);border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;transition:background-color var(--duration-out) var(--ease-in);align-items:flex-start;position:relative}.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header:hover{background-color:var(--fill);transition-duration:var(--duration-quick);transition-timing-function:var(--ease-out)}.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header:focus-visible{border-radius:var(--radius-md)}.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header>.ant-collapse-expand-icon{height:1lh;font:var(--font-body);transition:opacity var(--duration-quick) var(--ease-out);padding-inline-start:var(--space-2)}@media (hover:hover){.reference-tree .collapse.ant-collapse .ant-collapse-item-active>.ant-collapse-header:not(:hover,:focus-visible)>.ant-collapse-expand-icon{opacity:0}}.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-content>.ant-collapse-content-box{padding:0 0 0 var(--space-5)}.reference-tree__name{align-items:flex-start;gap:var(--space-2);min-width:0;font:var(--font-body);overflow-wrap:anywhere;display:flex}.reference-tree__name--top{font-weight:600}.reference-tree__name--part{font-weight:500}.reference-tree__icon{margin-top:var(--space-1);color:var(--ink-muted);flex:none}.reference-tree__entries{grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.reference-tree.is-dropping{border-radius:var(--radius-md);outline:2px dashed var(--accent)}.reference-entry-row{min-width:0;position:relative}.reference-entry-row__control{align-items:flex-start;gap:var(--space-2);width:100%;padding:var(--reference-row) calc(var(--control) + var(--space-1)) var(--reference-row) var(--space-3);border-radius:var(--radius-md);color:var(--ink);font:var(--font-body);text-align:left;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--duration-out) var(--ease-in);background:0 0;border:0;margin:0;text-decoration:none;display:flex}.reference-entry-row:hover>.reference-entry-row__control:not([aria-current]){background-color:var(--fill);transition-duration:var(--duration-quick);transition-timing-function:var(--ease-out)}.reference-entry-row__control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reference-entry-row__control[aria-current],.reference-entry-row.is-picked>.reference-entry-row__control--naming{background-color:var(--card);box-shadow:var(--shadow-active)}.reference-entry-row__icon{margin-top:var(--space-1);color:var(--ink-muted);flex:none}.reference-entry-row__control[aria-current] .reference-entry-row__icon{color:var(--accent)}.reference-entry-row__control .thinking{font:inherit}.reference-row-more{opacity:0;transition:opacity var(--duration-quick) var(--ease-out)}.reference-entry-row>.reference-row-more,.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header>.ant-collapse-extra{top:calc(var(--reference-row) - var(--space-1));margin:0;position:absolute;right:0}.reference-entry-row:is(:hover,:has(:focus-visible))>.reference-row-more,.ant-collapse-header:is(:hover,:focus-visible,:has(:focus-visible))>.ant-collapse-extra>.reference-row-more{opacity:1}.reference-row-more:has([aria-expanded=true]){opacity:1}@media (hover:none){.reference-row-more{opacity:1}}.reference-row-menu__why{max-width:var(--menu-max);padding:var(--space-2) var(--space-3);color:var(--ink-muted);font:var(--font-body);outline:none;margin:0}.reference-name{min-width:0;color:var(--ink);cursor:text;-webkit-user-select:text;user-select:text;outline:none;flex:1;display:block}.reference-entry-row__control--naming{background-color:var(--card);box-shadow:0 0 0 1px var(--accent);cursor:text}.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header:has(.reference-name){background-color:var(--card);box-shadow:0 0 0 1px var(--accent);cursor:text}.reference-tree__name:has(.reference-name){flex:1}.reference-entry-row:has(.reference-name)>.reference-row-more{opacity:0;pointer-events:none}.ant-collapse-header:has(.reference-name)>.ant-collapse-extra>.reference-row-more{opacity:0;pointer-events:none}.reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header:has(.reference-name):hover{background-color:var(--card)}.reference-tree__foot{align-items:center;column-gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;padding-inline-start:var(--space-1);display:flex}.reference-tree__foot>.list-add{margin:0}.reference-tree__foot>.list-add>.g-icon{width:16px;height:16px}.reference-drag-ghost{z-index:50;align-items:flex-start;gap:var(--space-2);width:max-content;max-width:calc(var(--space-6) * 10);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:var(--card);box-shadow:var(--shadow-float);color:var(--ink);font:var(--font-body);overflow-wrap:anywhere;pointer-events:none;display:flex;position:fixed;top:0;left:0}.reference-entry-row,.reference-tree .collapse.ant-collapse .ant-collapse-item{transition:opacity var(--duration-quick) var(--ease-out)}[data-reference-lifted]{opacity:.4}html.routine-dragging .reference-entry-row:hover>.reference-entry-row__control:not([aria-current]),html.routine-dragging .reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header:hover{background-color:#0000}html.routine-dragging .reference-tree .reference-entry-row>.reference-row-more,html.routine-dragging .reference-tree .ant-collapse-header>.ant-collapse-extra>.reference-row-more{opacity:0}.reference-tree[data-reference-over],html.routine-dragging .reference-tree .collapse.ant-collapse .ant-collapse-item>.ant-collapse-header[data-reference-over]{border-radius:var(--radius-md);background-color:var(--tint-accent);box-shadow:inset 0 0 0 1px var(--accent)}.reference-entry-row__control--pick,.reference-panes .reference-preview{display:none}.reference-panes .reference-preview--none{visibility:hidden}@container reference-panes (min-width:600px){.reference-panes>*{--reference-row:var(--space-1)}.reference-panes__grid{column-gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.reference-tree{margin-right:0}.reference-entry-row__control--link{display:none}.reference-entry-row__control--pick{display:flex}.reference-panes .reference-preview{top:var(--space-5);gap:var(--space-5);height:calc(100vh - 2 * var(--space-6) - var(--space-7));min-height:calc(var(--space-7) * 6);--sheet-room:var(--space-5);padding:var(--sheet-room);flex-direction:column;display:flex;position:sticky;overflow:hidden}}@container reference-panes (min-width:960px){.reference-panes__grid{grid-template-columns:calc(var(--space-6) * 11) minmax(0, 1fr);column-gap:var(--space-6)}.reference-panes .reference-preview{--sheet-room:var(--space-7)}}.reference-preview__head{align-items:baseline;column-gap:var(--space-4);row-gap:var(--space-1);flex:none;grid-template-columns:minmax(0,1fr) auto;display:grid}.reference-preview__head>h2{overflow-wrap:anywhere;margin:0}.reference-preview__head>:last-child{grid-column:1/-1}.reference-preview__words{min-height:0;margin-inline:calc(var(--space-1) * -1) calc(var(--sheet-room) * -1);padding-inline:var(--space-1) calc(var(--sheet-room) - var(--space-4));overscroll-behavior:contain;flex:1;overflow-y:scroll}.reference-preview__words:focus{outline:none}.reference-preview__words:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.reference-preview__words::-webkit-scrollbar{width:var(--space-4)}.reference-preview__words::-webkit-scrollbar-track{background:0 0}.reference-preview__words::-webkit-scrollbar-thumb{min-height:var(--space-7);border:solid #0000;border-width:0 var(--space-1);border-radius:var(--space-2) / var(--space-1);background:var(--neutral-400) padding-box}.reference-preview__words::-webkit-scrollbar-thumb:hover{background-color:var(--neutral-500)}.reference-preview__words::-webkit-scrollbar-thumb:active{background-color:var(--neutral-600)}@supports not selector(::-webkit-scrollbar){.reference-preview__words{scrollbar-width:thin;scrollbar-color:var(--neutral-400) transparent}}.reference-preview__page{gap:var(--space-4);padding-bottom:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}.reference-preview__tab{margin:0}.reference-preview__page:not([data-page="1"])>.reference-preview__tab:first-child,.reference-preview__page>.note+.reference-preview__tab,.reference-preview__page:not([data-page="1"])>.note:first-child>.note__heading:first-child{margin-top:var(--space-3)}.reference-preview__words>.reference-files{margin-top:var(--space-2);padding-bottom:var(--space-1)}.reference-preview .pager{flex:none;justify-content:flex-end}
