:root{--color-bleu-authentique: #3E536E;--color-beige-professionnel: #F5F1EE;--color-orange-real: #CC7838;--color-bleu-montage: #739CB0;--color-vert-cadrage: #B4B180;--color-text: #2a3542;--color-text-muted: #5a6572;--color-surface: white;--color-border: rgba(62, 83, 110, .15)}[data-theme=dark]{--color-bleu-authentique: #739CB0;--color-beige-professionnel: #1a1d21;--color-orange-real: #e08a4a;--color-bleu-montage: #8fb4c4;--color-vert-cadrage: #c4c19a;--color-text: #e4e7eb;--color-text-muted: #9ca3af;--color-surface: #25282d;--color-border: rgba(115, 156, 176, .2)}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,system-ui,sans-serif;background:var(--color-beige-professionnel);color:var(--color-text);min-height:100vh}.app{min-height:100vh;padding:1rem;max-width:56rem;margin:0 auto}.header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-bleu-montage)}.header h1{margin:0;font-size:1.5rem;color:var(--color-bleu-authentique)}.user{flex:1;color:var(--color-text-muted);font-size:.9rem}.loading,.login-prompt{text-align:center;padding:3rem;color:var(--color-text-muted)}.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.9rem}.search-filter{display:flex;gap:.5rem;margin-bottom:.75rem}.search-input{flex:1;min-width:120px;padding:.5rem;border-radius:6px;border:1px solid var(--color-bleu-montage);font-size:.9rem}.filter-select{padding:.5rem;border-radius:6px;border:1px solid var(--color-bleu-montage);font-size:.9rem;background:var(--color-surface)}.storage-bar{display:flex;flex-direction:column;gap:.25rem;font-size:.8rem;color:var(--color-text-muted)}.storage-segment{display:flex;align-items:center;gap:.5rem}.storage-label{min-width:3rem}.storage-track{flex:1;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden;min-width:4rem}.storage-fill{height:100%;border-radius:3px;transition:width .2s}.storage-fill-disk{background:var(--color-bleu-montage)}.storage-fill-quota{background:var(--color-orange-real)}.storage-value{font-size:.75rem;white-space:nowrap}.file-row .file-checkbox,.file-row-header .select-all{flex-shrink:0;display:flex;align-items:center;gap:.25rem;cursor:pointer}.file-row-header{background:var(--color-border);font-size:.85rem}.file-row.selected{background:rgba(var(--color-orange-real-rgb, 249, 115, 22),.1)}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.mkdir-form{display:flex;gap:.5rem}.mkdir-form input{padding:.5rem;border-radius:6px;border:1px solid var(--color-bleu-montage);min-width:120px}.file-list{background:var(--color-surface);border-radius:8px;border:1px solid var(--color-border);overflow:hidden}.file-row{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.file-row:last-child{border-bottom:none}.file-row .folder,.file-row .file{flex:1;cursor:pointer;min-width:0;overflow:hidden;text-overflow:ellipsis}.file-row .folder:hover,.file-row .file:hover{color:var(--color-orange-real)}.file-row .meta{font-size:.85rem;color:var(--color-text-muted);flex-shrink:0}.file-row .file-actions{display:flex;gap:.5rem;flex-shrink:0}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;font-family:inherit}.btn-primary{background:var(--color-orange-real);color:#fff}.btn-secondary{background:var(--color-bleu-montage);color:#fff}.btn-small{padding:.4rem .8rem;font-size:.85rem;background:transparent;color:var(--color-text-muted);border:1px solid var(--color-bleu-montage)}.btn-danger{color:#b91c1c;border-color:#b91c1c}.btn-danger:hover{background:#b91c1c;color:#fff}.error{color:#b91c1c;font-size:.9rem;margin-bottom:.5rem}.muted{color:var(--color-text-muted);font-size:.9rem}.dropzone-overlay{position:fixed;inset:0;background:rgba(var(--color-bleu-authentique-rgb, 15, 23, 42),.85);display:flex;align-items:center;justify-content:center;z-index:1100;border:3px dashed var(--color-orange-real);border-radius:12px;margin:.5rem}.dropzone-content{text-align:center;color:#fff}.dropzone-icon{font-size:4rem;display:block;margin-bottom:.5rem}.dropzone-content p{margin:.25rem 0;font-size:1.25rem}.dropzone-hint{font-size:.9rem!important;opacity:.9}.upload-modal-files{margin:.5rem 0;padding-left:1.25rem;max-height:8rem;overflow-y:auto;font-size:.9rem}.upload-modal-folder-picker{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.upload-modal-new-folder{margin:.75rem 0}.upload-modal-new-folder input{padding:.5rem;border-radius:6px;border:1px solid var(--color-bleu-montage);min-width:200px;font-size:.9rem}.modal-actions{display:flex;gap:.5rem;margin-top:1rem;justify-content:flex-end}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;max-width:28rem;width:90%}.modal h3{margin:0 0 .5rem;font-size:1.1rem}.modal .share-visibility{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.modal .share-visibility label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.9rem}.modal .share-options{display:flex;gap:.5rem;margin:1rem 0;flex-wrap:wrap}.modal .share-url{display:flex;gap:.5rem;margin:1rem 0}.modal .share-url input{flex:1;padding:.5rem;border-radius:6px;border:1px solid var(--color-border);font-size:.85rem}.operations-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,28rem);max-height:12rem;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -4px 12px #00000026;z-index:900;overflow:hidden;display:flex;flex-direction:column}.operations-drawer.minimized{max-height:2.5rem}.operations-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--color-bleu-montage);color:#fff;font-size:.9rem;cursor:pointer}.operations-drawer-toggle{background:none;border:none;color:inherit;cursor:pointer;padding:.25rem;font-size:.8rem}.operations-drawer-list{overflow-y:auto;padding:.5rem}.operations-item{padding:.5rem;margin-bottom:.25rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px}.operations-item-header{display:flex;align-items:center;gap:.5rem}.operations-item-type{font-size:1rem}.operations-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.operations-item-dismiss{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;color:var(--color-text-muted)}.operations-progress{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden;margin-top:.25rem}.operations-progress-fill{height:100%;background:var(--color-orange-real);border-radius:2px;transition:width .2s}.operations-progress.indeterminate .operations-progress-fill{width:30%!important;animation:operations-indeterminate 1.5s ease-in-out infinite}@keyframes operations-indeterminate{0%,to{transform:translate(-100%)}50%{transform:translate(233%)}}.operations-error{font-size:.8rem;color:#b91c1c;margin-top:.25rem}.share-page{padding-bottom:2rem}.share-message{text-align:center;padding:3rem}.share-message p,.share-actions{margin-bottom:1rem}.share-folder-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.9rem}.share-viewer{margin-top:1rem;border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-surface)}.share-viewer video,.share-viewer iframe{display:block;width:100%;min-height:400px;max-height:70vh}.share-viewer-text pre{margin:0;padding:1rem;overflow:auto;max-height:70vh;font-size:.9rem;white-space:pre-wrap;word-break:break-word}@media(max-width:600px){.file-row{flex-wrap:wrap}.file-row .meta{width:100%;margin-left:1.5rem}}