*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f0f2f5;--card-bg:#ffffffbf;--card-border:#ffffff4d;--card-shadow:0 4px 20px #0000000d;--text:#18181b;--text-secondary:#71717a;--text-muted:#a1a1aa;--accent:#6366f1;--accent-light:#6366f11a;--radius:12px;--radius-lg:16px;--font:"Inter", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.app-container{max-width:1100px;margin:0 auto;padding:0 24px}.app-header{justify-content:space-between;align-items:center;padding:32px 0 20px;display:flex}.logo-area{align-items:center;gap:14px;display:flex}.logo-icon{color:var(--accent);font-size:1.6rem}.logo-text h1{color:var(--text);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.logo-text .subtitle{color:var(--text-secondary);font-size:.78rem;font-weight:400}.header-desc{color:var(--text-secondary);font-size:.82rem}.app-main{flex-direction:column;gap:28px;padding-bottom:40px;display:flex}.app-footer{text-align:center;color:var(--text-secondary);border-top:1px solid #0000000f;padding:20px 0;font-size:.78rem}.quick-access{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:16px 20px}.quick-access-header{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:14px;font-size:.82rem;font-weight:500;display:flex}.quick-items{flex-wrap:wrap;gap:10px;display:flex}.quick-item{background:var(--accent-light);cursor:pointer;color:var(--accent);border:1px solid #6366f126;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.quick-item:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #6366f133}.quick-item .icon{font-size:1.1rem}.directory-browser{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:20px 24px}.browser-header{margin-bottom:16px}.browser-header h2{align-items:center;gap:6px;font-size:1rem;font-weight:600;display:flex}.breadcrumb{background:#00000005;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;padding:10px 14px;font-size:.85rem;display:flex}.browser-toolbar{align-items:center;gap:8px;display:flex}.browser-toolbar .breadcrumb{flex:1;margin-bottom:0}.btn-up{color:var(--accent);cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;flex:none;align-items:center;gap:4px;padding:6px 12px;font-size:.78rem;transition:background .15s;display:inline-flex}.btn-up:hover{background:#6366f133}.crumb{color:var(--text-secondary);border-radius:4px;padding:4px 6px}.crumb.active{color:var(--text);font-weight:500}.crumb.link{cursor:pointer;color:var(--accent)}.crumb.link:hover{text-decoration:underline}.separator{color:var(--text-muted);margin-left:4px}.list-header{color:var(--text-muted);border-bottom:1px solid #0000000f;grid-template-columns:32px 1fr 120px 170px;gap:12px;margin-bottom:4px;padding:8px 16px;font-size:.75rem;font-weight:600;display:grid}.col-name{justify-self:start}.col-size,.col-date{justify-self:end}.entries-container{flex-direction:column;gap:2px;display:flex;position:relative}.entries-transition{flex-direction:column;gap:2px;display:flex}.list-enter-active{transition:opacity .26s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}.list-leave-active{transition:opacity .18s,transform .18s;position:absolute;left:0;right:0}.list-move{transition:transform .32s cubic-bezier(.22,1,.36,1)}.list-enter-from{opacity:0;transform:translateY(10px)}.list-leave-to{opacity:0;transform:translateY(6px)}.file-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;grid-template-columns:32px 1fr 120px 170px;align-items:center;gap:12px;padding:10px 16px;transition:all .15s;display:grid}.file-item:hover{background:#fffc;box-shadow:0 1px 6px #0000000a}.file-icon{text-align:center;width:100%;font-size:1.2rem;display:block}.file-name{white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.85rem;font-weight:500;display:block;overflow:hidden}.file-size,.file-date{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-self:end;font-size:.8rem}.context-menu{z-index:9999;background:#fff;border:1px solid #00000014;border-radius:10px;min-width:180px;padding:6px;position:fixed;box-shadow:0 8px 32px #0000001f}.menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;transition:background .1s;display:flex}.menu-item:hover{background:var(--accent-light);color:var(--accent)}.menu-icon{text-align:center;width:20px;font-size:1rem}.loading-pulse{flex-direction:column;gap:6px;display:flex}.pulse-card{background:linear-gradient(90deg,#e8e8ec 25%,#f0f0f4 50%,#e8e8ec 75%) 0 0/200% 100%;border-radius:8px;height:44px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:var(--text-secondary);padding:48px 24px}@media (width<=768px){.app-container{padding:0 16px}.app-header{flex-direction:column;align-items:flex-start;gap:8px}.quick-items{gap:8px}.quick-item{padding:6px 12px;font-size:.78rem}.list-header,.file-item{grid-template-columns:28px 1fr 90px}.col-date,.file-date{display:none}}.sdk-cats{flex-direction:column;gap:8px;display:flex}.sdk-cat{background:#ffffff80;border:1px solid #0000000f;border-radius:12px;transition:border-color .2s;overflow:hidden}.sdk-cat.open{border-color:#6366f14d}.sdk-cat-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:12px 16px;font-weight:600;display:flex}.sdk-cat-head:hover{background:#6366f10a}.sdk-cat-icon{font-size:1.25rem}.sdk-cat-name{font-size:.92rem}.sdk-cat-desc{color:var(--text-secondary);font-size:.75rem;font-weight:400}.sdk-cat-caret{color:var(--text-muted);margin-left:auto;font-size:.9rem}.sdk-cat-body{grid-template-rows:1fr;min-height:0;display:grid;overflow:hidden}.sdk-cat-body-inner{border-top:1px solid #0000000d;flex-direction:column;gap:10px;padding:4px 16px 16px;display:flex;overflow:hidden}.sdk-cat-body-wrap,.sdk-ver-body-wrap{grid-template-rows:1fr;min-height:0;display:grid;overflow:hidden}.expand-enter-active,.expand-leave-active{transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .26s cubic-bezier(.22,1,.36,1)}.expand-enter-from,.expand-leave-to{opacity:0;grid-template-rows:0fr}.sdk-ver{background:#fff;border:1px solid #0000000d;border-radius:10px;overflow:hidden}.sdk-ver-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 14px;font-weight:500;display:flex}.sdk-ver-head:hover{background:#6366f10a}.sdk-ver-name{font-size:.88rem}.sdk-ver-count{color:var(--text-muted);margin-left:auto;font-size:.72rem}.sdk-ver-type{color:#818cf8;background:#6366f11f;border:1px solid #6366f14d;border-radius:99px;padding:1px 8px;font-size:.68rem}.sdk-ver-body{grid-template-rows:1fr;min-height:0;display:grid;overflow:hidden}.sdk-ver-body-inner{border-top:1px solid #0000000d;flex-direction:column;gap:10px;padding:12px 14px;display:flex;overflow:hidden}.sdk-filters{flex-direction:column;gap:6px;display:flex}.sdk-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sdk-filter-label{color:var(--text-secondary);flex-shrink:0;width:34px;font-size:.75rem}.chip{cursor:pointer;color:var(--text-secondary);border:1px solid #0000001a;border-radius:999px;padding:4px 12px;font-size:.78rem;transition:all .15s}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.sdk-downloads{flex-wrap:wrap;gap:8px;display:flex}.dl-btn{background:var(--accent-light);color:var(--accent);cursor:pointer;border:1px solid #6366f133;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.dl-btn:hover{background:var(--accent);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.dl-ext{text-transform:uppercase;font-size:.72rem;font-weight:700}.dl-size{opacity:.8;font-size:.72rem;font-weight:400}.dl-universal{color:#0ea5e9;background:#0ea5e924;border:1px solid #0ea5e959;border-radius:99px;padding:1px 7px;font-size:.68rem;font-weight:600}.dl-btn:hover .dl-universal{color:#fff;background:#ffffff1f;border-color:#ffffff80}.dl-none{color:var(--text-muted);font-size:.78rem}