.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 var(--accent);outline-offset:2px}.tile-card-head{display:flex;align-items:center;gap:8px;padding:11px 40px 8px 13px}.tile-ico{flex-shrink:0;display:inline-flex;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--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-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 (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-foot{padding:9px 13px 12px;font-size:11px;color:var(--text-muted,var(--text-secondary));text-transform:capitalize}.tile-drop-target{outline:2px solid var(--accent);outline-offset:2px;border-radius:14px}.tile-card--renaming{cursor:default;padding:12px 13px;gap:8px}