@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh;background-color:#f8f9fa}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;color:#213547;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #161616;--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-muted: #6b7280;--border-color: #262626;--border-hover: #404040;--accent-primary: #f97316;--accent-hover: #ea580c;--accent-light: #fed7aa;--success: #10b981;--success-bg: #064e3b;--error: #ef4444;--error-bg: #7f1d1d;--warning: #f59e0b;--warning-bg: #78350f;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .5)}*{box-sizing:border-box;margin:0;padding:0}svg{width:1rem;height:1rem;flex-shrink:0}.file-item>svg{width:1.25rem;height:1.25rem}html{font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;min-height:100vh}.app{min-height:100vh;background:var(--bg-primary)}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-brand{display:flex;align-items:center;gap:.75rem}.logo{height:32px;width:auto}.app-header{position:sticky;top:0;z-index:100}.app-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-controls{display:flex;align-items:center;gap:1rem}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background:var(--border-hover);border-color:var(--border-hover)}.connection-info{display:flex;align-items:center;gap:1rem;background:var(--bg-tertiary);padding:.5rem 1rem;border-radius:.75rem;font-size:.875rem;color:var(--text-secondary);border:1px solid var(--border-color)}.status-indicator{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.disconnect-btn{background:var(--error);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.disconnect-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-main{padding:2rem;max-width:1200px;margin:0 auto}.warning-banner{background:var(--warning-bg);border:1px solid var(--warning);border-radius:.75rem;padding:1rem;margin-bottom:2rem;display:flex;align-items:center;gap:.75rem;color:var(--warning);font-size:.875rem}.cors-instructions{background:var(--bg-card);border:1px solid var(--border-color);border-radius:1rem;padding:2rem;margin:2rem auto;max-width:800px;box-shadow:var(--shadow-md)}.setup-header{text-align:center;margin-bottom:1.5rem}.setup-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.setup-header p{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem}.step-section{margin-bottom:2rem}.step-section h4{font-size:1.125rem;font-weight:600;color:var(--accent-primary);margin-bottom:1rem}.step-section ol{list-style:decimal;margin-left:1.5rem;color:var(--text-secondary)}.step-section li{margin-bottom:.5rem;line-height:1.6}.step-section strong{color:var(--text-primary);font-weight:600}.permissions-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.permissions-list code{background:var(--accent-primary);color:#fff;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;font-family:SF Mono,monospace}.code-block{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;margin:1.5rem 0;overflow:hidden}.code-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.copy-btn{background:var(--accent-primary);color:#fff;border:none;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:var(--accent-hover)}.code-block pre{margin:0;padding:1rem;overflow-x:auto;background:transparent}.code-block code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary)}.credentials-form{background:var(--bg-secondary);border:1px solid var(--accent-primary);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg);max-width:500px;margin:0 auto 2rem;position:relative}.credentials-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6);border-radius:1rem 1rem 0 0}.credentials-form h2{text-align:center;margin-bottom:2rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary);font-size:.875rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.credentials-form button{width:100%;background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.credentials-form button:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.file-explorer{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-lg)}.breadcrumb{background:var(--bg-tertiary);padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-family:SF Mono,monospace;font-size:.875rem;color:var(--text-secondary)}.breadcrumb-actions{display:flex;gap:.75rem;align-items:center}.nav-button,.create-folder-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.nav-button{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.nav-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.create-folder-btn{background:var(--success);color:#fff}.create-folder-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dropzone{margin:1rem;padding:1.25rem 1rem;border:2px dashed var(--border-color);border-radius:.75rem;text-align:center;cursor:pointer;transition:all .3s ease;background:var(--bg-primary)}.dropzone:hover,.dropzone.active{border-color:var(--accent-primary);background:#3b82f60d;color:var(--accent-primary)}.dropzone.uploading{border-color:var(--success);background:#10b9810d;color:var(--success);pointer-events:none}.dropzone p{margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:500;font-size:.875rem;color:inherit;line-height:1.3}.dropzone svg{flex-shrink:0;width:18px;height:18px}.file-list{max-height:600px;overflow-y:auto}.file-item{display:flex;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:all .2s ease;cursor:pointer;gap:.75rem}.file-item:hover{background:var(--bg-tertiary)}.file-item:last-child{border-bottom:none}.file-item.folder{color:var(--warning)}.file-item>svg{width:1.25rem;height:1.25rem;flex-shrink:0}.file-item .item-name{flex:1;font-weight:500;cursor:pointer}.file-item.folder .item-name:hover{color:var(--accent-primary)}.file-info{display:flex;align-items:center;gap:1rem;font-size:.875rem;color:var(--text-muted)}.download-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.download-btn:hover{background:#3b82f61a;color:var(--accent-hover)}.download-btn svg{width:16px;height:16px}.search-filter-bar{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-tertiary);display:flex;flex-direction:column;gap:1rem}.search-box{position:relative;display:flex;align-items:center;max-width:400px}.search-icon{position:absolute;left:.75rem;width:16px;height:16px;color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.clear-search{position:absolute;right:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.clear-search:hover{color:var(--text-primary);background:var(--bg-tertiary)}.filter-section{position:relative;display:flex;align-items:center;gap:1rem}.filter-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.filter-toggle:hover,.filter-toggle.active{border-color:var(--accent-primary);color:var(--accent-primary)}.filter-dropdown{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.filter-dropdown label{color:var(--text-secondary);font-weight:500}.file-type-select{padding:.375rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer}.file-type-select:focus{outline:none;border-color:var(--accent-primary)}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-tag{display:flex;align-items:center;gap:.375rem;background:var(--accent-primary);color:#fff;padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:500}.filter-tag button{background:none;border:none;color:#fff;cursor:pointer;padding:.125rem;border-radius:50%;transition:background-color .2s ease}.filter-tag button:hover{background:#fff3}.file-type-badge{background:var(--bg-tertiary);color:var(--text-muted);padding:.125rem .375rem;border-radius:.25rem;font-size:.6875rem;font-weight:500;text-transform:uppercase}.no-results{padding:3rem 1rem;text-align:center;color:var(--text-muted)}.no-results p{margin-bottom:1rem;font-size:.875rem}.clear-filters-btn{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.clear-filters-btn:hover{background:var(--accent-hover)}@media (min-width: 640px){.search-filter-bar{flex-direction:row;align-items:center;justify-content:space-between}}.rename-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.rename-btn:hover{color:var(--accent-primary);background:var(--bg-tertiary)}.rename-input-container{display:flex;align-items:center;gap:.5rem;flex:1}.rename-input{flex:1;padding:.25rem .5rem;border:1px solid var(--accent-primary);border-radius:.25rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:500}.rename-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.rename-save-btn{background:var(--success);border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.rename-save-btn:hover{background:#059669}.item-actions{display:flex;gap:.25rem;margin-left:.5rem;opacity:0;transition:opacity .2s ease}.file-item:hover .item-actions{opacity:1}.delete-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.delete-btn:hover{color:var(--error);background:var(--error-bg)}.share-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.share-btn:hover{color:var(--accent-primary);background:#3b82f61a}.delete-item-name{font-weight:600;color:var(--accent-primary);margin:1rem 0;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;font-family:SF Mono,monospace;font-size:.875rem}.delete-confirm-btn{background:var(--error);color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-confirm-btn:hover{background:#dc2626}.create-folder-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-color);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-lg);min-width:400px;max-width:90vw}.modal-content h3{margin-bottom:1.5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.modal-content input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:.5rem;background:var(--bg-primary);color:var(--text-primary);margin-bottom:1.5rem;font-size:.875rem}.modal-content input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.create-btn,.cancel-btn{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.create-btn{background:var(--success);color:#fff}.create-btn:hover{background:#059669}.cancel-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover{background:var(--border-hover);color:var(--text-primary)}.toast{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.375rem;padding:.5rem .75rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:200px;max-width:280px;font-size:.8125rem;border-left:3px solid transparent}.toast-success{border-left-color:var(--success);background:var(--bg-secondary)}.toast-error{border-left-color:var(--error);background:var(--bg-secondary)}.toast-warning{border-left-color:var(--warning);background:var(--bg-secondary)}.toast-info{border-left-color:var(--accent-primary);background:var(--bg-secondary)}.loading{padding:3rem;text-align:center;color:var(--text-muted);font-size:.875rem}.bulk-operations-bar{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;animation:slideDown .2s ease-out;position:relative;z-index:10}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selection-info{display:flex;align-items:center;gap:1rem;color:var(--text-secondary)}.clear-selection-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.clear-selection-btn:hover{color:var(--text-primary);background:var(--bg-primary)}.clear-selection-btn svg{width:16px;height:16px}.bulk-actions{display:flex;gap:.75rem}.bulk-download-btn{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.bulk-download-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bulk-download-btn svg{width:16px;height:16px}.bulk-delete-btn{background:var(--error);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.bulk-delete-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bulk-delete-btn svg{width:16px;height:16px}.bulk-share-btn{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.bulk-share-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.bulk-share-btn svg{width:16px;height:16px}.checkbox-container{position:relative;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.875rem;color:var(--text-secondary);flex-shrink:0;width:auto}.checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:16px;width:16px;background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:.25rem;position:relative;transition:all .2s ease;flex-shrink:0}.checkbox-container:hover .checkmark{border-color:var(--accent-primary)}.checkbox:checked~.checkmark{background-color:var(--accent-primary);border-color:var(--accent-primary)}.checkmark:after{content:"";position:absolute;display:none;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox:checked~.checkmark:after{display:block}.select-all-header{background:var(--bg-tertiary);padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color);font-weight:500}.select-all-header .checkbox-container{gap:.5rem}.file-item .checkbox-container{width:16px;margin-right:0}.file-item.selected{background:var(--accent-primary)!important;color:#fff}.file-item.selected .item-name,.file-item.selected .file-info{color:#fff}.file-item.selected .file-type-badge{background:#fff3;color:#fff}.preview-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preview-content{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.preview-header{background:var(--bg-tertiary);padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.preview-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.close-preview-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.close-preview-btn:hover{color:var(--text-primary);background:var(--bg-primary)}.preview-body{padding:1rem;flex:1;overflow:auto;min-height:300px;max-height:70vh}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:.5rem}.preview-text{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin:0;overflow:auto;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;line-height:1.5;color:var(--text-primary);max-height:60vh}.preview-pdf{width:100%;height:70vh;border:none;border-radius:.5rem}.preview-loading,.preview-error{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.875rem}.preview-error{color:var(--error)}.preview-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.preview-btn:hover{background:#3b82f61a;color:var(--accent-hover)}.preview-btn svg{width:16px;height:16px}.upload-progress-panel{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.75rem;margin:1rem;overflow:hidden;box-shadow:var(--shadow-sm)}.upload-progress-header{background:var(--bg-secondary);padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.upload-progress-header h4{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.progress-summary{font-size:.75rem;color:var(--text-muted)}.upload-progress-list{max-height:200px;overflow-y:auto}.upload-item{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.upload-item:last-child{border-bottom:none}.upload-item-info{flex:1;min-width:0}.upload-filename{font-weight:500;color:var(--text-primary);font-size:.875rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-meta{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.upload-size{font-size:.75rem;color:var(--text-muted)}.upload-speed{font-size:.75rem;color:var(--accent-primary);font-weight:600}.upload-eta{font-size:.75rem;color:var(--warning);font-weight:500}.upload-progress-bar{flex:2;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.upload-progress-fill{height:100%;background:var(--accent-primary);transition:width .3s ease}.upload-pending .upload-progress-fill{background:var(--text-muted)}.upload-preparing .upload-progress-fill{background:var(--warning)}.upload-completed .upload-progress-fill{background:var(--success)}.upload-failed .upload-progress-fill{background:var(--error)}.upload-status{min-width:120px;text-align:right;font-size:.75rem;font-weight:500;display:flex;align-items:center;justify-content:flex-end}.upload-status-info{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.upload-percentage{font-weight:600;color:var(--text-primary)}.upload-message{font-size:.65rem;color:var(--accent-primary);font-weight:500;white-space:nowrap}.upload-error{color:var(--error);cursor:help}.upload-status svg{width:16px;height:16px}.share-modal{max-width:600px}.share-body{padding:1.5rem}.share-duration h4,.share-results h4{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.share-duration p,.share-results p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.875rem}.duration-input{margin-bottom:1.5rem}.duration-input label{display:block;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;padding:0}.duration-controls{display:flex;flex-direction:column;gap:.5rem}.duration-number{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;height:40px;box-sizing:border-box;margin:0}.duration-number:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #3b82f61a}.duration-unit{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;cursor:pointer;height:40px;box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.duration-unit:focus{outline:none;border-color:var(--accent-primary)}.duration-unit option{background:var(--bg-primary);color:var(--text-primary);padding:.5rem}.duration-examples{margin-bottom:1.5rem}.duration-examples p{margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary)}.duration-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.duration-preset{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;cursor:pointer;transition:all .2s ease}.duration-preset:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.generate-share-btn{background:var(--accent-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.generate-share-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.generate-share-btn:disabled{opacity:.6;cursor:not-allowed}.share-links{margin-bottom:1.5rem}.share-link-item{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem;margin-bottom:1rem}.share-link-item:last-child{margin-bottom:0}.share-link-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.share-link-header .filename{font-weight:600;color:var(--text-primary);font-size:.875rem}.share-link-header .expiry{font-size:.75rem;color:var(--text-muted)}.share-link-url{display:flex;flex-direction:column;gap:.5rem}.share-url-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--bg-primary);color:var(--text-primary);font-size:.75rem;font-family:SF Mono,monospace;line-height:1.4;height:36px;box-sizing:border-box;margin:0;border-width:1px}.share-url-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f61a}.copy-url-btn{background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);padding:.5rem 1rem;border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;width:100%;height:36px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;border-width:1px}.copy-url-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.close-share-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease}.close-share-btn:hover{background:var(--border-hover);color:var(--text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 768px){.app-header{padding:1rem;flex-direction:column;gap:1rem}.app-main{padding:1rem}.breadcrumb{flex-direction:column;gap:1rem;align-items:flex-start}.breadcrumb-actions{width:100%;justify-content:space-between}.modal-content{min-width:auto;margin:1rem}}