.explorer-collection{padding:24px;min-height:70vh}.explorer-header,.explorer-toolbar,.explorer-breadcrumb{display:flex;align-items:center;justify-content:space-between;gap:16px}.explorer-header{padding:22px;border:1px solid #9e8358;border-radius:18px;background:rgba(248,241,224,.92)}.explorer-actions{display:flex;gap:10px}.explorer-toolbar{margin-top:16px;padding:12px;border:1px solid #b7a17d;background:#f7f0df}.explorer-toolbar input{flex:1}.explorer-toolbar input,.explorer-toolbar select{padding:10px}.explorer-breadcrumb{padding:12px 4px}.explorer-items{display:grid;gap:12px}.explorer-items[data-view="small"]{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.explorer-items[data-view="medium"],.explorer-items[data-view="thumbnail"]{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.explorer-items[data-view="large"]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.explorer-item{position:relative;border:1px solid #b7a17d;border-radius:10px;background:#fffaf0;overflow:hidden}.explorer-open{width:100%;border:0;background:transparent;text-align:left;padding:10px}.explorer-thumb{display:grid;place-items:center;aspect-ratio:4/3;overflow:hidden;font-size:42px}.explorer-thumb img{width:100%;height:100%;object-fit:cover}.explorer-name strong,.explorer-name small{display:block}.explorer-date,.explorer-size{display:none}.explorer-item-actions{display:flex;justify-content:flex-end;gap:6px;padding:0 8px 8px}.explorer-items[data-view="list"],.explorer-items[data-view="details"]{display:block}.explorer-items[data-view="list"] .explorer-item,.explorer-items[data-view="details"] .explorer-item{border-radius:0;border-width:0 0 1px}.explorer-items[data-view="list"] .explorer-open,.explorer-items[data-view="details"] .explorer-open{display:grid;grid-template-columns:44px minmax(200px,1fr) 140px 90px;align-items:center}.explorer-items[data-view="list"] .explorer-thumb,.explorer-items[data-view="details"] .explorer-thumb{aspect-ratio:1;font-size:24px}.explorer-items[data-view="details"] .explorer-date,.explorer-items[data-view="details"] .explorer-size{display:block}.explorer-details-head{display:grid;grid-template-columns:minmax(244px,1fr) 160px 140px 90px 130px;padding:9px 12px;font-weight:700;border-bottom:1px solid #9e8358}.explorer-empty{text-align:center;padding:70px}.explorer-empty>span{font-size:54px}.explorer-preview{max-width:min(900px,90vw);border:1px solid #8c744c;border-radius:14px}.explorer-preview img{max-width:100%;max-height:70vh}.explorer-preview>button{float:right;font-size:24px}.explorer-file-preview{text-align:center;padding:50px}.explorer-file-preview span{font-size:70px}