:root{--bd: #e7eaf0;--ink: #0f172a;--muted: #64748b;--accent: #6366f1}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f6f8fb;-webkit-font-smoothing:antialiased}.app{max-width:1120px;margin:0 auto;padding:24px 20px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 6px 16px #6366f159}.brand h1{font-size:1.15rem;margin:0}.brand p{margin:0;color:var(--muted);font-size:.82rem}.appid{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--muted)}.appid input{font:inherit;padding:7px 11px;border:1px solid var(--bd);border-radius:9px;background:#fff;min-width:200px}.appid input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #6366f126}.tabs{display:flex;gap:6px;overflow-x:auto;padding:16px 0 6px}.tabs::-webkit-scrollbar{height:6px}.tabs::-webkit-scrollbar-thumb{background:#d7dbe6;border-radius:3px}.tab{flex:none;font:inherit;font-size:.8rem;padding:6px 13px;border-radius:999px;border:1px solid var(--bd);background:#fff;color:#475569;cursor:pointer;white-space:nowrap}.tab:hover{border-color:#c7d2fe;color:var(--accent)}.tab.on{background:var(--accent);border-color:var(--accent);color:#fff}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:22px 0 14px;padding-bottom:14px;border-bottom:1px solid var(--bd)}.crumbs{display:flex;align-items:center;flex-wrap:wrap;gap:2px}.crumb{background:none;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:2px 4px;border-radius:6px}.crumb:hover{background:#eef2ff}.sep{color:#cbd5e1;padding:0 2px}.actions{display:flex;gap:8px}.btn{font:inherit;font-weight:600;padding:8px 14px;border-radius:9px;border:1px solid var(--bd);background:#fff;color:var(--ink);cursor:pointer}.btn:hover:not(:disabled){border-color:#cbd5e1}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:#5457e6}.btn:disabled{opacity:.5;cursor:not-allowed}.banner{padding:10px 14px;border-radius:10px;background:#eef2ff;color:#3730a3;margin-bottom:14px;font-size:.9rem}.banner.error{background:#fef2f2;color:#b91c1c}.empty{grid-column:1 / -1;color:var(--muted);padding:40px 8px;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.tile{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;text-align:left;transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.tile:hover{box-shadow:0 8px 22px #10182814;border-color:#d7dbe6}button.tile{cursor:pointer;font:inherit;color:inherit}button.tile.folder:hover{transform:translateY(-2px)}.thumb{display:grid;place-items:center;height:116px;border-radius:10px;overflow:hidden;background:#f1f5f9;text-decoration:none}.thumb img{width:100%;height:100%;object-fit:cover}.file-ico,.folder-ico{font-size:2.4rem}.folder-ico{background:#fff7ed}.meta .name{font-weight:600;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta .sub{color:var(--muted);font-size:.75rem}.row{display:flex;gap:6px;margin-top:auto}.mini{font:inherit;font-size:.76rem;font-weight:600;padding:5px 8px;border-radius:8px;border:1px solid var(--bd);background:#fbfcfe;color:#334155;cursor:pointer;text-decoration:none;text-align:center}.mini:hover{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}.mini.danger{flex:none;color:#b91c1c}.mini.danger:hover{background:#fef2f2;border-color:#fecaca}.row .mini:first-child{flex:1}