.sidebar{width:260px;height:100vh;background-color:var(--token-color-white);border-right:1px solid var(--token-color-gray-300);display:flex;flex-direction:column;position:sticky;top:0;flex-shrink:0}.sidebar-logo{padding:var(--token-space-6) var(--token-space-5);display:flex;align-items:center;gap:var(--token-space-3);border-bottom:1px solid var(--token-color-gray-100)}.logo-icon{width:32px;height:32px;background-color:var(--token-color-primary);border-radius:var(--token-radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.logo-text{font-size:var(--token-font-size-lg);font-weight:var(--token-font-weight-bold);color:var(--token-color-gray-900);letter-spacing:-.5px}.sidebar-nav{padding:var(--token-space-4) var(--token-space-3);flex-grow:1}.nav-item{display:flex;align-items:center;gap:var(--token-space-3);padding:var(--token-space-3) var(--token-space-4);color:var(--token-color-gray-700);text-decoration:none;font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-medium);border-radius:var(--token-radius-md);transition:all var(--token-transition-fast);margin-bottom:var(--token-space-1)}.nav-item:hover{background-color:var(--token-color-gray-100);color:var(--token-color-gray-900)}.nav-item.active{background-color:var(--token-color-primary-light);color:var(--token-color-primary)}.nav-icon{font-size:18px;display:flex;align-items:center;justify-content:center;width:24px}.sidebar-footer{padding:var(--token-space-4);border-top:1px solid var(--token-color-gray-100)}.storage-info{font-size:var(--token-font-size-xs);color:var(--token-color-gray-500)}.storage-bar{height:4px;background-color:var(--token-color-gray-200);border-radius:var(--token-radius-full);margin-top:var(--token-space-2);overflow:hidden}.storage-progress{height:100%;background-color:var(--token-color-primary);width:45%}.media-table-container{width:100%;background:var(--token-color-white);border-radius:var(--token-radius-md);border:1px solid var(--token-color-gray-300);overflow:hidden;box-shadow:var(--token-shadow-sm)}.media-table{width:100%;border-collapse:collapse;text-align:left}.media-table thead th{position:sticky;top:0;background:var(--token-color-white);padding:var(--token-space-3) var(--token-space-4);border-bottom:1px solid var(--token-color-gray-300);color:var(--token-color-gray-500);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-medium);z-index:10}.media-table tbody tr{border-bottom:1px solid var(--token-color-gray-200);transition:background-color var(--token-transition-fast)}.media-table tbody tr:hover{background-color:var(--token-color-gray-50);cursor:pointer}.media-table td{padding:var(--token-space-3) var(--token-space-4);vertical-align:middle}.media-table tbody tr.is-selected{background-color:var(--token-color-primary-light)}.media-table .select-column{width:44px;padding-left:var(--token-space-3);padding-right:var(--token-space-2);text-align:center}.row-checkbox{width:16px;height:16px;margin:0;accent-color:var(--token-color-primary);cursor:pointer}.checkbox-skeleton{width:16px;height:16px;margin:0 auto}.cell-media{display:flex;align-items:center;gap:var(--token-space-3)}.thumbnail{width:48px;height:48px;background:var(--token-color-gray-100);border-radius:var(--token-radius-sm);object-fit:cover;flex-shrink:0}.media-info{display:flex;flex-direction:column}.media-title{color:var(--token-color-gray-900);font-weight:var(--token-font-weight-medium);font-size:var(--token-font-size-sm);margin-bottom:var(--token-space-1)}.media-tags{display:flex;gap:var(--token-space-1);flex-wrap:wrap}.tag-badge{font-size:11px;color:var(--token-color-gray-500);background:var(--token-color-gray-100);padding:2px 6px;border-radius:var(--token-radius-sm)}.status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--token-radius-full);font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-medium);gap:6px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%}.status-ready{background:var(--token-color-success-bg);color:var(--token-color-success-text)}.status-ready:before{background:var(--token-color-success-text)}.status-failed{background:var(--token-color-error-bg);color:var(--token-color-error-text)}.status-failed:before{background:var(--token-color-error-text)}.status-processing{background:var(--token-color-primary-light);color:var(--token-color-primary)}.status-processing:before{background:var(--token-color-primary);animation:pulse 1.5s infinite ease-in-out}.status-deleted{background:var(--token-color-gray-100);color:var(--token-color-gray-500)}.status-deleted:before{background:var(--token-color-gray-500)}.visibility-cell{display:flex;align-items:center;gap:6px;font-size:var(--token-font-size-sm);color:var(--token-color-gray-500)}.btn-action{background:none;border:none;color:var(--token-color-gray-500);padding:var(--token-space-2);border-radius:var(--token-radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--token-transition-fast)}.btn-action:hover{background:var(--token-color-primary-light);color:var(--token-color-primary)}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(.8)}}.skeleton{background:linear-gradient(90deg,var(--token-color-gray-100) 25%,var(--token-color-gray-50) 50%,var(--token-color-gray-100) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--token-radius-sm)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--token-space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-container{background:var(--token-color-white);width:100%;max-width:1000px;max-height:90vh;border-radius:var(--token-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:var(--token-space-4) var(--token-space-6);border-bottom:1px solid var(--token-color-gray-200);display:flex;justify-content:space-between;align-items:center;background:var(--token-color-white)}.modal-header-title{display:flex;align-items:center;gap:var(--token-space-3);min-width:0}.modal-header-title h2{font-size:var(--token-font-size-lg);font-weight:var(--token-font-weight-bold);color:var(--token-color-gray-900);margin:0;overflow-wrap:anywhere}.modal-context-label{display:block;color:var(--token-color-gray-500);font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);margin-bottom:var(--token-space-1);text-transform:uppercase}.btn-close{background:none;border:none;font-size:24px;color:var(--token-color-gray-400);cursor:pointer;padding:var(--token-space-1);border-radius:var(--token-radius-full);display:flex;align-items:center;justify-content:center;transition:all var(--token-transition-fast)}.btn-close:hover{background:var(--token-color-gray-100);color:var(--token-color-gray-900)}.modal-body{padding:var(--token-space-6);overflow-y:auto;display:grid;grid-template-columns:1.5fr 1fr;gap:var(--token-space-8)}@media(max-width:768px){.modal-body{grid-template-columns:1fr}}.detail-main{display:flex;flex-direction:column;gap:var(--token-space-6)}.preview-container{width:100%;aspect-ratio:16 / 9;background-color:var(--token-color-gray-900);border-radius:var(--token-radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.preview-container video{width:100%;height:100%;object-fit:contain}.preview-fallback{color:var(--token-color-gray-400);display:flex;flex-direction:column;align-items:center;gap:var(--token-space-3);padding:var(--token-space-4);text-align:center}.trash-state-panel{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--token-space-4);padding:var(--token-space-4);border:1px solid var(--token-color-warning-bg);border-radius:var(--token-radius-md);background:var(--token-color-warning-bg);color:var(--token-color-warning-text)}.trash-state-title{color:var(--token-color-gray-900);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);margin-bottom:var(--token-space-1)}.trash-state-panel p{margin:0;font-size:var(--token-font-size-sm);line-height:1.5}.trash-state-retention{flex-shrink:0;color:var(--token-color-gray-900);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-bold);text-align:right}@media(max-width:560px){.trash-state-panel{flex-direction:column}.trash-state-retention{text-align:left}}.asset-info-section h3{font-size:var(--token-font-size-md);margin-bottom:var(--token-space-2);color:var(--token-color-gray-900)}.asset-description{color:var(--token-color-gray-600);line-height:1.6;font-size:var(--token-font-size-sm)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--token-space-2);margin-top:var(--token-space-3)}.detail-side{display:flex;flex-direction:column;gap:var(--token-space-5)}.info-card{background:var(--token-color-gray-50);border:1px solid var(--token-color-gray-200);border-radius:var(--token-radius-md);padding:var(--token-space-4)}.info-card-title{font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);text-transform:uppercase;color:var(--token-color-gray-500);margin-bottom:var(--token-space-3);letter-spacing:.05em}.info-row{display:flex;justify-content:space-between;gap:var(--token-space-3);margin-bottom:var(--token-space-3);font-size:var(--token-font-size-sm)}.info-row:last-child{margin-bottom:0}.info-label{color:var(--token-color-gray-500)}.info-value{color:var(--token-color-gray-900);font-weight:var(--token-font-weight-medium);overflow-wrap:anywhere;text-align:right}.playback-disabled-note{margin:var(--token-space-2) 0 0;color:var(--token-color-gray-500);font-size:var(--token-font-size-xs);line-height:1.5}.playback-url-container{display:flex;gap:var(--token-space-2);margin-top:var(--token-space-2)}.playback-url-input{flex-grow:1;font-family:monospace;font-size:12px;padding:var(--token-space-2);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-sm);background:var(--token-color-white);color:var(--token-color-gray-700)}.btn-icon{background:var(--token-color-white);border:1px solid var(--token-color-gray-300);padding:var(--token-space-2);border-radius:var(--token-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--token-transition-fast)}.btn-icon:hover{background:var(--token-color-gray-50);border-color:var(--token-color-gray-500)}.edit-title-input{font-size:var(--token-font-size-lg);font-weight:var(--token-font-weight-bold);color:var(--token-color-gray-900);padding:var(--token-space-1) var(--token-space-2);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-sm);width:100%;max-width:400px;outline:none}.edit-title-input:focus{border-color:var(--token-color-primary);box-shadow:0 0 0 2px var(--token-color-primary-light)}.edit-description-textarea{width:100%;padding:var(--token-space-3);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-sm);font-family:inherit;font-size:var(--token-font-size-sm);color:var(--token-color-gray-700);resize:vertical;outline:none}.edit-description-textarea:focus{border-color:var(--token-color-primary);box-shadow:0 0 0 2px var(--token-color-primary-light)}.metadata-edit-fields{display:flex;flex-direction:column;gap:var(--token-space-3);margin-top:var(--token-space-3)}.metadata-edit-field{display:flex;flex-direction:column;gap:var(--token-space-1)}.metadata-edit-field label{color:var(--token-color-gray-600);font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-medium)}.metadata-edit-input{width:100%;padding:var(--token-space-2) var(--token-space-3);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-sm);color:var(--token-color-gray-700);font-size:var(--token-font-size-sm);outline:none}.metadata-edit-input:focus{border-color:var(--token-color-primary);box-shadow:0 0 0 2px var(--token-color-primary-light)}.metadata-edit-help,.metadata-empty{color:var(--token-color-gray-500);font-size:var(--token-font-size-xs)}.metadata-edit-help{margin:0}.edit-visibility-select{padding:var(--token-space-1) var(--token-space-2);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-sm);font-size:var(--token-font-size-sm);background-color:var(--token-color-white);color:var(--token-color-gray-900);cursor:pointer;outline:none}.edit-visibility-select:focus{border-color:var(--token-color-primary)}.metadata-edit-chips-container{display:flex;flex-direction:column;gap:var(--token-space-4)}.metadata-field label{display:block;font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);color:var(--token-color-gray-500);margin-bottom:var(--token-space-2);text-transform:uppercase}.chips-input-wrapper{display:flex;flex-wrap:wrap;gap:var(--token-space-2);padding:var(--token-space-2);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-sm);background-color:var(--token-color-white);min-height:42px;align-items:center}.chips-input-wrapper:focus-within{border-color:var(--token-color-primary);box-shadow:0 0 0 2px var(--token-color-primary-light)}.chip-input{border:none;outline:none;font-size:var(--token-font-size-sm);color:var(--token-color-gray-900);padding:var(--token-space-1);flex-grow:1;min-width:120px}.tag-badge.editable{padding-right:var(--token-space-1);display:inline-flex;align-items:center;gap:var(--token-space-1)}.chip-remove{background:none;border:none;color:inherit;font-size:14px;cursor:pointer;padding:0 4px;border-radius:var(--token-radius-full);display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--token-transition-fast)}.chip-remove:hover{opacity:1;background-color:#0000001a}.metadata-edit-help{font-size:var(--token-font-size-xs);color:var(--token-color-gray-400);margin-top:var(--token-space-1)}.modal-footer{padding:var(--token-space-4) var(--token-space-6);border-top:1px solid var(--token-color-gray-200);display:flex;justify-content:space-between;align-items:center;gap:var(--token-space-3);flex-wrap:wrap}.modal-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--token-space-3);flex-wrap:wrap}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--token-space-4);color:var(--token-color-gray-500)}.spinner{width:40px;height:40px;border:3px solid var(--token-color-gray-200);border-top-color:var(--token-color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.media-library-page{padding:var(--token-space-8);max-width:1200px;margin:0 auto}.page-header{margin-bottom:var(--token-space-6);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--token-space-4)}.header-title h1{font-size:var(--token-font-size-2xl);font-weight:var(--token-font-weight-bold);color:var(--token-color-gray-900)}.header-title p{color:var(--token-color-gray-500);font-size:var(--token-font-size-sm);margin-top:var(--token-space-1)}.header-actions{display:flex;flex-wrap:wrap;gap:var(--token-space-3);justify-content:flex-end}.search-input{padding:var(--token-space-2) var(--token-space-4);border-radius:var(--token-radius-md);border:1px solid var(--token-color-gray-300);font-size:var(--token-font-size-sm);width:240px;outline:none;transition:border-color var(--token-transition-fast)}.search-input:focus{border-color:var(--token-color-primary)}.filter-select{padding:var(--token-space-2);border-radius:var(--token-radius-md);border:1px solid var(--token-color-gray-300);font-size:var(--token-font-size-sm);background-color:var(--token-color-white);outline:none;cursor:pointer}.btn-primary{padding:var(--token-space-2) var(--token-space-4);border-radius:var(--token-radius-md);border:none;background-color:var(--token-color-primary);color:var(--token-color-white);font-weight:var(--token-font-weight-medium);cursor:pointer;transition:background-color var(--token-transition-fast)}.btn-primary:hover{background-color:var(--token-color-primary-dark)}.bulk-action-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--token-space-3);margin-bottom:var(--token-space-4);padding:var(--token-space-3) var(--token-space-4);background:var(--token-color-white);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-md);box-shadow:var(--token-shadow-sm)}.bulk-selection-count{color:var(--token-color-gray-700);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-medium)}.btn-danger{padding:var(--token-space-2) var(--token-space-4);border-radius:var(--token-radius-md);border:none;background-color:var(--token-color-error-text);color:var(--token-color-white);font-size:var(--token-font-size-sm);font-weight:var(--token-font-weight-medium);cursor:pointer;transition:opacity var(--token-transition-fast)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.error-banner{padding:var(--token-space-3) var(--token-space-4);background-color:var(--token-color-error-bg);color:var(--token-color-error-text);border-radius:var(--token-radius-md);margin-bottom:var(--token-space-5);font-size:var(--token-font-size-sm)}.empty-state{text-align:center;padding:var(--token-space-12);color:var(--token-color-gray-500)}.pagination-footer{margin-top:var(--token-space-5);display:flex;justify-content:center;align-items:center;gap:var(--token-space-3)}.btn-secondary{padding:var(--token-space-2) var(--token-space-3);border-radius:var(--token-radius-sm);border:1px solid var(--token-color-gray-300);background-color:var(--token-color-white);color:var(--token-color-gray-700);font-size:var(--token-font-size-sm);cursor:pointer;transition:all var(--token-transition-fast)}.btn-secondary:hover:not(:disabled){background-color:var(--token-color-gray-50);border-color:var(--token-color-gray-500)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:var(--token-font-size-sm);color:var(--token-color-gray-700)}.trash-page{padding:var(--token-space-8);max-width:1200px;margin:0 auto}.trash-banner{display:flex;align-items:center;gap:var(--token-space-4);background-color:var(--token-color-warning-bg);color:var(--token-color-warning-text);padding:var(--token-space-4) var(--token-space-6);border-radius:var(--token-radius-md);margin-bottom:var(--token-space-6);border:1px solid rgba(217,119,6,.2)}.banner-icon{font-size:24px}.trash-banner p{font-size:var(--token-font-size-sm);margin:0;line-height:1.5}.trash-bulk-actions{display:flex;align-items:center;gap:var(--token-space-3);flex-wrap:wrap}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--token-space-16);text-align:center;color:var(--token-color-gray-400)}.empty-icon{font-size:64px;margin-bottom:var(--token-space-4);opacity:.5}.empty-state h3{color:var(--token-color-gray-900);margin-bottom:var(--token-space-2)}.empty-state p{font-size:var(--token-font-size-sm);max-width:300px}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--token-color-gray-50)}.login-card{width:100%;max-width:400px;background:var(--token-color-white);padding:var(--token-space-12) var(--token-space-8);border-radius:var(--token-radius-lg);box-shadow:var(--token-shadow-md);text-align:center}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:var(--token-color-primary);color:#fff;font-size:32px;font-weight:700;border-radius:var(--token-radius-md);margin-bottom:var(--token-space-6)}.login-card h2{margin-bottom:var(--token-space-2);font-size:var(--token-font-size-2xl)}.login-card p{color:var(--token-color-gray-500);font-size:var(--token-font-size-sm);margin-bottom:var(--token-space-8)}.form-group{text-align:left;margin-bottom:var(--token-space-5)}.form-group label{display:block;font-size:var(--token-font-size-xs);font-weight:var(--token-font-weight-bold);color:var(--token-color-gray-700);text-transform:uppercase;margin-bottom:var(--token-space-2)}.login-input{width:100%;padding:var(--token-space-3) var(--token-space-4);border:1px solid var(--token-color-gray-300);border-radius:var(--token-radius-md);font-size:var(--token-font-size-base);outline:none;transition:border-color var(--token-transition-fast)}.login-input:focus{border-color:var(--token-color-primary)}.btn-login{width:100%;padding:var(--token-space-3);background-color:var(--token-color-primary);color:#fff;border:none;border-radius:var(--token-radius-md);font-size:var(--token-font-size-base);font-weight:var(--token-font-weight-medium);cursor:pointer;transition:background-color var(--token-transition-fast);margin-top:var(--token-space-2)}.btn-login:hover:not(:disabled){background-color:var(--token-color-primary-dark)}.btn-login:disabled{opacity:.6;cursor:not-allowed}.login-error{margin-top:var(--token-space-4);color:var(--token-color-error-text);font-size:var(--token-font-size-sm);background:var(--token-color-error-bg);padding:var(--token-space-2);border-radius:var(--token-radius-sm)}.otp-inputs{display:flex;gap:var(--token-space-2);justify-content:center;margin-bottom:var(--token-space-6)}.otp-input{width:45px;height:55px;text-align:center;font-size:var(--token-font-size-xl);font-weight:var(--token-font-weight-bold);border:2px solid var(--token-color-gray-300);border-radius:var(--token-radius-md);outline:none}.otp-input:focus{border-color:var(--token-color-primary)}:root{--token-color-primary-light: #e8f0fe;--token-color-primary: #1a73e8;--token-color-primary-dark: #174ea6;--token-color-success-bg: #e6f4ea;--token-color-success-text: #1e8e3e;--token-color-error-bg: #fce8e6;--token-color-error-text: #d93025;--token-color-warning-bg: #fef7e0;--token-color-warning-text: #f9ab00;--token-color-white: #ffffff;--token-color-gray-50: #f8f9fa;--token-color-gray-100: #f1f3f4;--token-color-gray-200: #e8eaed;--token-color-gray-300: #dadce0;--token-color-gray-500: #5f6368;--token-color-gray-700: #3c4043;--token-color-gray-900: #202124;--token-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--token-font-size-xs: .75rem;--token-font-size-sm: .875rem;--token-font-size-base: 1rem;--token-font-size-lg: 1.125rem;--token-font-size-xl: 1.25rem;--token-font-size-2xl: 1.5rem;--token-font-weight-normal: 400;--token-font-weight-medium: 500;--token-font-weight-bold: 600;--token-space-1: .25rem;--token-space-2: .5rem;--token-space-3: .75rem;--token-space-4: 1rem;--token-space-5: 1.25rem;--token-space-6: 1.5rem;--token-space-8: 2rem;--token-space-12: 3rem;--token-radius-sm: 4px;--token-radius-md: 8px;--token-radius-lg: 12px;--token-radius-full: 9999px;--token-shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--token-shadow-md: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 2px 6px 2px rgba(60, 64, 67, .15);--token-transition-fast: .15s ease;--token-transition-normal: .25s ease}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--token-font-family);background-color:var(--token-color-gray-50);color:var(--token-color-gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;color:var(--token-color-gray-900)}#root{width:100%}.app-container{width:100%;min-height:100vh}