.fil-drop-zone{flex-direction:column;gap:24px;min-width:0;display:flex;position:relative}.fil-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.fil-tabs{flex:auto;min-width:0}.fil-toolbar__right{flex:none;align-items:center;gap:8px;display:flex}.fil-search{width:240px;height:36px}.fil-search .input__el::-webkit-search-cancel-button{filter:grayscale();opacity:.6}.fil-icon{background:var(--field);width:32px;height:32px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;display:grid}.fil-icon.has-img{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.fil-icon img{object-fit:cover;width:100%;height:100%}.fil-rows{flex-direction:column;margin:0;padding:6px;list-style:none;display:flex}.fil-rows>li+li{border-top:1px solid var(--line)}.fil-row{border-radius:var(--r-md);min-height:60px;transition:background var(--d-hover) var(--ease);grid-template-columns:32px minmax(0,1fr) 150px 80px 72px;align-items:center;gap:14px;padding:10px 12px;display:grid}.fil-rows>li.fil-row:hover{background:var(--surface-2)}.fil-rows>li:hover+li{border-top-color:#0000}.fil-row__main{flex-direction:column;gap:3px;min-width:0;display:flex}.fil-row__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text);text-align:left;border-radius:4px;align-self:flex-start;font-size:15px;font-weight:500;overflow:hidden}.fil-row__name:hover{color:var(--accent-ink)}.fil-row__sub{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.fil-row__mob{display:none}.fil-row__who{min-width:0;color:var(--text-2);align-items:center;gap:8px;font-size:13px;display:flex}.fil-row__date{color:var(--text-2);text-align:right;font-size:13px}.fil-row__actions{justify-content:flex-end;align-items:center;gap:2px;display:flex}.fil-row__spacer{width:28px}.fil-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:16px;display:grid}.fil-card{border-radius:var(--r-lg);background:var(--surface);min-width:0;box-shadow:inset 0 0 0 1px var(--line), var(--shadow-card);transition:box-shadow var(--d-hover) var(--ease), transform var(--d-hover) var(--ease);flex-direction:column;gap:10px;padding:10px;display:flex;position:relative}.fil-card:hover{box-shadow:inset 0 0 0 1px var(--line-strong), var(--shadow-card)}.fil-card__open{text-align:left;border-radius:var(--r-md);flex-direction:column;gap:6px;min-width:0;display:flex}.fil-card__thumb{aspect-ratio:4/3;border-radius:var(--r-md);background:var(--surface-2);color:var(--accent-ink);place-items:center;margin-bottom:4px;display:grid;position:relative;overflow:hidden}.fil-card__thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--d-swap) var(--ease)}.fil-card:hover .fil-card__thumb img{transform:scale(1.03)}.fil-thumb--image,.fil-thumb--video{color:var(--pink-ink);background:var(--pink-wash)}.fil-thumb--pdf,.fil-thumb--doc,.fil-thumb--sheet,.fil-thumb--slides{background:var(--accent-wash)}.fil-thumb--archive,.fil-thumb--other,.fil-thumb--code,.fil-thumb--audio{color:var(--text-2)}.fil-card__glyph{flex-direction:column;align-items:center;gap:8px;display:flex}.fil-card__glyph .mono{letter-spacing:.08em;color:var(--text-2);font-size:12px;font-weight:600}.fil-card__folder{background:color-mix(in srgb, var(--overlay) 88%, transparent);backdrop-filter:blur(8px);position:absolute;top:8px;left:8px}.fil-card__name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:14px;font-weight:500;overflow:hidden}.fil-card__meta{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;padding:0 2px;font-size:12px;overflow:hidden}.fil-card__del{opacity:0;transition:opacity var(--d-hover) var(--ease);position:absolute;top:16px;right:16px}.fil-card:hover .fil-card__del,.fil-card:focus-within .fil-card__del{opacity:1}@media (hover:none){.fil-card__del{opacity:1}}.fil-dropover{z-index:40;border-radius:var(--r-xl);background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:inset 0 0 0 2px var(--accent);backdrop-filter:blur(4px);pointer-events:none;animation:fil-in var(--d-ctrl) var(--ease);place-items:center;display:grid;position:fixed;inset:12px}.fil-dropover__card{border-radius:var(--r-lg);background:var(--overlay);box-shadow:var(--shadow-overlay);color:var(--accent-ink);flex-direction:column;align-items:center;gap:8px;padding:28px 40px;display:flex}.fil-dropover__card .meta strong{color:var(--text)}@keyframes fil-in{0%{opacity:0}to{opacity:1}}.fil-done{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.fil-done li{border-radius:var(--r-md);background:var(--field);align-items:center;gap:8px;height:40px;padding:0 8px 0 12px;font-size:13px;display:flex}.fil-done li svg{color:var(--accent-ink);flex:none}.fil-done li .truncate{flex:1}@media (width<=1023px){.fil-row{grid-template-columns:32px minmax(0,1fr) 80px 72px}.fil-row__who{display:none}}@media (width<=767px){.fil-toolbar__right{width:100%}.fil-toolbar__right .input{flex:1}.fil-search{width:auto}.fil-rows{padding:4px}.fil-row{grid-template-columns:32px minmax(0,1fr) auto;gap:12px;padding:10px 8px}.fil-row__date{display:none}.fil-row__mob{display:inline}.fil-row__actions .icon-btn:first-child{display:none}.fil-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}