:root{--modal-overlay-bg: rgba(0, 0, 0, .5)}[data-theme=dark]{--modal-overlay-bg: rgba(0, 0, 0, .6)}@media(prefers-color-scheme:dark){[data-theme=auto]{--modal-overlay-bg: rgba(0, 0, 0, .6)}}.promo-banner-content{background:linear-gradient(135deg,#6366f11a,#a855f71a);border-color:#6366f133}.promo-banner:hover .promo-banner-content{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#6366f14d;transform:translateY(-1px)}.promo-badge{background:linear-gradient(135deg,#6366f1,#a855f7)}.promo-url,.promo-arrow{color:#6366f1}.promo-banner:hover .promo-arrow{transform:translate(3px)}[data-theme=dark] .promo-banner-content{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#6366f140}[data-theme=dark] .promo-banner:hover .promo-banner-content{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f159}[data-theme=dark] .promo-url,[data-theme=dark] .promo-arrow{color:#818cf8}@media(prefers-color-scheme:dark){[data-theme=auto] .promo-banner-content{background:linear-gradient(135deg,#6366f126,#a855f726);border-color:#6366f140}[data-theme=auto] .promo-banner:hover .promo-banner-content{background:linear-gradient(135deg,#6366f133,#a855f733);border-color:#6366f159}[data-theme=auto] .promo-url,[data-theme=auto] .promo-arrow{color:#818cf8}}.loading-spinner,.loading-modal-spinner{border-style:solid;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-modal-backdrop{animation:fadeIn .15s ease}.loading-modal-content{animation:scaleIn .2s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-modal-backdrop{animation:fadeIn .2s ease}.login-modal-content{animation:slideUp .25s ease}.breadcrumb-item{color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .15s ease}.breadcrumb-item:hover{color:var(--text-primary);background:var(--border-light)}.breadcrumb-item.active{color:var(--text-primary);font-weight:500;cursor:default}.breadcrumb-item.active:hover{background:transparent}.breadcrumb-separator{color:var(--text-muted);font-size:.75rem}.file-item{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .15s ease}.file-item:last-child{border-bottom:none}.file-item:hover{background:var(--bg-secondary)}.file-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.file-icon img{width:32px;height:32px;object-fit:contain}.file-info{flex:1;min-width:0}.file-name{font-size:.875rem;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px}.file-meta{font-size:.75rem;color:var(--text-tertiary);display:flex;align-items:center;gap:8px}.platform-tag{display:inline-block;padding:1px 6px;font-size:.625rem;font-weight:500;border-radius:4px;line-height:1.4}.platform-tag--android{color:#22c55e;background:#22c55e1a}.platform-tag--windows{color:#3b82f6;background:#3b82f61a}[data-theme=dark] .platform-tag--android{color:#4ade80;background:#22c55e26}[data-theme=dark] .platform-tag--windows{color:#60a5fa;background:#3b82f626}@media(prefers-color-scheme:dark){[data-theme=auto] .platform-tag--android{color:#4ade80;background:#22c55e26}[data-theme=auto] .platform-tag--windows{color:#60a5fa;background:#3b82f626}}.file-arrow{color:var(--text-muted);flex-shrink:0}.file-arrow svg{width:18px;height:18px}.empty-folder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px;color:var(--text-tertiary)}.empty-folder svg{width:48px;height:48px;margin-bottom:16px;opacity:.4}.modal-overlay{background:var(--modal-overlay-bg);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .25s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.file-item{padding:8px 16px}.file-icon{width:36px;height:36px}.file-icon img{width:28px;height:28px}}