.files-demo[data-v-91b8ed90]{height:620px}.files-demo__main[data-v-91b8ed90]{flex-direction:column;height:100%;display:flex;position:relative}.files-demo__toolbar[data-v-91b8ed90]{gap:8px;padding:12px 12px 8px;display:flex}.files-demo__search[data-v-91b8ed90]{background:var(--container-low-color);height:38px;box-shadow:inset 0 0 0 1px var(--border-color);color:var(--content-dark-color);transition:box-shadow .2s var(--ease-out);border-radius:10px;flex:1;align-items:center;gap:9px;padding:0 12px;display:flex}.files-demo__search[data-v-91b8ed90]:focus-within{box-shadow:inset 0 0 0 1.5px var(--primary-color)}.files-demo__search input[data-v-91b8ed90]{min-width:0;color:var(--content-bright-color);background:0 0;border:0;flex:1;font-size:13px}.files-demo__search input[data-v-91b8ed90]:focus{outline:none}.files-demo__search input[data-v-91b8ed90]::placeholder{color:var(--content-dark-color)}.files-demo__upload[data-v-91b8ed90]{background:var(--primary-color);height:38px;color:var(--on-primary-color);white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:12.5px;font-weight:650;display:inline-flex}.files-demo__suggestions[data-v-91b8ed90]{color:var(--content-dark-color);flex-wrap:wrap;align-items:center;gap:6px;padding:0 12px 10px;font-size:11.5px;display:flex}.files-demo__suggestion[data-v-91b8ed90]{border:1px solid var(--border-color);color:var(--content-dim-color);background:0 0;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.files-demo__suggestion--active[data-v-91b8ed90]{border-color:var(--primary-color);background:var(--primary-soft-color);color:var(--primary-color)}.files-demo__list[data-v-91b8ed90]{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding:0 6px;display:flex;position:relative;overflow-y:auto}.files-demo__file[data-v-91b8ed90]{border-bottom:1px solid var(--border-color);align-items:flex-start;gap:12px;padding:10px 8px;display:flex}.files-demo__file--new[data-v-91b8ed90]{animation:fade-up .4s var(--ease-out)}.files-demo__file-icon[data-v-91b8ed90]{background:var(--container-low-color);border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;display:grid}.files-demo__file-body[data-v-91b8ed90]{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.files-demo__file-name[data-v-91b8ed90]{color:var(--content-bright-color);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.files-demo__file-description[data-v-91b8ed90]{color:var(--content-dim-color);align-items:baseline;gap:6px;font-size:12px;display:flex}.files-demo__file-description[data-v-91b8ed90] .icon{color:var(--primary-color);flex-shrink:0;font-size:10px}.files-demo__file-description--reading[data-v-91b8ed90] .icon{animation:.9s ease-in-out infinite pulse}.files-demo__snippet[data-v-91b8ed90]{background:var(--container-low-color);color:var(--content-normal-color);animation:fade-in .25s var(--ease-out);border-radius:8px;margin-top:3px;padding:6px 9px;font-size:12px;line-height:1.5}.files-demo__snippet mark[data-v-91b8ed90]{background:color-mix(in oklab, var(--BT_yellow-color) 45%, transparent);color:var(--content-bright-color);border-radius:3px;padding:0 2px}.files-demo__progress[data-v-91b8ed90]{background:var(--container-color);border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.files-demo__progress span[data-v-91b8ed90]{background:var(--primary-color);transform-origin:0;height:100%;animation:files-read-91b8ed90 1.7s var(--ease-in-out) forwards;display:block}@keyframes files-read-91b8ed90{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}.files-demo__file-size[data-v-91b8ed90]{color:var(--content-dark-color);flex-shrink:0;padding-top:2px;font-size:11.5px}.files-demo__empty[data-v-91b8ed90]{text-align:center;color:var(--content-dark-color);padding:30px 12px;font-size:13px}.files-demo__privacy[data-v-91b8ed90]{border-top:1px solid var(--border-color);color:var(--content-dark-color);align-items:center;gap:7px;padding:9px 14px;font-size:11px;display:flex}.files-demo__drop[data-v-91b8ed90]{z-index:5;border:2px dashed var(--primary-color);background:color-mix(in oklab, var(--mock-main-color) 88%, var(--primary-color));color:var(--content-dim-color);pointer-events:none;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12.5px;display:flex;position:absolute;inset:8px}.files-demo__drop[data-v-91b8ed90] .icon{color:var(--primary-color);font-size:30px;animation:1.6s ease-in-out infinite float-y}.files-demo__drop strong[data-v-91b8ed90]{color:var(--content-bright-color);font-size:16px}.files-row-enter-active[data-v-91b8ed90],.files-row-leave-active[data-v-91b8ed90]{transition:opacity .25s var(--ease-out), transform .25s var(--ease-out)}.files-row-enter-from[data-v-91b8ed90],.files-row-leave-to[data-v-91b8ed90]{opacity:0;transform:translateY(6px)}.files-row-leave-active[data-v-91b8ed90]{width:calc(100% - 12px);position:absolute}.files-row-move[data-v-91b8ed90]{transition:transform .3s var(--ease-out)}.files-drop-enter-active[data-v-91b8ed90],.files-drop-leave-active[data-v-91b8ed90]{transition:opacity .2s var(--ease-out)}.files-drop-enter-from[data-v-91b8ed90],.files-drop-leave-to[data-v-91b8ed90]{opacity:0}