.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.tile-card-wrap{position:relative;min-width:0}.tile-card{display:flex;flex-direction:column;width:100%;background:var(--bg-canvas);border:1px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;text-decoration:none;text-align:left;color:var(--text-primary);font:inherit;transition:box-shadow var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}button.tile-card{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tile-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.tile-card:focus-visible{outline:2px solid transparent;outline-offset:2px}.tile-card-wrap--selected>.tile-card,.tile-card-wrap:focus-within>.tile-card,.tile-card-wrap:has(.kebab-trigger[aria-expanded=true])>.tile-card{box-shadow:0 0 0 2px var(--focus-ring,var(--accent))}.tile-card-head{display:flex;align-items:center;gap:8px;padding:11px 48px 8px 13px}.tile-ico{flex-shrink:0;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;color:var(--text-muted,var(--text-secondary))}.tile-card--doc .tile-ico{color:var(--type-doc)}.tile-card--slides .tile-ico{color:var(--type-slides)}.tile-card--sheet .tile-ico{color:var(--type-sheet)}.tile-card--art .tile-ico{color:var(--type-art)}.tile-card--folder .tile-ico{color:var(--accent)}.tile-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}.tile-name{flex:1;min-width:0;font-size:13.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.tile-kebab{position:absolute;top:9px;right:8px;z-index:1}.tile-kebab .fb-folder-kebab{opacity:1}.tile-kebab .kebab-trigger{opacity:1;display:inline-flex}.tile-kebab{top:6px;right:6px}.tile-kebab .kebab-trigger{width:32px;height:32px;min-width:0;min-height:0;position:relative;border-radius:8px;background:transparent;color:var(--text-muted)}.tile-kebab .kebab-trigger:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;transform:translate(-50%,-50%)}.tile-kebab .kebab-trigger:hover,.tile-kebab .kebab-trigger[aria-expanded=true]{background:var(--bg-raised);color:var(--text-primary)}.tile-star{position:absolute;right:13px;bottom:12px;z-index:1}.tile-star .fav-star{width:20px;height:20px;flex:none;opacity:1}.tile-star .fav-star svg{width:14px;height:14px}.tile-star .fav-star:after{width:32px;height:32px}.tile-select{position:absolute;top:9px;left:8px;z-index:1;opacity:0;transition:opacity var(--motion-fast) ease}.tile-card-wrap--selected .tile-select,.tile-card-wrap:focus-within .tile-select,.tile-card-wrap:hover .tile-select{opacity:1}.tile-card-wrap--selected .tile-card{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}@media (forced-colors:active){.tile-card-wrap--selected>.tile-card,.tile-card-wrap:focus-within>.tile-card,.tile-card-wrap:has(.kebab-trigger[aria-expanded=true])>.tile-card{outline-color:Highlight}}@media (prefers-reduced-motion:reduce){.tile-select{transition:none}}.tile-loc{padding:0 13px;font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-badge{flex-shrink:0;padding:1px 7px;border:1px solid var(--border);border-radius:var(--radius-full);background:var(--bg-sunken);color:var(--text-secondary);font-size:var(--text-2xs);font-weight:700;line-height:1.5;letter-spacing:.01em;text-transform:none}.tile-foot{margin-top:auto;padding:9px 39px 12px 13px;min-height:41px;display:flex;align-items:center;gap:6px;overflow:hidden;font-size:11px;color:var(--text-muted,var(--text-secondary))}.tile-foot-meta{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-footer-badges{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;white-space:nowrap}.tile-footer-badges>*{width:16px;height:16px;min-height:0;flex:0 0 auto;gap:0;margin:0;padding:0;border:0;background:none;overflow:hidden}.tile-drop-target{outline:2px solid var(--accent);outline-offset:2px;border-radius:14px}.tile-card--renaming{cursor:default;padding:12px 13px;gap:8px}@media (pointer:coarse){.tile-foot{padding-top:17px;min-height:49px}.tile-kebab .kebab-trigger:after,.tile-star .fav-star:after{width:44px;height:44px}}