:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e5e5e5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}button:focus,button:focus-visible{outline:none}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background-image:url(/assets/macos-wallpaper-7Najm6Tu.jpg);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}#root{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.app-wrapper{display:flex;width:100%;height:100vh;overflow:hidden}.call-to-action-button{background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff;font-size:16px;font-weight:700;padding:12px 24px;border:none;border-radius:30px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 4px 10px #0003}.call-to-action-button:hover{transform:translateY(-3px);box-shadow:0 6px 15px #0000004d;background:linear-gradient(135deg,#5a7bf0,#956bd8)}.call-to-action-button:active{transform:translateY(1px);box-shadow:0 2px 5px #0003}.auth-controls{position:fixed;bottom:20px;right:20px;z-index:9999}.auth-button{background-color:#2c2c2e;color:#fff;border:1px solid #444;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all .2s ease}.auth-button:hover{background-color:#3c3c3e}.global-user-menu{position:fixed;top:24px;right:42px;z-index:9999999;display:flex;align-items:center;justify-content:flex-end}.global-user-menu .user-avatar{width:70px;height:36px;box-shadow:0 2px 8px #00000026}.sidebar{height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;position:relative;background-color:#1d1d1dcc;contain:layout style;display:flex;flex-direction:column}.window-controls{display:flex;align-items:center;padding:18px 12px 8px;margin-bottom:15px;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;position:sticky;top:0;z-index:10;flex-shrink:0}.window-control{width:12px;height:12px;border-radius:50%;margin-right:8px;-webkit-app-region:no-drag;z-index:5;position:relative}.folders-container{padding:0 12px;text-align:left;flex:1;overflow-y:auto;overflow-x:hidden}.folders-section{margin-bottom:20px}.section-title{font-size:12px;color:#999;margin:0 0 8px;font-weight:400;text-transform:none;opacity:.8;padding-left:4px;text-align:left}.folders-list{list-style:none;margin:0;padding:0}.folders-list li{display:flex;align-items:center;padding:8px 12px;margin-bottom:4px;border-radius:4px;transition:background-color .2s}.folders-list li:hover{background-color:#ffffff14}.folders-list li.active{background-color:#ffffff1f}.folders-list li img{margin-right:8px}.folders-list li span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#fff}.add-shared-folder{color:#4f96ff!important;font-weight:400;justify-content:flex-start;font-size:12px}.editing-folder{background-color:#333!important}.folder-name-input{margin-left:8px;background-color:#1e1e1e;border:1px solid #444;border-radius:3px;color:#fff;font-size:12px;padding:2px 5px;width:calc(100% - 30px);outline:none}.folder-name-input:focus{border-color:#4f96ff}.loading-indicator{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#1e1e1ef2,#2a2a2af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:14px 18px;border-radius:16px;font-size:14px;font-weight:500;z-index:10000;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff26,inset 0 -1px #0003;display:flex;align-items:center;gap:12px;min-width:140px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.01em;cursor:default;-webkit-user-select:none;user-select:none}.loading-indicator:before{content:"";width:18px;height:18px;border:2.5px solid rgba(79,150,255,.2);border-top:2.5px solid #4F96FF;border-right:2.5px solid rgba(79,150,255,.6);border-radius:50%;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(79,150,255,.3))}.add-icon{font-size:16px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:0;color:#4f96ff}.user-profile{padding:0 15px 20px;border-bottom:1px solid #333333;display:flex;align-items:center;margin-bottom:20px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:10px}.user-info{display:flex;flex-direction:column;align-items:flex-start}.user-name{font-size:12px;font-weight:500;color:#fff;margin:0 0 4px}.sign-out-btn{background:none;border:none;padding:0;color:#4f96ff;font-size:12px;text-align:left}.sign-out-btn:hover{text-decoration:underline}.new-folder-form{margin-bottom:15px}.new-folder-form input{width:100%;padding:8px 10px;border:1px solid #444444;border-radius:4px;font-size:12px;margin-bottom:8px;background-color:#2c2c2c;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:8px}.form-actions button{padding:6px 12px;border-radius:4px;font-size:12px}.form-actions button[type=submit]{background-color:#4f96ff;color:#fff;border:none}.form-actions button[type=button]{background-color:transparent;border:1px solid #444444;color:#ccc}.sidebar-context-menu{background-color:#2c2c2ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:6px;box-shadow:0 8px 24px #0000004d;overflow:hidden;min-width:160px;border:1px solid rgba(255,255,255,.1);-webkit-user-select:none;user-select:none;margin:0;padding:0;z-index:10000;position:fixed;pointer-events:auto}.sidebar-context-menu .context-menu-item{padding:10px 16px;font-size:12px;color:#fff;border-bottom:1px solid #333333;transition:background-color .1s ease}.sidebar-context-menu .context-menu-item:last-child{border-bottom:none}.sidebar-context-menu .context-menu-item:hover{background-color:#3a3a3c}.sidebar-context-menu .delete-folder-item{color:#fff}.sidebar-context-menu .remove-folder-item{color:#ffb84d}.sidebar-context-menu .context-menu-item.disabled{color:#666;cursor:default;pointer-events:none;font-style:italic}.sidebar-context-menu .context-menu-item.disabled:hover{background-color:transparent}.loading-indicator{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:11px;color:#999;padding:4px 8px;background-color:#0000004d;border-radius:4px}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.confirm-dialog-modal{background:#1e1e1e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;padding:24px 24px 12px;position:relative;max-width:360px;width:90%;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.1)}.confirm-dialog-close{position:absolute;top:16px;right:16px;background:none;border:none;padding:8px;cursor:pointer;color:#ffffffb3;transition:color .2s;display:flex;align-items:center;justify-content:center}.confirm-dialog-close:hover{color:#ffffffe6}.confirm-dialog-close svg{width:20px;height:20px}.confirm-dialog-content{text-align:left}.confirm-dialog-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}.confirm-dialog-message{font-size:14px;color:#fffc;margin:0 0 24px;line-height:1.5}.confirm-dialog-buttons{display:flex;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;gap:12px;justify-content:flex-end}.confirm-dialog-cancel{background-color:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s;min-width:70px}.confirm-dialog-cancel:hover{background-color:#ffffff26;color:#ffffffe6}.confirm-dialog-confirm{border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s;min-width:70px}.confirm-dialog-confirm{background-color:#dc3545;color:#fff}.confirm-dialog-confirm:hover{background-color:#c82333}.confirm-dialog-confirm:active{background-color:#bd2130;transform:scale(.98)}.delete-folder-button{background-color:#d73527;color:#fff}.delete-folder-button:hover{background-color:#c42e1f}.delete-folder-button:active{background-color:#b12719;transform:scale(.98)}.danger-button{background-color:#dc3545;color:#fff}.danger-button:hover{background-color:#c82333}.danger-button:active{background-color:#bd2130;transform:scale(.98)}.primary-button{background-color:#3b82f6;color:#fff}.primary-button:hover{background-color:#2563eb}.primary-button:active{background-color:#1d4ed8;transform:scale(.98)}@media (max-width: 480px){.confirm-dialog-modal{padding:20px;width:95%}.confirm-dialog-title{font-size:16px}.confirm-dialog-message{font-size:13px}.confirm-dialog-buttons{flex-direction:column;gap:8px}.confirm-dialog-cancel,.confirm-dialog-confirm{width:100%}}.alert-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.alert-dialog-content{background-color:#2e2e2e;padding:25px 30px;border-radius:12px;box-shadow:0 10px 30px #0000004d;text-align:center;max-width:380px;width:90%;display:flex;flex-direction:column;align-items:center;border:1px solid #444}.alert-dialog-icon{margin-bottom:15px;line-height:0}.alert-dialog-message{font-size:14px;color:#e0e0e0;margin-bottom:25px;line-height:1.5}.alert-dialog-actions{width:100%;display:flex;justify-content:center}.alert-dialog-button{background-color:#0a84ff;color:#fff;border:none;padding:8px 35px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease;min-width:80px}.alert-dialog-button:hover{background-color:#359aff}.alert-dialog-button:active{background-color:#0071e3}.toolbar{display:flex;align-items:center;height:70px;padding:0 16px;background-color:#232428;position:relative;top:0;width:100%;margin:0 auto;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-app-region:drag;min-width:500px}.toolbar button,.toolbar .view-toggle,.toolbar .nav-button,.toolbar-actions button{-webkit-app-region:no-drag}.window-controls{display:flex;align-items:center;margin-right:16px}.window-control{width:12px;height:12px;border-radius:50%;margin-right:8px}.window-control.red{background-color:#ff5f56;border:1px solid #e0443e}.window-control.yellow{background-color:#ffbd2e;border:1px solid #dea123}.window-control.green{background-color:#27c93f;border:1px solid #1aab29}.navigation-controls{display:flex;align-items:center;gap:14px;margin-right:18px}.nav-button{width:28px;height:28px;border-radius:4px;background-color:transparent;border:none;color:#999;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.nav-button:hover{background-color:#333}.nav-button.disabled,.nav-button:disabled{opacity:.4;cursor:not-allowed;color:#555}.nav-button.disabled:hover,.nav-button:disabled:hover{background-color:transparent}.folder-title{flex:1;font-size:14px;color:#fff;font-weight:500;text-align:left;margin-left:6px;white-space:nowrap;overflow:hidden;min-width:0;margin-right:80px;transition:all .2s ease;position:relative}.folder-title:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,transparent,#232428);pointer-events:none;z-index:1}.toolbar-actions{display:flex;align-items:center;flex-shrink:0;margin-left:auto;transition:all .2s ease}.view-toggle{display:flex;align-items:center;border-radius:10px;overflow:hidden;height:32px;padding:4px;transition:all .2s ease;position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:2}.app-container.right-panel-collapsed .view-toggle{right:160px}.app-container.right-panel-collapsed .folder-title{margin-right:240px}.app-container.right-panel-collapsed .folder-title:after{width:70px}.view-toggle-btn{background:none;border:none;height:24px;width:28px;display:flex;align-items:center;justify-content:center;color:#747474;transition:all .2s;border-radius:4px;margin:0 2px}.view-toggle-btn.active{background-color:transparent;color:#e6e6e6}.path-breadcrumbs{flex:1;font-size:14px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-item{font-size:14px}.breadcrumb-item.clickable{color:#4f96ff}.breadcrumb-item.clickable:hover{text-decoration:underline}.separator{margin:0 6px;color:#777}.upload-container{position:relative}.upload-btn{background-color:#4f96ff;color:#fff;border:none;border-radius:4px;padding:8px 12px;font-size:14px;transition:background-color .2s}.upload-btn:hover{background-color:#4285f4}.upload-menu{position:absolute;top:100%;right:0;margin-top:4px;background-color:#333;border-radius:6px;box-shadow:0 4px 12px #0000004d;overflow:hidden;z-index:100;min-width:180px}.upload-menu-item{display:block;width:100%;text-align:left;padding:10px 16px;border:none;background:none;font-size:14px;color:#ccc;transition:background-color .2s}.upload-menu-item:hover{background-color:#444}.dotted-line{flex:0 0 50px;height:2px;border-top:2px dashed #4f96ff;opacity:.4;margin:0 10px}@media (max-width: 800px){.toolbar{min-width:400px;padding:0 12px}.navigation-controls{margin-right:12px}.folder-title{font-size:13px;margin-right:70px}.folder-title:after{width:35px}.view-toggle{height:28px;padding:3px;right:15px}.view-toggle-btn{height:22px;width:26px}.app-container.right-panel-collapsed .view-toggle{right:120px}.app-container.right-panel-collapsed .folder-title{margin-right:160px}.app-container.right-panel-collapsed .folder-title:after{width:55px}}@media (max-width: 600px){.toolbar{min-width:350px;padding:0 8px}.navigation-controls{margin-right:8px;gap:8px}.folder-title{font-size:12px;margin-right:60px}.folder-title:after{width:30px}.view-toggle{height:26px;padding:2px;right:10px}.view-toggle-btn{height:20px;width:24px}.app-container.right-panel-collapsed .view-toggle{right:100px}.app-container.right-panel-collapsed .folder-title{margin-right:140px}.app-container.right-panel-collapsed .folder-title:after{width:50px}}.breadcrumb-container{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden}.breadcrumb-button{background:none;border:none;color:#4f96ff;font-size:14px;font-weight:500;padding:2px 4px;border-radius:3px;transition:all .15s ease;text-decoration:none;white-space:nowrap;margin:0}.breadcrumb-button:hover{background-color:#4f96ff1a;text-decoration:underline}.breadcrumb-current{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:0}.breadcrumb-separator{color:#999;font-size:14px;margin:0 8px;flex-shrink:0}.google-docs-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.google-docs-modal-content{background-color:#2a2a2a;padding:0;border-radius:12px;box-shadow:0 20px 40px #0006;width:100%;max-width:480px;margin:0 20px;position:relative;animation:fadeInScale .2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.google-docs-modal-overlay.closing .google-docs-modal-content{animation:fadeOutScale .15s ease-in}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.google-docs-modal-header{display:flex;justify-content:space-between;align-items:center;padding:6px 24px 0;background-color:#2a2a2a}.google-docs-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#fff}.google-docs-modal-header .close-button{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.google-docs-modal-header .close-button:hover{background-color:#404040;color:#fff}.google-docs-modal-body{padding:6px 24px 0;background-color:#2a2a2a}.input-group-links-modal{margin-bottom:0}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#fff}.input-with-button{display:flex;gap:12px;align-items:center}.url-input{flex:1;padding:12px 16px;border:2px solid #4F96FF;border-radius:8px;font-size:14px;color:#fff;background-color:#1a1a1a;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.url-input:focus{outline:none;border-color:#6ba3ff;box-shadow:0 0 0 3px #4f96ff33}.url-input:disabled{background-color:#333;color:#666;cursor:not-allowed}.url-input::placeholder{color:#888}.error-message{background-color:#4a2626;border:1px solid #8b4444;color:#ff6b6b;padding:12px 16px;border-radius:8px;font-size:14px;margin-top:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:0}.add-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:80px;background-color:#4f96ff;color:#fff}.add-button:hover:not(:disabled){background-color:#6ba3ff;transform:translateY(-1px);box-shadow:0 4px 12px #4f96ff4d}.add-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.google-docs-modal-footer{padding:6px 24px;background-color:#2a2a2a;text-align:left}.google-docs-modal-footer p{margin:0;font-size:12px;color:#999;font-style:italic}@media (max-width: 600px){.google-docs-modal-content{margin:0 10px;max-width:none}.google-docs-modal-header,.google-docs-modal-body,.google-docs-modal-footer{padding-left:16px;padding-right:16px}.modal-actions{flex-direction:column}.add-button{width:100%}}.download-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.download-warning-modal{background:#2a2d31;border-radius:12px;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000000a;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;color:#e6e0e9;border:1px solid #3C4043}.download-warning-header{display:flex;align-items:center;padding:24px 24px 16px;border-bottom:1px solid #3C4043;gap:16px}.warning-icon{flex-shrink:0}.download-warning-header h2{margin:0;font-size:20px;font-weight:600;color:#afafb5}.download-warning-content{padding:24px}.warning-message{margin-bottom:24px}.warning-message p{margin:0;font-size:16px;line-height:1.5;color:#e6e0e9}.limit-details{background:#1c1f23;border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid #3C4043}.detail-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.detail-row:last-child{margin-bottom:0}.detail-label{font-size:14px;color:#9aa0a6}.detail-value{font-size:14px;font-weight:500;color:#e6e0e9}.warning-explanation{background:#1a1d21;border-radius:8px;padding:16px;margin-bottom:24px;border-left:4px solid #afafb5}.warning-explanation h3{margin:0 0 12px;font-size:16px;font-weight:600;color:#e6e0e9}.warning-explanation p{margin:0 0 12px;font-size:14px;line-height:1.5;color:#bdc1c6}.warning-explanation p:last-child{margin-bottom:0}.warning-explanation strong{color:#e6e0e9}.download-item-info{background:#1c1f23;border-radius:8px;padding:16px;margin-bottom:24px;border:1px solid #3C4043}.download-item-info p{margin:0;font-size:14px;color:#e6e0e9}.download-warning-actions{display:flex;gap:12px;padding:0 24px 24px;justify-content:center}.download-warning-actions button{padding:12px 24px;border-radius:8px;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.ok-button{background:#4f96ff;color:#fff}.ok-button:hover{background:#3b82f6}.ok-button:focus{outline:2px solid #4F96FF;outline-offset:2px}@media (max-width: 640px){.download-warning-modal{margin:16px;max-height:calc(100vh - 32px)}.download-warning-header{padding:20px 20px 16px}.download-warning-content{padding:20px}.download-warning-actions{padding:0 20px 20px;flex-direction:column-reverse}.download-warning-actions button{width:100%}}.storage-limit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.storage-limit-modal{background:#2a2a2a;border-radius:12px;max-width:380px;width:100%;position:relative;box-shadow:0 8px 32px #0006;border:1px solid rgba(255,255,255,.1)}.storage-limit-content{padding:32px 24px 24px;text-align:left}.storage-limit-content h2{font-size:20px;font-weight:600;margin:0 0 12px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.storage-message{font-size:15px;color:#a0a0a0;margin:0 0 32px;line-height:1.4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.close-button.secondary{background:#3a3a3a;color:#fff;border:none;border-radius:8px;padding:6px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.close-button.secondary:hover{background:#4a4a4a}.upgrade-button.primary{background:#007aff;color:#fff;border:none;border-radius:8px;padding:6px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.upgrade-button.primary:hover{background:#0056cc}.upgrade-button.primary:active{background:#004999}@media (max-width: 480px){.storage-limit-modal{max-width:95%;margin:20px}.storage-limit-content{padding:32px 20px 24px}.storage-limit-content h2{font-size:20px}.storage-limit-content p{font-size:14px}}.subscription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease-out}.subscription-modal{background:#1e1e1e;border:1px solid #4B4B4B;border-radius:15px;width:100%;max-width:520px;max-height:90vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;animation:modalSlideIn .3s ease-out}.subscription-modal-header{padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center}.subscription-modal-icon{width:100px;height:100px;margin-left:8px}.subscription-modal-title{color:#fff;font-size:36px;font-weight:700;line-height:1.2;margin:0 0 12px;display:flex;align-items:center;justify-content:center}.subscription-modal-subtitle{color:#fff;font-size:11px;font-weight:400;line-height:1.4;margin:0;max-width:400px}.subscription-modal-content{padding:0 50px 40px}.plan-selection{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.plan-card{border-radius:12px;padding:14px;background:#2c2c2e;transition:all .2s ease;position:relative;cursor:pointer}.plan-card:hover{border-color:#007aff}.plan-card.selected{border:1px solid #007AFF;background:#2c2c2e}.plan-card input[type=radio]{position:absolute;top:24px;right:24px;width:20px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #4B4B4B;border-radius:50%;background:transparent;cursor:pointer}.plan-card input[type=radio]:checked{background:#007aff;border-color:#007aff}.plan-card input[type=radio]:checked:after{content:"✓";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:10px;font-weight:400;font-family:Arial,sans-serif}.plan-label{display:block;cursor:pointer;margin-right:50px}.plan-header{display:flex;flex-direction:column;align-items:baseline;gap:10px;margin-bottom:8px}.plan-storage{color:#fff;font-size:14px;font-weight:700;line-height:1.2}.plan-name{color:#fff;font-size:14px;font-weight:400;line-height:1.2}.plan-description{color:#fff;font-size:12px;font-weight:400;line-height:1.4;margin:0}.plan-pricing{margin-top:8px}.plan-price{color:#fff;font-size:14px;font-weight:700;line-height:1.2;display:block;margin-bottom:8px}.referral-section{margin-bottom:32px;border-radius:12px;padding:16px;background:#2c2c2e}.referral-title{color:#fff;font-size:12px;font-weight:700;line-height:1.2;margin:0 0 8px}.referral-subtitle{color:#fff;font-size:12px;font-weight:400;line-height:1.4;margin:0}.referral-input-container{display:flex;margin-top:6px;gap:12px}.referral-input{flex:1;background:#2c2c2e;border:1px solid #4B4B4B;border-radius:8px;padding:6px;color:#fff;font-size:11px;align-self:center;height:120%!important;font-weight:400;line-height:1.4!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.referral-input:focus{outline:none;border-color:#007aff}.copy-button{background:transparent;border:none;padding:6px;color:#fff;font-size:12px;font-weight:400;line-height:1.4;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;align-items:center;gap:6px}.copy-button:hover{opacity:.8}.subscription-modal-footer{display:flex;justify-content:right;align-items:center;gap:12px;border-top:1px solid #323232;padding-top:20px}.cancel-button{background:#48484a;border:none;border-radius:8px;padding:6px 24px;color:#fff;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .2s ease}.cancel-button:hover{background:#3a3a3c}.upgrade-button,.cancel-subscription-text{background:linear-gradient(180deg,#1f6de6,#155ccc);border:none;border-radius:8px;padding:6px 24px;color:#fff;font-size:14px;font-weight:500;line-height:1.4;cursor:pointer;transition:background-color .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.upgrade-button:hover,.cancel-subscription-text:hover{background:linear-gradient(180deg,#1f6de6,#155ccc)}.upgrade-button:disabled{background:linear-gradient(180deg,#1f6de6,#155ccc);cursor:not-allowed}.cancel-subscription-text{background:transparent;color:#007aff;border:1px solid #007AFF}.cancel-subscription-text:hover{background:#007aff1a}@media (max-width: 768px){.subscription-modal-overlay{padding:16px}.subscription-modal{max-width:100%}.subscription-modal-header{padding:24px}.subscription-modal-content{padding:0 40px 32px}.plan-card{padding:12px}.plan-card input[type=radio]{top:20px;right:20px}.plan-label{margin-right:46px}.subscription-modal-footer{flex-direction:column;gap:12px}.cancel-button,.upgrade-button,.cancel-subscription-text{width:100%}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:40px}.error-message{color:#ff453a;font-size:14px;font-weight:400;line-height:1.4;margin-top:16px;text-align:center;padding:12px 16px;background:#ff453a1a;border:1px solid rgba(255,69,58,.3);border-radius:8px}.cancel-dialog{background:#1e1e1e;border:1px solid #4B4B4B;border-radius:15px;padding:32px;max-width:400px;text-align:center}.cancel-dialog h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 16px}.cancel-dialog p{color:#fff;font-size:14px;font-weight:400;line-height:1.4;margin:0 0 24px}.cancel-dialog-actions{display:flex;gap:12px;justify-content:center}.keep-subscription-btn,.confirm-cancel-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.keep-subscription-btn{background:#007aff;border:none;color:#fff}.keep-subscription-btn:hover{background:#0056cc}.confirm-cancel-btn{background:transparent;border:1px solid #FF453A;color:#ff453a}.confirm-cancel-btn:hover{background:#ff453a1a}.cancelled-plan{border:1px solid #FF9500!important;background:#ff95001a!important}.cancelled-badge{color:#ff9500;font-size:10px;font-weight:700;background:#ff950033;padding:2px 6px;border-radius:4px;margin-left:8px}.cancelled-subscription-info{display:flex;flex-direction:column;align-items:center;gap:4px}.cancelled-text{color:#ff9500;font-size:14px;font-weight:700}.grace-period-text{color:#fff;font-size:12px;font-weight:400;opacity:.8}.persistent-login-notification{position:fixed;top:90px;right:10px;z-index:9999999;animation:notification-slide-down .3s ease-out;pointer-events:auto}@keyframes notification-slide-down{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.notification-content{background:#28292be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0003;padding:12px 32px 12px 16px;display:flex;align-items:center;gap:10px;min-width:150px;max-width:200px;position:relative;pointer-events:auto}.notification-content:before{content:"";position:absolute;top:-10px;right:45px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:10px solid rgba(40,41,43,.9);z-index:2}.notification-content:after{content:"";position:absolute;top:-12.5px;right:45px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:12.5px solid rgba(255,255,255,.1);z-index:1}.notification-icon{font-size:15.5px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.notification-icon svg{width:16px;height:22px}.notification-text{color:#ffffffe6;font-family:Inter,sans-serif;font-size:12.5px;font-weight:400;line-height:1.4;flex-grow:1;text-align:left}.notification-close{background:#ffffff1a;border:none;color:#fffc;cursor:pointer;font-size:16px;line-height:1;padding:2px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;flex-shrink:0;position:absolute;top:6px;right:6px;z-index:999999999;pointer-events:auto;touch-action:manipulation}.notification-close:hover{background:#ffffff1a;color:#ffffffe6}@media (max-width: 768px){.persistent-login-notification{top:70px;right:20px}.notification-content{min-width:280px;max-width:calc(100vw - 40px);padding:10px 14px}.notification-text{font-size:12.5px}}.login-prompt-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.login-prompt-modal{background:#1e1e1e;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;padding:24px 24px 12px;position:relative;max-width:360px;width:90%;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.1)}.login-prompt-close{position:absolute;top:16px;right:16px;background:none;border:none;padding:8px;cursor:pointer;color:#ffffffb3;transition:color .2s;display:flex;align-items:center;justify-content:center}.login-prompt-close:hover{color:#ffffffe6}.login-prompt-close svg{width:20px;height:20px}.login-prompt-content{text-align:left}.login-prompt-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 12px;line-height:1.3}.login-prompt-message{font-size:14px;color:#fffc;margin:0 0 24px;line-height:1.5}.login-prompt-buttons{display:flex;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;gap:12px;justify-content:flex-end}.login-prompt-cancel{background-color:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:400;cursor:pointer;transition:all .2s;min-width:70px}.login-prompt-cancel:hover{background-color:#ffffff26;color:#ffffffe6}.login-prompt-login{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:400;cursor:pointer;transition:background-color .2s;min-width:70px}.login-prompt-login:hover{background-color:#2563eb}.login-prompt-login:active{background-color:#1d4ed8;transform:scale(.98)}@media (max-width: 480px){.login-prompt-modal{padding:20px;width:95%}.login-prompt-title{font-size:16px}.login-prompt-message{font-size:13px}.login-prompt-buttons{flex-direction:column;gap:8px}.login-prompt-cancel,.login-prompt-login{width:100%}}.toast-notification{position:fixed;bottom:30px;right:30px;background:#28292be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;padding:12px 16px;min-width:200px;max-width:350px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;z-index:10000;transition:all .3s ease;transform:translateY(100px);opacity:0}.toast-show{transform:translateY(0);opacity:1}.toast-hide{transform:translateY(100px);opacity:0}.toast-content{display:flex;align-items:center;gap:8px}.toast-message{color:#fff;font-size:14px;font-weight:500;line-height:1.4}.toast-success{border-left:3px solid #10B981}.toast-error{border-left:3px solid #EF4444}.toast-info{border-left:3px solid #3B82F6}.toast-warning{border-left:3px solid #F59E0B}@media (max-width: 480px){.toast-notification{bottom:20px;right:20px;left:20px;max-width:none;min-width:auto}}.file-browser{flex:1;overflow-y:auto;background-color:#232428;padding:0;width:100%;margin:0 auto;position:relative;height:100%;max-height:100vh;display:flex;flex-direction:column}.file-container{flex:1;height:100%;overflow-y:auto;position:relative}.list-view{display:flex;flex-direction:column;width:100%}.list-header{display:flex;background-color:#232428;border-bottom:1px solid rgba(255,255,255,.07);padding:8px 20px;font-weight:600;font-size:12px;color:#999;position:sticky;top:0;z-index:10;width:95%;margin:0 auto;box-sizing:border-box;-webkit-user-select:none;user-select:none}.list-header .list-cell:first-child{padding-left:34px}.list-header .list-cell:nth-child(2){padding-left:0;margin-left:-15px}.list-body{margin-top:5px;flex:1;min-height:300px}.list-row{display:flex;align-items:center;padding:6px 16px;transition:background-color .15s;box-sizing:border-box;height:36px;-webkit-user-select:none;user-select:none;cursor:pointer}.list-row:nth-child(odd){margin:0 auto;width:95%;border-radius:6px;background-color:#232428}.list-row:nth-child(2n){margin:0 auto;width:95%;border-radius:6px;background-color:#292a2d}.list-row:hover:not(.selected){background-color:#303134}.list-row.selected{background-color:#2b6cb0!important;position:relative;z-index:5;box-shadow:0 0 0 1px #fff3,0 1px 3px #0000001a;border-radius:4px}.list-row.selected .list-cell,.list-row.selected .name-cell span,.list-row.selected .icon-container.folder-icon{color:#fff!important}.list-row.selected .name-cell:before{color:#fff!important}.list-row.selected:hover{background-color:#2b6cb0!important}.list-cell{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;color:#ccc;display:flex;align-items:center;padding:0 10px}.list-cell:first-child{padding-left:0}.list-cell:last-child{text-align:right;justify-content:flex-end;padding-right:0}.name-cell{flex:2;display:flex;align-items:center}.name-cell span{margin-left:10px;color:#fff;font-weight:400;font-size:12px}.icon-container.folder-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:0}.icon-container.file-icon,.icon-container.google-docs-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:0;margin-right:0;background-color:transparent}.list-row:nth-child(5) .icon-container.folder-icon{color:#4f96ff}.list-row:nth-child(5) .name-cell{position:relative;display:flex;align-items:center}.list-row:nth-child(5) .name-cell:before{content:"›";position:absolute;left:-15px;font-size:18px;color:#999;font-weight:300}.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:18px;padding:30px;box-sizing:border-box;justify-items:center;align-items:start;position:relative}.grid-item{display:flex;flex-direction:column;align-items:center;border-radius:8px;transition:background-color .2s ease;text-align:center;padding:6px;box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none;height:auto;max-height:130px;backface-visibility:hidden;transform:translateZ(0);-webkit-font-smoothing:antialiased}.grid-item[style*="position: absolute"]{display:flex;position:absolute!important;z-index:2;transform:none!important;margin:0!important;height:auto;max-height:130px}.grid-item.selected{background-color:transparent;border-radius:8px;outline:none;box-shadow:none;transform:none;transition:all .15s ease}.grid-item.selected .item-icon{background-color:#ffffff14;border-radius:8px;padding:4px}.grid-item.selected .item-name{background-color:#2b6cb0;color:#fff;border-radius:4px;padding:1px 2px;margin-top:5px;box-shadow:none;max-width:100%;word-wrap:break-word;font-size:12px;overflow:hidden;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.grid-item.selected .item-name.truncated .name-line{background-color:transparent;color:#fff;border-radius:0;padding:0;margin:1px 0;line-height:1.3}.grid-item.selected .item-name.truncated .ellipsis{display:inline;margin:0 2px}.drag-ghost{will-change:transform,left,top;transform-origin:center center;z-index:1000!important;transform:none!important;margin:0!important;padding:8px;box-sizing:border-box;animation:ghostPop .15s ease-out forwards;box-shadow:0 3px 12px #0000004d;filter:brightness(1.05);width:100px;height:auto;position:fixed;pointer-events:none;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@keyframes ghostPop{0%{transform:scale(.98);opacity:.7}to{transform:scale(1);opacity:.8}}.drag-ghost .item-icon{filter:brightness(1.05)}@keyframes itemSettle{0%{transform:scale(1.05)}to{transform:scale(1)}}.grid-item[style*="transition:"]{animation:itemSettle .25s ease-out;will-change:transform,left,top}.grid-item{backface-visibility:hidden;transform:translateZ(0);-webkit-font-smoothing:antialiased}.item-icon{display:flex;justify-content:center;align-items:center;width:100%;height:80px;box-sizing:border-box}.folder-image{width:80px;height:auto;object-fit:contain}.item-name{max-width:100%;word-wrap:break-word;font-size:12px;color:#fff;overflow:hidden;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.item-name.truncated{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.item-name.truncated .name-line{width:100%;text-align:center;line-height:1.4}.item-name.truncated .ellipsis{display:inline;margin:0 2px}.item-details{font-size:11px;color:#777;margin-top:2px}.icon-container{display:flex;align-items:center;justify-content:center}.folder-icon{color:#4f96ff}.folder-icon.large{width:80px;height:80px;margin-bottom:6px}.file-icon.large{width:64px;height:64px;margin-bottom:6px;background-color:transparent;border-radius:0;box-shadow:0 1px 3px #0000001a}.empty-state{display:flex;justify-content:center;align-items:center;height:200px;color:#777;font-size:14px}.empty-folder-state{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%;color:#777;font-size:14px;text-align:center}.context-menu{position:absolute;background-color:#2c2c2e;border-radius:6px;box-shadow:0 8px 24px #0000004d;overflow:hidden;z-index:100;min-width:200px;border:1px solid #333333;-webkit-user-select:none;user-select:none;margin:0;padding:0}.context-menu-item{padding:10px 16px;font-size:12px;color:#fff;border-bottom:1px solid #333333;transition:background-color .1s ease}.context-menu-item:last-child{border-bottom:none}.context-menu-item:hover{background-color:#3a3a3c}.context-menu-item.disabled{color:#666;cursor:not-allowed}.context-menu-item.disabled:hover{background-color:transparent}.new-folder-item{background-color:#499cff1a!important;outline:1px solid rgba(73,156,255,.5);position:relative;z-index:6;box-sizing:border-box}.rename-input{background-color:transparent;border:none;outline:none;color:#fff;font-size:12px;width:auto;text-align:left;padding:2px 4px;border-radius:3px}.rename-input:focus{background-color:#ffffff26;box-shadow:0 0 0 1px #fff3}.grid-item .rename-input{text-align:center;margin-top:5px;width:90%;font-size:12px;padding:4px 6px;background-color:#ffffff26;box-sizing:border-box}.new-folder-item{animation:highlight .5s ease-out}@keyframes highlight{0%{background-color:#499cff66}to{background-color:#499cff1a}}.file-container.drag-over{background-color:#0077ff0d}.drop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:100;animation:fade-in .2s ease-out}.drop-message{display:flex;flex-direction:column;align-items:center;gap:12px;color:#07f}.drop-message svg{opacity:.7}.drop-message span{font-size:16px;font-weight:500}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.file-browser-loading,.file-browser-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#777;margin-top:40px}.loading-spinner{border:3px solid rgba(100,100,100,.2);border-top-color:#0077ed;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.file-browser-error p{margin-bottom:15px;color:#ef5350}.file-browser-error button{padding:8px 16px;background-color:#0077ed;color:#fff;border:none;border-radius:4px}.file-browser-error button:hover{background-color:#06c}.file-browser-loading-indicator{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#1e1e1ef2,#2a2a2af2);border-radius:16px;padding:14px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff26,inset 0 -1px #0003;z-index:10000;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);animation:slideIn .4s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:140px;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:default;-webkit-user-select:none;user-select:none}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(4px)}50%{opacity:.8;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.file-browser-loading-indicator:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080,0 6px 20px #0006,0 3px 12px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000004d;border-color:#fff3}.file-browser-loading-indicator .loading-spinner{border:2.5px solid rgba(79,150,255,.2);border-top:2.5px solid #4F96FF;border-right:2.5px solid rgba(79,150,255,.6);border-radius:50%;width:18px;height:18px;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;filter:drop-shadow(0 0 4px rgba(79,150,255,.3))}.file-browser-loading-indicator span{color:#fff;font-size:14px;font-weight:500;letter-spacing:.01em}.file-browser-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;position:absolute;top:0;left:0;background-color:#23242899;z-index:10}.file-browser-loading .loading-spinner{border:3px solid rgba(255,255,255,.2);border-top-color:#3498db;border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}.grid-item.disabled,.list-row.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.grid-item.disabled .item-icon,.list-row.disabled .icon-container{opacity:.6;filter:grayscale(.5)}.resizable-window{position:absolute;background-color:transparent;box-sizing:border-box;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0003;min-width:400px;min-height:300px;transition:width .3s ease,height .3s ease,left .3s ease,top .3s ease,border-radius .3s ease,box-shadow .3s ease}.resizable-window.maximized{width:100vw!important;height:100vh!important;top:0!important;left:0!important;border-radius:0;box-shadow:none;z-index:1000}.resizable-window.resizing,.resizable-window.dragging{transition:none!important;-webkit-user-select:none;user-select:none;box-shadow:0 15px 40px #0000004d;z-index:1}.resizable-window:hover{outline:none}@media screen and (max-width: 600px){.resizable-window{min-width:320px}}@media screen and (max-height: 600px){.resizable-window{min-height:250px}}.share-login-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeIn .2s ease-out}.share-login-modal{background:#fff;border-radius:16px;padding:48px 40px;position:relative;max-width:440px;width:90%;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.share-login-close{position:absolute;top:20px;right:20px;background:none;border:none;padding:8px;cursor:pointer;color:#6b7280;transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:8px}.share-login-close:hover{color:#374151;background-color:#f3f4f6}.share-login-close svg{width:20px;height:20px}.share-login-content{text-align:center}.share-login-title{font-size:16px;font-weight:400;color:#111827;margin:0 0 8px;line-height:1.2}.share-login-subtitle{font-size:16px;color:#6b7280;margin:0 0 32px;line-height:1.5}.share-login-brand{margin-bottom:40px}.share-login-brand h1{font-size:32px;font-weight:700;color:#111827;margin:0 0 8px;letter-spacing:-.5px}.share-login-brand p{font-size:16px;color:#6b7280;margin:0}.share-login-error{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:left}.auth-method-tabs{display:flex;background-color:#f3f4f6;border-radius:8px;padding:4px;margin-bottom:24px}.auth-tab{flex:1;padding:8px 16px;border:none;background:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:#6b7280}.auth-tab.active{background-color:#fff;color:#111827;box-shadow:0 1px 3px #0000001a}.auth-tab:hover:not(.active){color:#374151}.share-login-form{margin-bottom:20px}.share-login-input-group{margin-bottom:16px}.share-login-input{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-size:16px;color:#111827;transition:border-color .2s;background-color:#fff}.share-login-input::placeholder{color:#9ca3af}.share-login-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.share-login-input:disabled{background-color:#f9fafb;cursor:not-allowed}.share-login-button{width:100%;padding:12px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.share-login-primary{background-color:#3b82f6;color:#fff}.share-login-primary:hover:not(:disabled){background-color:#2563eb}.share-login-primary:active:not(:disabled){background-color:#1d4ed8;transform:scale(.98)}.share-login-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.share-login-existing{font-size:14px;color:#6b7280;margin-bottom:24px}.share-login-link{color:#3b82f6;background:none;border:none;cursor:pointer;font-size:inherit;text-decoration:none;font-weight:500;padding:0;margin:0}.share-login-link:hover{text-decoration:underline}.share-login-divider{position:relative;margin:24px 0;text-align:center}.share-login-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#e5e7eb;transform:translateY(-50%)}.share-login-divider span{background-color:#fff;padding:0 16px;position:relative;font-size:14px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.share-login-google{background-color:#fff;color:#374151;border:1px solid #E5E7EB}.share-login-google:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.share-login-google:active:not(:disabled){background-color:#f3f4f6;transform:scale(.98)}.share-login-google:disabled{opacity:.5;cursor:not-allowed}.google-icon{width:20px;height:20px}.email-sent-state{text-align:center;padding:20px 0}.email-sent-icon{margin:0 0 20px;color:#10b981}.email-sent-icon svg{width:48px;height:48px}.email-sent-text{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}.share-login-forgot,.share-login-back,.share-login-signup,.share-login-signin{font-size:14px;color:#6b7280;margin-bottom:20px;text-align:center}.share-login-back{margin-top:16px}.share-login-back .share-login-link{display:inline-flex;align-items:center;gap:4px}@media (max-width: 480px){.share-login-modal{padding:32px 24px;width:95%}.share-login-title{font-size:16px}.share-login-brand h1{font-size:28px}.share-login-brand p{font-size:15px}}.upload-progress-container{position:fixed;bottom:20px;right:20px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:320px;max-width:400px;z-index:1000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.upload-progress-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.upload-progress-header span{font-weight:500;font-size:14px;color:#202124}.upload-progress-minimize{background:none;border:none;font-size:12px;color:#5f6368;cursor:pointer;padding:4px;border-radius:4px}.upload-progress-minimize:hover{background:#e8eaed}.upload-progress-list{max-height:300px;overflow-y:auto;padding:8px 0}.upload-item{padding:12px 16px;border-bottom:1px solid #f1f3f4}.upload-item:last-child{border-bottom:none}.upload-item.folder{background:linear-gradient(135deg,#1f89e505,#1f89e50d)}.upload-item-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.upload-icon{font-size:16px;flex-shrink:0}.upload-icon.folder-icon{font-size:14px}.upload-info{flex:1;min-width:0}.upload-filename{font-size:13px;font-weight:500;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-filename.folder-name{color:#1f89e5}.upload-size{font-size:12px;color:#5f6368;margin-top:2px}.upload-file-count{font-size:11px;color:#1f89e5;margin-top:1px;font-weight:400}.upload-cancel{background:none;border:none;color:#5f6368;cursor:pointer;padding:4px;border-radius:4px;font-size:12px;flex-shrink:0}.upload-cancel:hover{background:#f1f3f4;color:#d93025}.upload-progress-bar{height:4px;background:#f1f3f4;border-radius:2px;overflow:hidden;margin-top:8px}.upload-progress-fill{height:100%;background:#1a73e8;border-radius:2px;transition:width .3s ease}.upload-item.completed .upload-progress-fill{background:#137333}.upload-item.failed .upload-progress-fill{background:#d93025}.upload-error{font-size:12px;color:#d93025;margin-top:6px;padding:6px 8px;background:#fce8e6;border-radius:4px}.upload-clear-completed{width:100%;padding:8px 16px;background:none;border:none;color:#1a73e8;font-size:13px;cursor:pointer;text-align:left;margin-top:8px}.upload-clear-completed:hover{background:#f8f9fa}.upload-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.storage-page-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.storage-page-modal{background-color:#fff;border-radius:16px;border:none;box-shadow:0 24px 48px #0003;width:60vw;max-width:800px;min-height:500px;overflow:visible;animation:modalSlideIn .3s ease-out;color:#000;position:relative;display:flex;flex-direction:column}.storage-page-modal.dark-theme{background:#1e1e1e;border:.5px solid #898989;box-shadow:0 2px 2px #00000040;border-radius:10px;color:#fff;width:801px;overflow:hidden;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.storage-page-header{display:flex;align-items:center;justify-content:center;padding:0;border-bottom:none;position:relative}.dark-theme .storage-page-header{padding:0}.storage-page-header h2{margin:0;font-size:28px;font-weight:600;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;flex:1}.dark-theme .storage-page-header h2{font-family:Inter,sans-serif;font-style:normal;font-weight:700;font-size:18px;line-height:1.4;color:#fff;flex:1}.storage-close-btn{background:none;border:none;font-size:28px;color:#666;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;position:absolute;top:32px;right:40px}.dark-theme .storage-close-btn{width:22px;height:22px;font-size:18px;color:#fef7ff;top:32px;right:48px}.storage-close-btn:hover{background-color:#0000000d;color:#000}.dark-theme .storage-close-btn:hover{background-color:#ffffff1a;color:#fff}.storage-title{margin-bottom:1rem}.storage-page-content{padding:20px 40px 40px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.dark-theme .storage-page-content{padding:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1}.storage-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.dark-theme .storage-loading{color:#fff}.storage-loading .loading-spinner{width:32px;height:32px;border:3px solid rgba(0,0,0,.1);border-top:3px solid #007AFF;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dark-theme .storage-loading .loading-spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid #FFFFFF}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.storage-loading span{font-size:16px;color:#666;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark-theme .storage-loading span{color:#fff}.storage-summary{margin-bottom:48px}.dark-theme .storage-summary{margin-bottom:36px;position:relative;width:100%;max-width:560px;align-self:center}.dark-theme .storage-summary:after{content:"";position:absolute;bottom:-20px;left:0;width:100%;height:0px;border:1px solid #323232}.storage-amount{margin-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark-theme .storage-amount{width:100%;max-width:580px;margin-bottom:2px;text-align:center}.storage-main-text{margin-bottom:24px;font-size:20px;line-height:1.3;font-weight:600;color:#000}.dark-theme .storage-main-text{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:16px;line-height:1.4;letter-spacing:-.01em;color:#fff;margin-bottom:20px;text-align:left;width:100%}.storage-progress-section{margin-top:0;width:100%}.storage-progress-bar{width:100%;height:4px;background:#fff;border-radius:2px;position:relative;margin-bottom:16px}.storage-progress-fill{height:100%;background:#037bec;border-radius:2px;transition:width .3s ease}.storage-progress-indicator{display:flex;align-items:center;gap:12px;margin-bottom:32px}.progress-dot{width:8px;height:8px;background:#037bec;border-radius:50%;flex-shrink:0}.progress-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:13px;line-height:1.4;color:#fff}.storage-subtitle{font-size:15px;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.4;background-color:#007aff1a;border:1px solid rgba(0,122,255,.2);border-radius:8px;padding:16px;margin-top:16px}.storage-subtitle-dark{font-family:Inter,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:1.4;color:#fff;margin-top:0;margin-bottom:16px;text-align:left;width:100%}.storage-breakdown{background-color:#f8f9fa;border-radius:12px;padding:24px}.dark-theme .storage-breakdown{background:#2c2c2e;border:.5px solid #898989;border-radius:12px;padding:0;width:80%;max-width:580px;margin:20px 0 0;align-self:center}.breakdown-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #E5E5E7}.dark-theme .breakdown-item{padding:14px 28px;border-bottom:.5px solid #898989;min-height:20px;box-sizing:border-box}.breakdown-item:last-child{border-bottom:none}.dark-theme .breakdown-item:last-child{border-bottom:none}.breakdown-label{font-size:17px;color:#000;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark-theme .breakdown-label{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:14px;line-height:1.4;color:#fff}.breakdown-size{font-size:17px;color:#000;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dark-theme .breakdown-size{font-family:Inter,sans-serif;font-style:normal;font-weight:600;font-size:14px;line-height:1.4;color:#fff}@media (max-width: 1024px){.storage-page-modal.dark-theme{width:90vw;height:auto;max-height:90vh;overflow-y:auto}.dark-theme .storage-breakdown{width:80%}.storage-progress-bar{width:100%}}@media (max-width: 768px){.storage-page-modal{width:95vw;margin:20px}.storage-page-modal.dark-theme{width:95vw;height:auto;max-height:90vh;overflow-y:auto}.storage-page-header,.storage-page-content{padding:24px}.storage-page-header h2{font-size:24px}.storage-main-text{font-size:18px}.dark-theme .storage-main-text{font-size:15px}.storage-subtitle{font-size:14px;padding:14px}.breakdown-label,.breakdown-size{font-size:16px}.dark-theme .breakdown-label,.dark-theme .breakdown-size{font-size:13px}.dark-theme .storage-breakdown{width:80%}.storage-progress-bar{width:100%}}.user-menu-container{position:relative}.user-avatar{position:relative;width:75px;height:40px;background:#d6d6decc;border-radius:20px;border:none;padding:0;overflow:hidden}.avatar-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 5px}.avatar-initial{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:16px;color:#fff}.avatar-circle{width:30px;height:30px;background:#4bc76c;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-chevron{border:solid #1E1E1E;border-width:0 2px 2px 0;display:inline-block;padding:3px;transform:rotate(45deg)}.user-avatar:hover{opacity:.9}.user-avatar img{width:100%;height:100%;object-fit:cover}.login-button{background-color:#d6d6dea8;border:none;border-radius:22px;padding:10px 20px;font-family:Inter,sans-serif;font-weight:500;width:91.07px;height:47.33px;display:flex;align-items:center;justify-content:center}.login-button:hover{background-color:#d6d6decc;box-shadow:0 2px 4px #0000001a}.login-button.loading{background-color:#d6d6de99;cursor:not-allowed;position:relative;color:transparent}.login-button.loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(128,128,128,.3);border-top:2px solid #666;border-radius:50%;animation:loginButtonSpin 1s linear infinite}@keyframes loginButtonSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.user-dropdown-menu{position:absolute;top:44px;right:0;width:336px;height:286px;background-color:#232428;border-radius:5px;border:1px solid #373636;box-shadow:0 4px 15px #0000004d;z-index:99999999;overflow:hidden;color:#fff}.user-info{padding:20px;background-color:#232428}.user-avatar-large{display:flex;align-items:center;gap:15px}.avatar-circle-large{width:50px;height:50px;background:#4bc76c;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-initial-large{font-family:Inter,sans-serif;font-style:normal;font-weight:500;font-size:28px;color:#fff}.user-details{flex-grow:1;overflow:hidden}.user-name{font-weight:500;font-size:18px;color:#fff;margin-bottom:5px;display:flex;align-items:center;gap:8px}.crown-icon{font-size:16px;margin-left:4px;animation:crownGlow 2s ease-in-out infinite}@keyframes crownGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.user-email{font-size:12px;color:#aaa;overflow:hidden;text-overflow:ellipsis}.storage-section{padding:0 20px 10px;border-bottom:1px solid #373636}.storage-bar{height:6px;background-color:#c0bbb4;border-radius:4px;overflow:hidden;margin-bottom:10px}.storage-progress{height:100%;background-color:#5b5650;border-radius:4px}.storage-text{font-size:12px;color:#aaa}.menu-items{padding-top:0}.menu-item{display:flex;align-items:center;width:100%;text-align:left;margin-top:3.2px;padding:8px 20px;border:none;background:none;font-size:15px;color:#fff;font-weight:400}.menu-item:last-child{border-bottom:none}.menu-item-icon{margin-right:15px;font-size:20px;opacity:.9}.menu-item:hover{background-color:#ffffff0d}.user-dropdown-menu:before{content:"";position:absolute;top:-8px;right:25px;width:14px;height:14px;background-color:#242321;transform:rotate(45deg);border-left:1px solid #373636;border-top:1px solid #373636}.app-page-container{width:100%;height:100vh;overflow:hidden;position:relative}.app-page,.landing-page{position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s ease}.app-page-container.app .app-page{transform:translateY(0);opacity:1}.app-page-container.app .landing-page{transform:translateY(100%);opacity:0}.app-page-container.landing .app-page{transform:translateY(-100%);opacity:0}.app-page-container.landing .landing-page{transform:translateY(0);opacity:1}.app-page-container.transitioning .app-page,.app-page-container.transitioning .landing-page{transition:transform .8s cubic-bezier(.25,.46,.45,.94),opacity .8s ease}.app-page{display:flex;flex-direction:column;background:transparent;overflow:scroll}.landing-page{background:#000;overflow-y:auto}.app-container{display:flex;width:100%;height:100%;border-radius:10px;overflow:hidden;position:relative;margin:0;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:border-radius .3s ease}.app-container.maximized{border-radius:0;box-shadow:none}.main-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;background-color:#232428;align-items:center;position:absolute;top:0;bottom:0}.sidebar{height:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;position:absolute;left:0;top:0;background-color:#1d1d1dcc;contain:layout style;display:flex;flex-direction:column}.shared-folder-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#1d1d1dcc;height:100%;overflow-y:auto;border-left:1px solid #333333;color:#fff;display:flex;flex-direction:column;position:absolute;right:0;top:0}.resize-handle{position:absolute;background:transparent;z-index:1000;transition:background-color .2s ease;border-radius:2px}.resize-handle:hover{background-color:#4f96ff33}.resize-handle:active{background-color:#4f96ff4d}.resize-handle-right,.resize-handle-left{cursor:ew-resize}.expand-panel-btn{position:absolute;top:20px;z-index:1001;background:#28292be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;padding:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;box-shadow:0 2px 8px #0003}.expand-panel-btn:hover{background:#4f96ff33;border-color:#4f96ff66;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.expand-panel-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.expand-sidebar-btn{left:20px}.app-container.sidebar-collapsed .navigation-controls{margin-left:60px}.expand-right-panel-btn{right:20px}.app-container.right-panel-collapsed .expand-right-panel-btn{right:10px}.shared-folder-panel.is-loading:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#232428b3;z-index:10;display:flex;align-items:center;justify-content:center}.shared-folder-panel.is-loading:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;z-index:11}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.shared-panel-content{padding:70px 12px;display:flex;flex-direction:column;height:100%}.shared-panel-content h3{font-size:14px;font-weight:500;margin:0 0 16px;color:#ccc}.invite-section{margin-bottom:25px;display:flex;gap:8px;align-items:center}.invite-section input{flex:1;min-width:0;background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:50px;padding:8px 12px;font-size:12px;color:#fff;outline:none}.invite-section input::placeholder{color:#777}.send-invite-btn{background-color:transparent;border:1px solid #3a3a3a;color:#fff;border-radius:50px;padding:6px 8px;font-size:12px;white-space:nowrap;flex-shrink:0;transition:background-color .2s}.send-invite-btn:hover{background-color:#ffffff1a}.send-invite-btn:disabled{opacity:.5;cursor:not-allowed}.shared-users-list{margin-bottom:25px;max-height:420px;padding-right:4px}.shared-users-list h4{font-size:13px;font-weight:500;margin:0 0 10px;color:#ccc}.shared-user-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-bottom:5px;background-color:#ffffff0d;border-radius:4px;font-size:12px}.shared-user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#fff}.shared-user-access{color:#999;font-size:11px}.owner-info-section{margin-bottom:25px}.owner-info-section h4{font-size:13px;font-weight:500;margin:0 0 10px;color:#ccc}.owner-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background-color:#ffffff0d;border-radius:4px;font-size:12px}.owner-id{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:#fff}.owner-label{color:#4f96ff;font-size:11px;font-weight:500}.public-link-section{margin-bottom:25px}.public-link-info{margin-bottom:12px}.public-link-info p{margin:0;font-size:12px;color:#999;line-height:1.4}.link-display{display:flex;flex-direction:column;gap:8px}.public-link-input{width:100%;background-color:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;padding:8px 12px;font-size:11px;color:#fff;outline:none;font-family:Monaco,Menlo,monospace;word-break:break-all;resize:none;box-sizing:border-box}.copy-link-btn{background-color:#4f96ff;border:none;color:#fff;border-radius:4px;padding:8px 12px;font-size:12px;transition:background-color .2s;font-weight:500}.copy-link-btn:hover{background-color:#3d7cd6}.copy-link-btn:disabled{opacity:.5;cursor:not-allowed}.copy-link-btn.copied{background-color:#27c93f;color:#fff}.copy-link-btn.copied:hover{background-color:#27c93f}.require-login-section{margin-top:auto;padding-top:20px;border-top:1px solid #3a3a3a}.toggle-label{font-size:14px;font-weight:500;margin-bottom:10px}.toggle-desc{font-size:12px;color:#999;margin-top:10px}.update-indicator{color:#4f96ff;font-size:11px;opacity:.8;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#3a3a3a;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#27c93f}input:checked+.toggle-slider:before{transform:translate(20px)}.toast{position:absolute;bottom:20px;right:20px;padding:12px 16px;border-radius:4px;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 3px 8px #0000004d;z-index:1000;min-width:200px;max-width:90%;animation:slideIn .3s ease-out}.toast.error{padding:.5rem;display:flex;flex-direction:row;background-color:#d32f2f}.toast.success{padding:.5rem;display:flex;flex-direction:row;background-color:#388e3c}.toast.info{padding:.5rem;display:flex;flex-direction:row;background-color:#1976d2}.toast-close{background:none;border:none;color:#fff;font-size:18px;margin-left:10px;opacity:.7}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:4px;border:none}::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}::-webkit-scrollbar-corner{background:transparent}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.shared-folder-panel .sharing-info{margin-bottom:16px;padding:12px;background-color:#f0f8ff;border:1px solid #d4edda;border-radius:8px}.shared-folder-panel .sharing-note{margin:0;font-size:14px;color:#155724;line-height:1.4}.shared-folder-panel .sharing-note .icon{margin-right:8px;font-size:16px}.shared-folder-panel .sharing-note strong{color:#0c4128;font-weight:600}.shared-folder-panel .sharing-note small{color:#495057;font-size:12px;display:block;margin-top:4px}.shared-user-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.shared-user-info{display:flex;justify-content:space-between;align-items:center;width:100%}.shared-user-meta{display:flex;align-items:center}.pending-status-indicator,.accepted-status-indicator{position:relative;cursor:help}.accepted-dot{color:#25ae3a;font-size:8px}.pending-dot{color:orange;font-size:8px}.accepted-status-indicator:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-80%);background:#000000e6;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;margin-bottom:4px}.accepted-status-indicator:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-80%);border:4px solid transparent;border-top-color:#000000e6;z-index:1000;pointer-events:none}.pending-status-indicator:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-80%);background:#000000e6;color:#fff;padding:6px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;margin-bottom:4px}.pending-status-indicator:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-80%);border:4px solid transparent;border-top-color:#000000e6;z-index:1000;pointer-events:none}.remove-participant-btn{background-color:transparent;border:none;color:#ff6b6b;font-size:16px;font-weight:700;padding:4px 6px;border-radius:3px;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;margin-left:8px}.remove-participant-btn:hover{background-color:#ff6b6b1a;color:#ff8a8a}.remove-participant-btn:disabled{opacity:.5;cursor:not-allowed}.remove-participant-btn:disabled:hover{background-color:transparent;color:#ff6b6b}.shared-user-status{font-size:10px;color:#999}.shared-user-status.pending{color:orange}.participant-context-menu{background-color:#2c2c2ef2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:6px;box-shadow:0 8px 24px #0000004d;min-width:140px;font-size:12px;z-index:10000}.participant-context-menu .context-menu-item{padding:8px 12px;color:#ff6b6b;transition:background-color .2s}.participant-context-menu .context-menu-item:hover{background-color:#ff6b6b1a;color:#ff8a8a;cursor:default}.participant-context-menu .context-menu-item:first-child{border-radius:4px 4px 0 0}.participant-context-menu .context-menu-item:last-child{border-radius:0 0 4px 4px}.shared-user-item[style*=context-menu]:hover{background-color:#ffffff14}.app-container.public-folder-mode{background:linear-gradient(135deg,#4f96ff0d,#ffffff05)}.app-container.public-folder-mode .sidebar{border-right:1px solid rgba(79,150,255,.2)}.public-folder-info{padding:12px;margin-top:16px;background-color:#4f96ff0d;border-radius:6px;border:1px solid rgba(79,150,255,.2)}.public-folder-info p{margin:0;font-size:12px;color:#999;line-height:1.4;text-align:center}@media (max-width: 900px){.main-content.with-right-panel{width:calc(100% - 400px);min-width:300px}.sidebar,.shared-folder-panel{width:200px}}@media (max-width: 800px){.main-content.with-right-panel{width:calc(100% - 360px);min-width:250px}.sidebar,.shared-folder-panel{width:180px}}@media (max-width: 700px){.main-content.with-right-panel{width:calc(100% - 220px);min-width:200px}.shared-folder-panel{position:absolute;right:0;top:0;z-index:100;box-shadow:-2px 0 8px #0000004d}}.app-page{min-height:100vh;position:relative;display:flex;flex-direction:column}.landing-page{min-height:100vh;background:#000;overflow-x:hidden}.landing-cta-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:1000}.landing-cta-button{background:#28292be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1.5rem;color:#fff;font-family:Helvetica Now Display Bold,Arial,sans-serif;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.landing-cta-button:hover{background:#3c3d3fe6;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 25px #0006}.embedded-use-btn-container{position:fixed;bottom:2rem;right:2rem;z-index:1000}.embedded-use-btn{background:#28292be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1.5rem;color:#fff;font-family:Helvetica Now Display Bold,Arial,sans-serif;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.embedded-use-btn:hover{background:#3c3d3fe6;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 25px #0006}.landing-use-btn-container{position:fixed;top:2rem;right:2rem;z-index:1000}.landing-use-btn{background:#28292be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.75rem 1.5rem;color:#fff;font-family:Helvetica Now Display Bold,Arial,sans-serif;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 20px #0000004d}.landing-use-btn:hover{background:#3c3d3fe6;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 25px #0006}.landing-content{font-family:Helvetica Now Display Bold,Arial,sans-serif;background:#000;color:#fff;min-height:100vh;overflow-x:hidden}.navbar-container{width:100%;position:fixed;top:0;left:0;z-index:100;display:flex;justify-content:center;margin-top:1rem}.landing-navbar{background:#000;border-radius:20px;padding:.5rem 2rem;display:flex;align-items:center;justify-content:space-between;max-width:1000px;width:90%;height:60px;border:1px solid transparent;transition:border-color .3s ease}.landing-navbar.scrolled{border-color:#fff3}.navbar-logo{font-weight:800;font-size:1.5rem;background:linear-gradient(270deg,#ff5f6d,#ffc371,#6b8d92,#ff5f6d);background-size:800% 800%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:borderFlow 50s ease infinite;text-shadow:0 0 8px rgba(255,255,255,.1)}.navbar-center{display:flex;gap:1.5rem;justify-content:center;align-items:center}.navbar-actions{color:#ccc;font-weight:500;transition:color .3s ease}.navbar-actions:hover{color:#fff}.desktop-only{display:block}.use-simplyfolder-btn{border:.5px solid rgb(153,153,153);border-radius:8px;padding:.8rem 1rem;color:#fff;font-weight:500;transition:background .3s ease}.use-simplyfolder-btn:hover{background:#ffffff1a}.landing-card{width:90%;max-width:1600px;height:clamp(500px,60vw,800px);margin:200px auto 600px;background:url(/bg-image.png) center/cover no-repeat;border-radius:20px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;padding:0}.landing-content:not(:has(.navbar-container)) .landing-card{margin-top:100px}.hero-text{text-align:center;margin-top:7.5%;z-index:2}.hero-text .big-text{font-size:clamp(2.5rem,6vw,6rem);line-height:1.1;font-weight:800;margin-bottom:.5rem}.hero-text .small-text{font-size:clamp(.8rem,.9vw + .2rem,1.25rem);font-weight:400;opacity:.8}.hero-image{width:100%;display:flex;justify-content:center;margin-top:2rem}.hero-image img{width:80%;max-width:1000px;height:auto;transition:transform .3s ease;border-radius:12px;box-shadow:0 8px 30px #0006}.hero-image:hover img{transform:scale(1.02)}.sheen{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:radial-gradient(circle at center,#ffffff0d,#0096ff0d 20%,#fff0 60%);mix-blend-mode:screen;opacity:.6;border-radius:12px;transition:background .1s ease}.used-to{text-align:center;font-size:clamp(2rem,5vw,4.5rem);color:#fff;margin-top:1rem;margin-bottom:1rem}.final-card{width:90%;height:clamp(380px,60vw,800px);margin:0 auto;background:url(/bg-image.png) center/cover no-repeat;border-radius:20px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;padding:0}.video-hero{width:100%;display:flex;justify-content:center;margin-top:2rem}.video-hero video{width:95%;max-width:1500px;height:auto;transition:transform .3s ease;border-radius:12px;box-shadow:0 8px 30px #0006;margin-top:10%}.final-card2{width:90%;height:clamp(380px,60vw,800px);margin:520px auto 0;background:url(/bg-image.png) center/cover no-repeat;border-radius:20px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;align-items:center;overflow:hidden;position:relative;padding:0}.card-heading{max-width:90%;text-align:center;font-size:clamp(1.75rem,5vw,4rem);font-weight:700;color:#fff;pointer-events:none}.video-hero2{width:100%;display:flex;justify-content:center}.video-hero2 video{width:95%;max-width:1200px;height:auto;transition:transform .3s ease;border-radius:12px;box-shadow:0 8px 30px #0006}.tutorial-text{text-align:center;font-size:clamp(2rem,5vw,4.5rem);color:#fff;margin-top:25rem;margin-bottom:2rem}.glowing-bar{position:relative;width:450px;height:0px;margin-top:230px;background:#0ff;border-radius:5px;left:0;box-shadow:0 0 60px #0ff,0 0 120px #0ffc,0 0 180px #0ff9,0 0 240px #0ff6,0 0 300px #0ff3;animation:pingpong 15s infinite ease-in-out alternate,glowPulse .2s infinite ease-in-out,rotateGlow 10s infinite linear}.glowing-bar:before,.glowing-bar:after{content:"";position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(0,255,255,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:haloPulse 4s infinite ease-in-out;pointer-events:none;filter:blur(20px)}.glowing-bar:after{animation-delay:2s}@keyframes pingpong{0%{transform:translate(0)}to{transform:translate(calc(100vw - 450px))}}@keyframes glowPulse{0%,to{box-shadow:0 0 60px #0ff,0 0 120px #0ffc,0 0 180px #0ff9,0 0 240px #0ff6,0 0 300px #0ff3}50%{box-shadow:0 0 120px #0ff,0 0 240px #00ffffe6,0 0 360px #0ff9,0 0 480px #00ffff4d,0 0 600px #00ffff1a}}@keyframes haloPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.2)}}@keyframes rotateGlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes borderFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.expandable-card{width:60%;max-width:1000px;margin:15rem auto;background:#000;border:1px solid #cecece;border-radius:10px;padding:1rem 4rem;overflow:hidden}.expandable-title{font-family:Courier New,monospace;text-align:center;font-size:2.5rem;color:#fff;margin-bottom:0rem}.typewriter-container{font-family:Courier New,monospace;color:#fff;line-height:1.7;white-space:pre-wrap}.expand-link{color:#fff;margin-top:1rem;display:inline-block;transition:color .3s ease}.expand-link:hover{color:#b7b7b7}.expandable-card.expanded .typewriter-container{display:none}.expandable-card.expanded .full-content{display:block!important}.full-content p{font-family:Courier New,monospace;color:#fff;line-height:1.7;margin-bottom:1rem}header{padding:4rem 1rem 2rem;text-align:center}header h1{font-size:2.8rem;font-weight:700;margin-bottom:1rem}header p{font-size:1.2rem;color:#aaa;max-width:700px;margin:0 auto}.info{max-width:960px;margin:4rem auto;padding:0 1rem;display:flex;flex-direction:column;gap:2rem}.info-block{position:relative;border-radius:1rem;padding:2px;background:linear-gradient(135deg,#ff5f6d,#ffc371,#00e0ff);background-size:100% 100%;transition:background 1.2s ease-in-out,background-size .3s ease;overflow:hidden}.info-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#222,#333);opacity:0;transition:opacity 1.2s ease;z-index:0;border-radius:inherit}.info-block:hover{background:linear-gradient(270deg,#ff5f6d,#ffc371,#00e0ff,#ff5f6d);background-size:600% 600%;animation:borderFlow 6s ease infinite}.info:has(.info-block:hover) .info-block:not(:hover):before{opacity:1}.info-left{position:relative;z-index:1;background-color:#161616;border-radius:.95rem;padding:1.5rem 2rem;display:flex;flex-direction:column;gap:.5rem}.info-left h2{font-size:1.25rem;font-weight:700;color:#fff;margin:0}.info-left strong{font-size:1.5rem;color:#fff;font-weight:700}.info-left p{margin:0;font-size:1rem;color:#aaa}.copy-email,.copy-email:visited,.copy-email:hover,.copy-email:active{color:#b2b2b2;text-decoration:none}.copy-email:hover{color:#eaeaea}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.hamburger div{width:25px;height:3px;background:#fff;transition:all .3s ease}.mobile-menu{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#000;color:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;z-index:200}.mobile-menu.active{display:flex}.mobile-links{display:flex;flex-direction:column;gap:2rem;text-align:center}.mobile-action{font-size:2rem;cursor:pointer;transition:color .3s}.mobile-action:hover{color:#0ff}.close-btn{position:absolute;top:1.5rem;right:2rem;font-size:2rem;cursor:pointer}@media (max-width: 768px){.expandable-card{width:90%;padding:1.5rem 1.2rem;margin:10rem auto}.expandable-title{font-size:1.75rem}.typewriter-container,.full-content p{font-size:.95rem}.desktop-nav,.desktop-only{display:none}.hamburger{display:flex}.landing-navbar{width:90%!important;border-radius:10px;height:32px;padding:.5rem 1rem;justify-content:space-between;margin-top:1rem}.navbar-container{margin-top:0}.glowing-bar{width:200px}@keyframes pingpong{0%{transform:translate(0)}to{transform:translate(calc(100vw - 200px))}}}#features{scroll-margin-top:150px}#pricing{scroll-margin-top:330px}#philosophy{scroll-margin-top:0px}.loading-spinner-container{display:flex;align-items:center;justify-content:center;z-index:10000}.loading-spinner-fixed{position:fixed;bottom:20px;right:20px}.loading-spinner-absolute{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner-relative{position:relative;margin:20px auto}.loading-spinner-inline{position:static;display:inline-flex}.loading-spinner-content{background:linear-gradient(135deg,#1e1e1ef2,#2a2a2af2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff26,inset 0 -1px #0003;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:default;-webkit-user-select:none;user-select:none}.loading-spinner-content:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080,0 6px 20px #0006,0 3px 12px #0000004d,inset 0 1px #fff3,inset 0 -1px #0000004d;border-color:#fff3}.loading-spinner-small{padding:10px 14px;min-width:100px}.loading-spinner-small .loading-spinner-circle{width:14px;height:14px;border-width:2px}.loading-spinner-small .loading-spinner-text{font-size:12px}.loading-spinner-medium{padding:14px 18px;min-width:140px}.loading-spinner-medium .loading-spinner-circle{width:18px;height:18px;border-width:2.5px}.loading-spinner-medium .loading-spinner-text{font-size:14px}.loading-spinner-large{padding:18px 24px;min-width:180px}.loading-spinner-large .loading-spinner-circle{width:24px;height:24px;border-width:3px}.loading-spinner-large .loading-spinner-text{font-size:16px}.loading-spinner-circle{border:2.5px solid rgba(79,150,255,.2);border-top:2.5px solid #4F96FF;border-right:2.5px solid rgba(79,150,255,.6);border-radius:50%;width:18px;height:18px;animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;filter:drop-shadow(0 0 4px rgba(79,150,255,.3));flex-shrink:0}.loading-spinner-text{color:#fff;font-size:14px;font-weight:500;letter-spacing:.01em;white-space:nowrap}@keyframes spin{0%{transform:rotate(0);filter:drop-shadow(0 0 4px rgba(79,150,255,.3))}50%{transform:rotate(180deg);filter:drop-shadow(0 0 8px rgba(79,150,255,.5))}to{transform:rotate(360deg);filter:drop-shadow(0 0 4px rgba(79,150,255,.3))}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(4px)}50%{opacity:.8;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (max-width: 768px){.loading-spinner-fixed{bottom:16px;right:16px}.loading-spinner-content{padding:12px 16px;min-width:120px}.loading-spinner-text{font-size:13px}}@media (prefers-color-scheme: dark){.loading-spinner-content{background:linear-gradient(135deg,#141414f2,#202020f2)}}@media (prefers-reduced-motion: reduce){.loading-spinner-circle{animation:spin 2s linear infinite}.loading-spinner-content{animation:none}.loading-spinner-content:hover{transform:none}}