@import "https://fonts.cdnfonts.com/css/satoshi";:root{--color-bg:#f6f8fb;--color-surface:#fff;--color-surface-muted:#eef4fc;--color-toolbar:#f0f3f7;--color-border:#d9e0e8;--color-border-strong:#b8c4d2;--color-text:#425b75;--color-text-soft:#9aacbf;--color-accent:#2270c8;--color-accent-soft:#dce8f8;--color-highlight-top:#9eafbf;--shadow-card:0 .2rem .6rem #3f587314;--radius-lg:1.2rem;--radius-md:.8rem;--content-width:100%}*{box-sizing:border-box;margin:0;padding:0;font-family:Satoshi,sans-serif}html{scroll-behavior:smooth;font-size:62.5%}body{color:var(--color-text);background:#fff;font-size:1.6rem;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-frame{min-height:100vh}.app-content{padding:1.5rem 3.2rem 4rem}.content-wrap{width:100%}.browser-page{gap:1.8rem;display:grid}.browser-breadcrumbs{border:.1rem solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-toolbar);min-height:5.4rem;box-shadow:var(--shadow-card);align-items:center;gap:1rem;padding:0 1.4rem;display:flex}.browser-breadcrumb-link,.browser-breadcrumb-current{color:var(--color-text);text-transform:uppercase;align-items:center;gap:.9rem;font-size:1.45rem;font-weight:700;display:inline-flex}.browser-breadcrumb-current{color:#5e748b}.browser-breadcrumb-separator{color:var(--color-text-soft);font-size:2.2rem;line-height:1}.browser-breadcrumb-icon{width:1.8rem;height:1.8rem}.browser-breadcrumb-link:first-child,.browser-breadcrumb-current:first-child{color:var(--color-accent)}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));align-items:start;gap:1.8rem;width:100%;display:grid}.browser-card{background:var(--color-surface);min-height:31.2rem;box-shadow:var(--shadow-card);border:.1rem solid #e4e8ee;border-radius:1rem;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden}.browser-card:hover{border-color:#c7d4e2;transform:translateY(-.2rem);box-shadow:0 .8rem 2rem #3f58731f}.browser-card-preview{background:var(--color-surface-muted);justify-content:center;align-items:center;min-height:25rem;padding:1.2rem;display:flex;position:relative}.browser-card--file .browser-card-preview{background:var(--color-surface)}.browser-card.is-highlighted .browser-card-preview{background:linear-gradient(180deg, var(--color-highlight-top) 0%, #fff 42%), var(--color-surface-muted)}.browser-card--up .browser-card-preview{background:#fafcff}.browser-card-badge{background:#fff;border:.1rem solid #cad5e0e6;border-radius:.7rem;width:2rem;height:2rem;position:absolute;top:.8rem;left:.8rem}.browser-card-menu{color:#fff;display:inline-flex;position:absolute;top:.8rem;right:.8rem}.browser-card--up .browser-card-badge,.browser-card--up .browser-card-menu{display:none}.browser-card-main-icon,.browser-icon--image.browser-card-image{color:#b6c0cb;width:6rem;height:6rem}.browser-card-main-icon--folder,.browser-breadcrumb-current .browser-icon,.browser-breadcrumb-link .browser-icon{color:var(--color-accent)}.browser-card-main-icon--up{width:5.2rem;height:5.2rem;color:var(--color-text-soft)}.browser-card-image{object-fit:contain;object-position:center;border-radius:.6rem;width:100%;max-width:100%;height:100%;max-height:22.6rem;display:block}.browser-card-meta{background:var(--color-surface);gap:.7rem;padding:1rem 1.2rem .8rem;display:grid}.browser-card-title{color:var(--color-accent);letter-spacing:.05rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:1.08rem;font-weight:700;overflow:hidden}.browser-card--up .browser-card-title{color:var(--color-text-soft);text-align:center}.browser-card-footer{color:var(--color-text-soft);justify-content:space-between;align-items:center;gap:1rem;font-size:1.2rem;display:flex}.browser-card-footer span:last-child{text-align:right}.browser-empty{border:.1rem dashed var(--color-border-strong);border-radius:var(--radius-lg);text-align:center;background:#fbfcfe;place-items:center;min-height:22rem;padding:3rem;display:grid}.browser-empty h2{font-size:2rem;font-weight:700}.browser-empty p{color:var(--color-text-soft)}.route-loader{place-items:center;width:100%;min-height:42rem;display:grid}.loader{border:.5rem solid #fff;border-bottom-color:var(--color-accent);box-sizing:border-box;border-radius:50%;width:4.8rem;height:4.8rem;animation:1s linear infinite rotation;display:inline-block}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.browser-pagination{justify-content:center;align-items:center;margin-top:.8rem;padding:.4rem 0 .2rem;display:flex}.browser-pagination-controls,.browser-pagination-pages{align-items:center;gap:0;display:flex}.browser-pagination-cell{background:var(--color-surface);color:#8ea0b3;border:.1rem solid #cfd9e3;border-left-width:0;justify-content:center;align-items:center;width:4.2rem;height:4.2rem;font-size:1.5rem;font-weight:700;line-height:1;display:inline-flex}.browser-pagination-controls>:first-child{border-left-width:.1rem}.browser-pagination-cell--page{background:#eef3f8}.browser-pagination-cell--page.is-active{border-color:var(--color-accent);background:var(--color-accent);color:#fff}.browser-pagination-cell.is-disabled{pointer-events:none;color:#c6d0db;background:#fafcfe}.browser-pagination-icon{color:#4f5d6b;width:1.4rem;height:1.4rem;display:inline-flex;position:relative}.browser-pagination-icon:before,.browser-pagination-icon:after{content:"";position:absolute;top:50%;transform:translateY(-50%)}.browser-pagination-icon--previous:before,.browser-pagination-icon--next:before,.browser-pagination-icon--first:before,.browser-pagination-icon--last:before{border-top:.7rem solid #0000;border-bottom:.7rem solid #0000;width:0;height:0}.browser-pagination-icon--previous:before,.browser-pagination-icon--first:before{border-right:.8rem solid;left:.1rem}.browser-pagination-icon--next:before,.browser-pagination-icon--last:before{border-left:.8rem solid;right:.1rem}.browser-pagination-icon--first:after,.browser-pagination-icon--last:after{background:currentColor;width:.2rem;height:1.4rem}.browser-pagination-icon--first:after{left:0}.browser-pagination-icon--last:after{right:0}@media (width<=96rem){.app-content{padding:2rem}}@media (width<=56rem){.browser-grid{grid-template-columns:1fr}.browser-pagination{justify-content:flex-start;overflow-x:auto}}::-webkit-scrollbar{background-color:#0000;width:.5rem;height:.5rem;display:none}::-webkit-scrollbar-track{background-color:#0000}::-webkit-scrollbar-thumb{background-color:#d8d9da}::-webkit-scrollbar-track-piece{background-color:#0000}