:root{--surface:#f8f9ff;--surface-dim:#d8dae0;--surface-bright:#f8f9ff;--surface-container-lowest:#fff;--surface-container-low:#f2f3f9;--surface-container:#eceef3;--surface-container-high:#e7e8ee;--surface-container-highest:#e1e2e8;--on-surface:#191c20;--on-surface-variant:#43474f;--inverse-surface:#2e3135;--inverse-on-surface:#eff0f6;--outline:#737780;--outline-variant:#c3c6d0;--surface-tint:#3b608f;--primary:#3b608f;--on-primary:#fff;--primary-container:#a5c9ff;--on-primary-container:#2e5483;--inverse-primary:#a5c9fe;--primary-fixed:#d4e3ff;--primary-fixed-dim:#a5c9fe;--on-primary-fixed:#001c39;--on-primary-fixed-variant:#204876;--secondary:#535f70;--on-secondary:#fff;--secondary-container:#d7e3f8;--on-secondary-container:#596576;--secondary-fixed:#d7e3f8;--secondary-fixed-dim:#bbc7db;--on-secondary-fixed:#101c2b;--on-secondary-fixed-variant:#3c4858;--tertiary:#6b5778;--on-tertiary:#fff;--tertiary-container:#d7bee4;--on-tertiary-container:#5f4b6c;--tertiary-fixed:#f3daff;--tertiary-fixed-dim:#d6bee4;--on-tertiary-fixed:#251431;--on-tertiary-fixed-variant:#523f5f;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#f8f9ff;--on-background:#191c20;--surface-variant:#e1e2e8;--space-base:8px;--space-stack-sm:4px;--space-stack-md:12px;--space-stack-lg:24px;--space-gutter:16px;--space-margin-mobile:16px;--space-margin-tablet:24px;--space-margin-desktop:32px;--radius-sm:.25rem;--radius-default:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:1.75rem;--radius-full:9999px;--sidebar-width:288px;--transition-fast:.15s cubic-bezier(.2, 0, 0, 1);--transition-normal:.25s cubic-bezier(.2, 0, 0, 1);--transition-slow:.4s cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{letter-spacing:.25px;color:var(--on-background);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;font-weight:400;line-height:20px}body{min-height:100vh}#root{min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:inherit;background:0 0;border:none;outline:none}img{max-width:100%;display:block}ul,ol{list-style:none}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.text-display-lg{letter-spacing:-.25px;font-family:Inter,sans-serif;font-size:57px;font-weight:400;line-height:64px}.text-headline-lg{font-family:Inter,sans-serif;font-size:32px;font-weight:400;line-height:40px}.text-headline-lg-mobile{font-family:Inter,sans-serif;font-size:28px;font-weight:400;line-height:36px}.text-title-lg{font-family:Inter,sans-serif;font-size:22px;font-weight:500;line-height:28px}.text-title-md{letter-spacing:.15px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;line-height:24px}.text-body-lg{letter-spacing:.5px;font-family:Inter,sans-serif;font-size:16px;font-weight:400;line-height:24px}.text-body-md{letter-spacing:.25px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px}.text-label-lg{letter-spacing:.1px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px}.text-label-sm{letter-spacing:.5px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;line-height:16px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--outline)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-shake{animation:.5s ease-in-out shake}.skeleton{background:linear-gradient(90deg, var(--surface-container) 25%, var(--surface-container-high) 50%, var(--surface-container) 75%);border-radius:var(--radius-default);background-size:200% 100%;animation:1.5s infinite shimmer}.login-page{background:var(--background);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg-blob{filter:blur(80px);opacity:.35;pointer-events:none;border-radius:50%;position:absolute}.login-bg-blob--1{background:var(--primary-container);width:400px;height:400px;top:-100px;right:-100px}.login-bg-blob--2{background:var(--tertiary-container);width:300px;height:300px;bottom:-80px;left:-60px}.login-bg-blob--3{background:var(--secondary-container);width:200px;height:200px;top:40%;left:10%}.login-card{z-index:1;background:var(--surface-container-lowest);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);width:100%;max-width:420px;margin:var(--space-margin-mobile);flex-direction:column;align-items:center;padding:48px 40px;display:flex;position:relative;box-shadow:0 1px 3px #0000000a,0 8px 24px #0000000f}.login-logo{border-radius:var(--radius-full);background:var(--primary);width:72px;height:72px;margin-bottom:var(--space-stack-lg);box-shadow:0 4px 16px color-mix(in srgb, var(--primary) 30%, transparent);justify-content:center;align-items:center;display:flex}.login-title{color:var(--on-surface);margin-bottom:var(--space-stack-sm);font-weight:700}.login-subtitle{color:var(--on-surface-variant);margin-bottom:var(--space-stack-lg);text-align:center}.login-input-wrapper{width:100%;margin-bottom:var(--space-gutter);position:relative}.login-input-icon{color:var(--on-surface-variant);font-size:20px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-input{background:var(--surface-variant);border-radius:var(--radius-default);border-bottom:2px solid var(--outline-variant);width:100%;color:var(--on-surface);transition:border-color var(--transition-fast), background var(--transition-fast);padding:16px 16px 16px 48px}.login-input::placeholder{color:var(--on-surface-variant);opacity:.7}.login-input:focus{border-bottom-color:var(--primary);background:color-mix(in srgb, var(--surface-variant) 80%, var(--primary-container))}.login-input:disabled{opacity:.6}.login-error{color:var(--error);background:var(--error-container);border-radius:var(--radius-default);width:100%;margin-bottom:var(--space-gutter);align-items:center;gap:8px;padding:10px 16px;display:flex}.login-button{background:var(--primary);width:100%;color:var(--on-primary);border-radius:var(--radius-full);transition:background var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);box-shadow:0 1px 3px color-mix(in srgb, var(--primary) 25%, transparent);justify-content:center;align-items:center;gap:8px;min-height:52px;padding:16px;display:flex}.login-button:hover:not(:disabled){background:var(--on-primary-container);box-shadow:0 4px 12px color-mix(in srgb, var(--primary) 35%, transparent)}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-button-spinner{border:2.5px solid color-mix(in srgb, var(--on-primary) 30%, transparent);border-top-color:var(--on-primary);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.breadcrumb{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:2px;min-width:0;display:flex;overflow-x:auto}.breadcrumb::-webkit-scrollbar{display:none}.breadcrumb-segment{flex-shrink:0;align-items:center;gap:2px;display:flex}.breadcrumb-separator{color:var(--outline);font-size:18px}.breadcrumb-link{color:var(--on-surface-variant);border-radius:var(--radius-default);transition:background var(--transition-fast), color var(--transition-fast);white-space:nowrap;padding:4px 8px}.breadcrumb-link:hover{background:var(--surface-container-high);color:var(--on-surface)}.breadcrumb-current{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;overflow:hidden}.file-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-icon--md{width:40px;height:40px}.file-icon--lg{width:48px;height:48px}.file-icon--lg .material-symbols-outlined{font-size:26px}.file-icon--folder{background:var(--primary-container);color:var(--on-primary-container)}.file-icon--image{background:var(--tertiary-container);color:var(--on-tertiary-container)}.file-icon--video{background:var(--primary-fixed);color:var(--on-primary-fixed-variant)}.file-icon--audio{background:var(--secondary-container);color:var(--on-secondary-container)}.file-icon--pdf{background:var(--error-container);color:var(--on-error-container)}.file-icon--archive{background:var(--surface-container-highest);color:var(--on-surface-variant)}.file-icon--document{background:var(--primary-container);color:var(--on-primary-container)}.file-icon--spreadsheet{color:#2e7d32;background:#c8e6c9}.file-icon--presentation{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed-variant)}.file-icon--code{background:var(--surface-container-highest);color:var(--on-surface)}.file-icon--generic{background:var(--surface-container-high);color:var(--on-surface-variant)}.filelist{gap:var(--space-stack-lg);flex-direction:column;display:flex}.filelist-section-title{color:var(--on-surface);margin-bottom:var(--space-stack-md)}.filelist-grid{gap:var(--space-gutter);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.filelist-grid-card{background:var(--surface-container-low);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);cursor:pointer;text-align:left;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;min-width:0;padding:16px;display:flex;box-shadow:0 1px 2px #0000000a}.filelist-grid-card:hover{background:var(--surface-container-high);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.filelist-grid-card:active{transform:translateY(0)}.filelist-grid-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.filelist-grid-card-action,.filelist-grid-card-actions{color:var(--on-surface-variant);opacity:0;transition:opacity var(--transition-fast), transform var(--transition-fast);gap:4px;display:flex}.filelist-grid-card:hover .filelist-grid-card-action,.filelist-grid-card:hover .filelist-grid-card-actions{opacity:1}.filelist-grid-card:hover .filelist-grid-card-action{transform:translate(4px)}.filelist-grid-card-name{color:var(--on-surface);width:100%;min-width:0;margin-bottom:4px}.filelist-grid-card-meta{color:var(--on-surface-variant);width:100%;min-width:0}@media (width<=767px){.filelist-grid-card-action,.filelist-grid-card-actions{opacity:1}.filelist-grid-card-action{transform:none!important}}.filelist-table{background:var(--surface-container-lowest);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);overflow:hidden;box-shadow:0 1px 2px #0000000a}.filelist-header{gap:var(--space-gutter);background:var(--surface-container-low);border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:1fr 160px 100px 100px;padding:12px 24px;display:none}@media (width>=768px){.filelist-header{display:grid}}.filelist-row{gap:var(--space-gutter);border-bottom:1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);cursor:pointer;min-height:56px;transition:background var(--transition-fast);grid-template-columns:1fr;align-items:center;padding:12px 16px;display:grid}@media (width>=768px){.filelist-row{grid-template-columns:1fr 160px 100px 100px;padding:12px 24px}}.filelist-row:hover{background:var(--surface-container-low)}.filelist-row:last-child{border-bottom:none}.filelist-row--skeleton{cursor:default}.filelist-row--skeleton:hover{background:0 0}.filelist-cell{align-items:center;min-width:0;display:flex}.filelist-cell--name{gap:var(--space-gutter)}.filelist-cell--date,.filelist-cell--size{color:var(--on-surface-variant)}.filelist-cell--actions{opacity:0;transition:opacity var(--transition-fast);justify-content:flex-end;gap:4px;display:flex}.filelist-row:hover .filelist-cell--actions{opacity:1}@media (width<=767px){.filelist-cell--actions{opacity:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filelist-row{padding-right:80px;position:relative}}.filelist-desktop-only{display:none}@media (width>=768px){.filelist-desktop-only{display:flex}}.filelist-name-text{flex:1;min-width:0}.filelist-name-text .text-body-md{color:var(--on-surface)}.filelist-mobile-meta{color:var(--on-surface-variant);margin-top:2px}@media (width>=768px){.filelist-mobile-meta{display:none}}.filelist-mobile-meta-skeleton{display:block}@media (width>=768px){.filelist-mobile-meta-skeleton{display:none}}.filelist-action-button{border-radius:var(--radius-full);width:36px;height:36px;color:var(--on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.filelist-action-button:hover{background:var(--surface-container-highest);color:var(--on-surface)}.filelist-action-button--success{color:#2e7d32;animation:.3s ease-out copyPulse}.filelist-copied-badge{background:var(--inverse-surface);color:var(--inverse-on-surface);border-radius:var(--radius-default);white-space:nowrap;pointer-events:none;padding:4px 10px;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000026}.filelist-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 24px;display:flex}.viewer-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.viewer-container{flex-direction:column;width:100%;max-width:100vw;height:100%;max-height:100vh;display:flex}@media (width>=768px){.viewer-container{border-radius:var(--radius-2xl);background:var(--inverse-surface);width:90vw;max-width:1200px;height:90vh;overflow:hidden}}.viewer-header{background:#00000080;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:12px 16px;display:flex}@media (width>=768px){.viewer-header{background:var(--inverse-surface);padding:12px 24px}}.viewer-header-info{flex:1;min-width:0}.viewer-filename{color:var(--inverse-on-surface)}.viewer-header-actions{align-items:center;gap:4px;display:flex}.viewer-icon-button{border-radius:var(--radius-full);width:44px;height:44px;color:var(--inverse-on-surface);transition:background var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.viewer-icon-button:hover{background:#ffffff1a}.viewer-body{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.viewer-unsupported{flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px;display:flex}.viewer-download-button{background:var(--primary);color:var(--on-primary);border-radius:var(--radius-full);transition:background var(--transition-fast);align-items:center;gap:8px;margin-top:16px;padding:12px 24px;text-decoration:none;display:flex}.viewer-download-button:hover{background:var(--on-primary-container)}.viewer-loading{flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.viewer-loading-spinner{border:3px solid #ffffff26;border-top-color:var(--inverse-on-surface);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin}.browser-layout{background:var(--background);width:100%;min-height:100vh;display:flex}.browser-main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.browser-topbar{padding:var(--space-base) var(--space-margin-mobile);background:var(--background);z-index:5;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0}@media (width>=768px){.browser-topbar{padding:var(--space-base) var(--space-margin-desktop)}}.browser-topbar-brand{align-items:center;gap:var(--space-stack-sm);color:var(--primary);display:flex}.browser-mobile-title{color:var(--primary);font-weight:700}.browser-topbar-desktop{flex:1;min-width:0;display:none}@media (width>=768px){.browser-topbar-desktop{display:flex}}.browser-topbar-actions{align-items:center;gap:var(--space-stack-sm);display:flex}.browser-icon-button{border-radius:var(--radius-full);width:44px;height:44px;color:var(--on-surface-variant);transition:background var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.browser-icon-button:hover{background:var(--surface-container-high);color:var(--on-surface)}.browser-mobile-breadcrumb{padding:0 var(--space-margin-mobile);margin-bottom:var(--space-stack-sm);scrollbar-width:none;align-items:center;display:flex;overflow-x:auto}.browser-mobile-breadcrumb::-webkit-scrollbar{display:none}@media (width>=768px){.browser-mobile-breadcrumb{display:none}}.browser-content{padding:24px var(--space-margin-mobile) var(--space-stack-lg);flex:1;width:100%;max-width:1440px;margin:0 auto}@media (width>=768px){.browser-content{padding:40px var(--space-margin-desktop) var(--space-stack-lg)}}.browser-page-title-row{align-items:center;gap:var(--space-base);margin-bottom:var(--space-stack-lg);min-width:0;display:flex}.browser-page-title{color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.browser-up-button{background:var(--surface-container);border-radius:var(--radius-full);flex-shrink:0;width:40px;height:40px}.browser-up-button:hover{background:var(--surface-container-highest)}@media (width<=767px){.browser-page-title{font-size:28px;line-height:36px}.browser-up-button{width:36px;height:36px}}.browser-error{align-items:center;gap:var(--space-stack-md);padding:var(--space-gutter);background:var(--error-container);color:var(--on-error-container);border-radius:var(--radius-lg);margin-bottom:var(--space-stack-lg);display:flex}.browser-error-retry{background:var(--error);color:var(--on-error);border-radius:var(--radius-full);white-space:nowrap;transition:background var(--transition-fast);margin-left:auto;padding:8px 20px}.browser-error-retry:hover{opacity:.9}.app-loading{background:var(--background);flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.app-loading-spinner{animation:2s linear infinite spin}