:root{--bg-app:#fff;--bg-surface:#fff;--bg-surface-hover:#f8f9fa;--bg-surface-active:#e8f0fe;--bg-elevated:#fff;--bg-input:#f1f3f4;--bg-sidebar:#f8f9fa;--bg-dropzone:#fafbfc;--text-primary:#202124;--text-secondary:#5f6368;--text-tertiary:#80868b;--text-on-brand:#fff;--border-default:#e0e0e0;--border-light:#eee;--border-focus:#1a73e8;--brand:#1a73e8;--brand-hover:#1557b0;--brand-light:#e8f0fe;--green:#188038;--green-light:#e6f4ea;--red:#d93025;--red-light:#fce8e6;--amber:#e37400;--amber-light:#fef7e0;--purple:#7627bb;--purple-light:#f3e8fd;--gray:#5f6368;--shadow-xs:0 1px 2px #3c40431a;--shadow-sm:0 1px 3px #3c404326, 0 1px 2px #3c40431a;--shadow-md:0 4px 8px #3c40431a, 0 1px 3px #3c404314;--shadow-lg:0 8px 24px #3c40431f, 0 2px 8px #3c404314;--shadow-widget:0 8px 28px #00000026, 0 2px 8px #0000000f;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", Consolas, Monaco, monospace;--widget-header-bg:#202124;--widget-header-text:#e8eaed}[data-theme=dark]{--bg-app:#1a1a1a;--bg-surface:#202020;--bg-surface-hover:#2a2a2a;--bg-surface-active:#1a3a5c;--bg-elevated:#282828;--bg-input:#303030;--bg-sidebar:#1a1a1a;--bg-dropzone:#1e1e1e;--text-primary:#e8eaed;--text-secondary:#9aa0a6;--text-tertiary:#6e7479;--border-default:#3c3c3c;--border-light:#333;--border-focus:#8ab4f8;--brand:#8ab4f8;--brand-hover:#aecbfa;--brand-light:#1a3a5c;--green:#81c995;--green-light:#1a3326;--red:#f28b82;--red-light:#3c1f1e;--amber:#fdd663;--amber-light:#3d2f00;--purple:#d7aefb;--purple-light:#2d1a40;--shadow-xs:0 1px 3px #0000004d;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 28px #00000080;--shadow-widget:0 12px 36px #0009;--widget-header-bg:#000;--widget-header-text:#e8eaed}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100%;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-body-container{flex:1;display:flex;overflow:hidden}.navbar{background:var(--bg-surface);border-bottom:1px solid var(--border-light);z-index:40;align-items:center;gap:16px;height:56px;padding:0 16px;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:10px;min-width:220px;display:flex}.brand-icon-wrapper{width:32px;height:32px;color:var(--brand);justify-content:center;align-items:center;display:flex}.brand-title{color:var(--text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.brand-badge{border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-tertiary);margin-left:6px;padding:2px 6px;font-size:10px;font-weight:500}.navbar-search-wrapper{flex:1;max-width:600px;position:relative}.navbar-search-input{border-radius:var(--radius-sm);background:var(--bg-input);width:100%;height:40px;color:var(--text-primary);border:none;outline:none;padding:0 12px 0 40px;font-size:13px;transition:background .15s,box-shadow .15s}.navbar-search-input:focus{background:var(--bg-surface);box-shadow:0 0 0 1px var(--border-focus)}.navbar-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.navbar-actions{align-items:center;gap:4px;display:flex}.evaluator-deck-btn{border-radius:var(--radius-sm);background:var(--bg-input);height:32px;color:var(--text-secondary);align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s;display:flex}.evaluator-deck-btn:hover{background:var(--border-default)}.icon-button{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;transition:background .1s;display:flex}.icon-button:hover{background:var(--bg-surface-hover)}.user-avatar{border-radius:var(--radius-full);background:var(--brand);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-light);flex-direction:column;flex-shrink:0;gap:2px;width:240px;padding:12px 8px;display:flex}.btn-new-upload{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);height:44px;color:var(--text-primary);box-shadow:var(--shadow-xs);align-items:center;gap:10px;margin-bottom:12px;padding:0 18px;font-size:14px;font-weight:500;transition:box-shadow .15s;display:flex}.btn-new-upload:hover{box-shadow:var(--shadow-sm)}.sidebar-nav-item{border-radius:var(--radius-full);height:36px;color:var(--text-secondary);align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.sidebar-nav-item:hover{background:var(--bg-surface-hover)}.sidebar-nav-item.active{background:var(--brand-light);color:var(--brand);font-weight:600}.sidebar-storage-box{border-top:1px solid var(--border-light);margin-top:auto;padding:12px}.storage-title{color:var(--text-tertiary);justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.storage-progress-track{border-radius:var(--radius-full);background:var(--bg-input);height:4px;margin-bottom:6px;overflow:hidden}.storage-progress-bar{background:var(--brand);border-radius:var(--radius-full);height:100%;transition:width .3s}.main-content{flex:1;padding:20px 28px 100px;overflow-y:auto}.workspace-header{margin-bottom:20px}.workspace-header h1{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:2px;font-size:22px;font-weight:600}.workspace-subtitle{color:var(--text-tertiary);font-size:13px}.header-action-group{align-items:center;gap:8px;display:flex}.action-btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);height:32px;color:var(--text-primary);align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.action-btn-secondary:hover{background:var(--bg-surface-hover)}.action-btn-primary{border-radius:var(--radius-sm);background:var(--brand);color:#fff;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:13px;font-weight:500;transition:opacity .1s;display:flex}.action-btn-primary:hover{opacity:.9}.dropzone-card{border:1.5px dashed var(--border-default);border-radius:var(--radius-md);text-align:center;background:var(--bg-dropzone);cursor:pointer;margin-bottom:24px;padding:36px 24px;transition:border-color .2s,background .2s}.dropzone-card:hover,.dropzone-card.drag-active{border-color:var(--brand);background:var(--brand-light)}.dropzone-content{flex-direction:column;align-items:center;gap:8px;display:flex}.dropzone-icon-circle{border-radius:var(--radius-full);background:var(--brand-light);width:44px;height:44px;color:var(--brand);justify-content:center;align-items:center;display:flex}.dropzone-title{color:var(--text-primary);font-size:15px;font-weight:500}.dropzone-desc{color:var(--text-tertiary);max-width:400px;font-size:13px}.dropzone-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:2px;display:flex}.feature-pill{border-radius:var(--radius-full);background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-tertiary);padding:2px 8px;font-size:11px;font-weight:500}.fullscreen-drag-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;pointer-events:none;background:#1a73e814;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drag-overlay-box{background:var(--bg-surface);border:2px dashed var(--brand);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:40px 56px;animation:.15s slideUp;display:flex}.files-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.files-section-title{font-size:14px;font-weight:600}.view-toggle-group{background:var(--bg-input);border-radius:var(--radius-sm);padding:2px;display:flex}.view-toggle-btn{width:28px;height:28px;color:var(--text-tertiary);border-radius:6px;justify-content:center;align-items:center;transition:all .1s;display:flex}.view-toggle-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.files-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.file-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);flex-direction:column;gap:10px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex}.file-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.file-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.file-type-icon-box{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:10px;font-weight:600;display:flex}.file-name-info{flex:1;min-width:0}.file-name-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;display:block;overflow:hidden}.file-meta-text{color:var(--text-tertiary);margin-top:1px;font-size:11px}.file-card-actions{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-top:8px;display:flex}.card-share-btn{color:var(--brand);border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .1s;display:flex}.card-share-btn:hover{background:var(--brand-light)}.status-badge{border-radius:var(--radius-full);text-transform:capitalize;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.status-badge.pending{background:var(--amber-light);color:var(--amber)}.status-badge.uploading{background:var(--brand-light);color:var(--brand)}.status-badge.completed{background:var(--green-light);color:var(--green)}.status-badge.failed{background:var(--red-light);color:var(--red)}.status-badge.paused{background:var(--purple-light);color:var(--purple)}.status-badge.cancelled{background:var(--bg-input);color:var(--text-tertiary)}.files-table-container{border:1px solid var(--border-light);border-radius:var(--radius-sm);overflow-x:auto}.files-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.files-table th{color:var(--text-tertiary);border-bottom:1px solid var(--border-light);background:var(--bg-sidebar);padding:10px 14px;font-size:12px;font-weight:500}.files-table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:10px 14px}.files-table tr:hover td{background:var(--bg-surface-hover)}.floating-upload-manager{z-index:1000;border-radius:var(--radius-sm);width:380px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-widget);background:var(--bg-surface);border:1px solid var(--border-default);animation:.2s slideUp;position:fixed;bottom:16px;right:16px;overflow:hidden}.floating-upload-manager.minimized{border-radius:var(--radius-sm);width:300px}.widget-header{background:var(--widget-header-bg);color:var(--widget-header-text);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;height:44px;padding:0 14px;font-size:13px;display:flex}.widget-header-title{align-items:center;gap:8px;font-weight:500;display:flex}.widget-header-actions{align-items:center;gap:4px;display:flex}.widget-action-icon{border-radius:var(--radius-full);color:#fff9;justify-content:center;align-items:center;width:26px;height:26px;transition:all .1s;display:flex}.widget-action-icon:hover{color:#fff;background:#ffffff1f}.widget-batch-progress{background:#ffffff26;height:2px}.widget-batch-progress-bar{background:#8ab4f8;height:100%;transition:width .3s}.widget-body{max-height:360px;padding:4px 0;overflow-y:auto}.widget-item-row{border-bottom:1px solid var(--border-light);flex-direction:column;gap:5px;padding:8px 14px;transition:background .1s;display:flex}.widget-item-row:hover{background:var(--bg-surface-hover)}.widget-item-row:last-child{border-bottom:none}.widget-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.widget-item-identity{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.widget-file-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.widget-item-actions{align-items:center;gap:2px;display:flex}.widget-mini-btn{border-radius:var(--radius-full);width:24px;height:24px;color:var(--text-tertiary);justify-content:center;align-items:center;transition:all .1s;display:flex}.widget-mini-btn:hover{background:var(--bg-input);color:var(--text-primary)}.widget-item-progress-track{border-radius:var(--radius-full);background:var(--bg-input);height:3px;overflow:hidden}.widget-item-progress-fill{border-radius:var(--radius-full);background:var(--brand);height:100%;transition:width .2s}.widget-item-progress-fill.failed{background:var(--red)}.widget-item-progress-fill.completed{background:var(--green)}.widget-item-progress-fill.paused{background:var(--purple)}.widget-item-details{color:var(--text-tertiary);justify-content:space-between;font-size:11px;display:flex}.chunk-visualizer-box{background:var(--bg-input);border-radius:6px;margin-top:4px;padding:8px}.chunk-matrix-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:500;display:flex}.chunk-matrix-grid{flex-wrap:wrap;gap:3px;display:flex}.chunk-block{border-radius:2px;width:12px;height:12px;font-size:0;transition:background .15s}.chunk-block.pending{background:var(--border-default)}.chunk-block.uploading{background:var(--brand);opacity:.7}.chunk-block.completed{background:var(--green)}.chunk-block.failed{background:var(--red)}.modal-backdrop{z-index:2000;background:#00000059;justify-content:center;align-items:center;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.share-modal-dialog{background:var(--bg-surface);border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light);animation:.2s slideUp;overflow:hidden}.share-modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.share-modal-title{color:var(--text-primary);align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.share-modal-body{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.share-input-group{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:8px 12px;display:flex}.share-input-group input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:13px}.role-select{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;outline:none;font-size:12px;font-weight:500}.collaborators-list{flex-direction:column;gap:10px;display:flex}.collaborator-row{justify-content:space-between;align-items:center;display:flex}.collaborator-info{align-items:center;gap:10px;display:flex}.collaborator-avatar{border-radius:var(--radius-full);background:var(--brand-light);width:32px;height:32px;color:var(--brand);justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.general-access-box{background:var(--bg-dropzone);border:1px solid var(--border-light);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.share-modal-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.copy-link-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--brand);align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .1s;display:flex}.copy-link-btn:hover{background:var(--brand-light)}.evaluator-drawer{background:var(--bg-surface);border-left:1px solid var(--border-light);width:320px;box-shadow:var(--shadow-md);z-index:950;flex-direction:column;animation:.15s slideUp;display:flex;position:fixed;top:56px;bottom:0;right:0}.evaluator-drawer-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.evaluator-drawer-title{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.evaluator-drawer-body{flex-direction:column;flex:1;gap:18px;padding:16px;display:flex;overflow-y:auto}.evaluator-section{flex-direction:column;gap:6px;display:flex}.evaluator-label{color:var(--text-secondary);justify-content:space-between;font-size:12px;font-weight:500;display:flex}.range-slider{width:100%;accent-color:var(--brand);cursor:pointer}.preset-pills-row{gap:6px;display:flex}.preset-pill-btn{border:1px solid var(--border-light);background:var(--bg-surface);color:var(--text-secondary);text-align:center;border-radius:6px;flex:1;padding:5px 6px;font-size:11px;font-weight:500;transition:all .1s}.preset-pill-btn.active{border-color:var(--brand);background:var(--brand-light);color:var(--brand)}.toast-container{z-index:3000;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed;bottom:16px;left:16px}.toast{background:var(--widget-header-bg);color:#fff;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:8px;padding:10px 16px;font-size:13px;animation:.15s slideUp;display:flex}@media (width<=768px){.sidebar{display:none}.main-content{padding:16px}.floating-upload-manager{width:calc(100vw - 16px);bottom:8px;right:8px}.evaluator-drawer{width:100vw}}