.dpane{--dpane-thumb:150px;display:block}.dpane-scroll{padding:.25rem .25rem 1rem}.dpane-folder-body{padding-left:1.15rem;border-left:1px dashed var(--bs-border-color);margin-left:.55rem}.dpane-folder-head{display:flex;align-items:center;gap:.5rem;padding:.3rem .4rem;border-radius:.375rem;cursor:pointer;user-select:none;transition:background-color .1s ease-in-out}.dpane-folder-head:hover{background:var(--bs-tertiary-bg)}.dpane-chevron{width:.85rem;text-align:center;font-size:.7rem;color:var(--bs-secondary-color);flex:0 0 auto}.dpane-chevron-empty{visibility:hidden}.dpane-folder-icon{color:var(--bs-primary);flex:0 0 auto}.dpane-folder-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpane-inactive .dpane-folder-name{opacity:.55}.dpane-count{font-size:.7rem;background:var(--bs-secondary-bg);color:var(--bs-secondary-color);border-radius:999px;padding:0 .45rem;line-height:1.3rem;flex:0 0 auto}.dpane-required{color:var(--bs-warning);flex:0 0 auto}.dpane-head-spacer{flex:1 1 auto}.dpane-add{flex:0 0 auto;border:0;background:0 0;color:var(--bs-secondary-color);padding:.1rem .45rem;border-radius:.375rem;opacity:.55;cursor:pointer;line-height:1}.dpane-folder-head:hover .dpane-add{opacity:1;color:var(--bs-primary)}.dpane-add:hover{background:var(--bs-primary-bg-subtle);color:var(--bs-primary)}.dpane-droptarget.dpane-dropover{background:var(--bs-primary-bg-subtle);outline:2px dashed var(--bs-primary);outline-offset:-2px}.dpane-doc{display:flex;align-items:center;gap:.5rem;padding:.28rem .5rem;border-radius:.375rem;cursor:pointer}.dpane-doc:hover{background:var(--bs-tertiary-bg)}.dpane-doc.dpane-dragging{opacity:.4}.dpane-doc-icon{color:var(--bs-secondary-color);flex:0 0 auto}.dpane-doc-name{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpane-doc-size{flex:0 0 auto;font-size:.75rem;color:var(--bs-secondary-color)}.dpane-doc-actions{flex:0 0 auto;display:flex;gap:.1rem;opacity:0;transition:opacity .1s ease-in-out}.dpane-doc:hover .dpane-doc-actions{opacity:1}.dpane-act{border:0;background:0 0;color:var(--bs-secondary-color);padding:.1rem .35rem;border-radius:.3rem;cursor:pointer;line-height:1}.dpane-act:hover{background:var(--bs-secondary-bg);color:var(--bs-body-color)}.dpane-act-del:hover{color:var(--bs-danger)}.dpane-month{font-size:.8125rem;font-weight:600;color:var(--bs-secondary-color);margin:0 -.25rem;padding:.5rem .75rem .35rem;position:sticky;top:-.5rem;background:var(--bs-body-bg);z-index:20}.dpane-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--dpane-thumb),1fr));gap:.5rem;padding:.25rem .5rem .5rem}.dpane-tile{position:relative;aspect-ratio:1/1;border-radius:.5rem;overflow:hidden;background:var(--bs-tertiary-bg);cursor:pointer;border:1px solid var(--bs-border-color)}.dpane-tile.dpane-dragging{opacity:.4}.dpane-thumb{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .15s ease-in-out}.dpane-thumb.loaded{opacity:1}.dpane-tile-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--bs-secondary-color)}.dpane-tile .dpane-thumb.loaded+.dpane-tile-fallback{display:none}.dpane-tile-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.25rem;padding:.3rem .4rem;background:linear-gradient(to top,rgba(0,0,0,.72),rgba(0,0,0,0));opacity:0;transition:opacity .12s ease-in-out}.dpane-tile:hover .dpane-tile-bar{opacity:1}.dpane-tile-name{flex:1 1 auto;color:#fff;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dpane-tile-actions{flex:0 0 auto;display:flex;gap:.1rem}.dpane-tile-actions .dpane-act{color:#fff}.dpane-tile-actions .dpane-act:hover{background:rgba(255,255,255,.2)}.dpane-footer{position:sticky;bottom:-.5rem;z-index:21;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:.35rem .6rem;border-top:1px solid var(--bs-border-color);background:var(--bs-body-bg)}.dpane-footer .dpane-size{width:140px;flex:0 0 auto}.dpane-msg-body{max-height:65vh;overflow:auto}.dpane-msg-body img{max-width:100%;height:auto}