html,body,#root{width:100%;min-height:100%}*{box-sizing:border-box;font-family:Arial,sans-serif}html,body,#root{width:100%;height:100%;margin:0}body{color:#000;background:gray;overflow:hidden}button,input,select{font-family:Arial,sans-serif}.desktop{background:gray;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.window{background:#ece9d8;border:2px solid #fff;flex-direction:column;width:calc(100vw - 28px);height:calc(100vh - 28px);display:flex;overflow:hidden;box-shadow:2px 2px #404040,4px 4px #000}.titlebar{color:#fff;-webkit-user-select:none;user-select:none;background:#000;justify-content:space-between;align-items:center;height:36px;min-height:36px;padding:0 6px;display:flex}.title{align-items:center;gap:7px;font-size:15px;font-weight:700;display:flex}.title-icon{color:#fff;justify-content:center;align-items:center;width:20px;height:20px;font-family:Arial,sans-serif;font-size:15px;display:flex}.window-buttons{gap:3px;display:flex}.window-buttons button{color:#000;cursor:pointer;background:#ece9d8;border:1px solid #fff;width:24px;height:22px;padding:0;font-family:Arial,sans-serif;font-size:15px;font-weight:700;line-height:18px;box-shadow:1px 1px #404040}.window-buttons button:active{box-shadow:none;transform:translate(1px,1px)}.window-buttons .close{color:#fff;background:#000}.menu{-webkit-user-select:none;user-select:none;background:#ece9d8;border-bottom:1px solid gray;align-items:center;gap:28px;height:34px;min-height:34px;padding:0 10px;font-size:12px;display:flex}.menu span{cursor:default}.toolbar{background:#ece9d8;border-bottom:1px solid gray;align-items:center;gap:8px;height:74px;min-height:74px;padding:5px 10px;display:flex}.tool-button{color:#000;cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:60px;height:62px;padding:3px;font-size:11px;display:flex}.tool-button:hover:not(.disabled){background:#fff;border:1px solid gray}.tool-button:active:not(.disabled){background:silver;border-color:#404040}.tool-button.disabled{color:#a0a0a0;cursor:default}.separator{background:gray;border-right:1px solid #fff;width:1px;height:54px;margin:0 3px}.search{align-items:center;gap:8px;margin-left:auto;font-size:11px;display:flex}.search input{color:#000;background:#fff;border:2px solid gray;outline:none;width:290px;height:32px;padding:4px 8px;font-size:11px}.search input:focus{border-color:#000}.address-row{background:#ece9d8;border-bottom:1px solid gray;align-items:center;gap:7px;height:38px;min-height:38px;padding:4px 8px;font-size:11px;display:flex}.address{white-space:nowrap;background:#fff;border:1px solid gray;flex:1;align-items:center;gap:7px;height:29px;padding:0 8px;display:flex;overflow:hidden}.breadcrumb-button{color:#000;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.breadcrumb-button:hover{color:#fff;background:#000}.go{color:#000;cursor:pointer;background:#ece9d8;border:2px solid #fff;width:29px;height:29px;padding:0;font-size:16px;box-shadow:1px 1px #404040}.go:active{box-shadow:none;transform:translate(1px,1px)}.main{background:#fff;flex:1;min-height:0;display:flex}.sidebar{background:gray;border-right:1px solid #404040;width:220px;min-width:220px;padding:10px;overflow-y:auto}.sidebar-box{background:#ece9d8;border:2px solid #fff;margin-bottom:12px;padding:10px;box-shadow:1px 1px #404040}.sidebar-box h3{color:#000;margin:0 0 9px;font-size:12px;font-weight:700}.sidebar-box button{color:#000;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;width:100%;padding:5px 2px;font-size:10px;text-decoration:underline;display:flex}.sidebar-box button:hover:not(:disabled){color:#fff;background:#000;text-decoration:none}.sidebar-box button:active:not(:disabled){background:#404040}.sidebar-box button:disabled{color:gray;cursor:default}.sidebar-box select{color:#000;background:#fff;border:2px solid gray;outline:none;width:100%;height:30px;padding:3px;font-size:10px}.content{background:#fff;flex:1;min-width:0;min-height:0;padding:16px;overflow-y:auto}.content h2{margin:0 0 18px;font-size:17px;font-weight:400}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));align-content:start;gap:24px 18px;padding:2px;display:grid}.item{cursor:default;-webkit-user-select:none;user-select:none;border:1px solid #0000;flex-direction:column;align-items:center;min-height:140px;padding:8px;display:flex}.item:hover,.item.selected{color:#fff;background:#000;border-color:#000}.item:hover .item-icon,.item.selected .item-icon{color:#000;background:#fff}.item-icon{color:#000;background:#fff;border:1px solid silver;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:7px;display:flex;box-shadow:1px 1px gray}.item-vignette{object-fit:contain;background:#000;max-width:100%;max-height:100%;display:block}.vignette-cadre{max-width:100%;max-height:100%;line-height:0;display:inline-flex;position:relative}.vignette-pastille{color:#fff;background:#000000a8;border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding-left:1px;display:flex;position:absolute;bottom:3px;right:3px}.item-name{text-align:center;overflow-wrap:anywhere;max-width:130px;font-size:11px;line-height:1.35}.item:has(.item-icon){cursor:pointer}.statusbar{background:#ece9d8;border-top:1px solid #fff;justify-content:space-between;align-items:center;height:25px;min-height:25px;padding:0 8px;font-size:10px;display:flex;box-shadow:inset 0 1px gray}.statusbar-hints{color:#4a4a4a;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=720px){.statusbar-hints{display:none}}.error-message{color:#000;background:#fff;border:1px solid #000;padding:10px;font-size:11px}.modal-overlay{z-index:1000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#ece9d8;border:2px solid #fff;width:420px;font-family:Monocraft,monospace;box-shadow:2px 2px gray,4px 4px #000}.modal-large{width:520px}.modal-liste{color:#505050;word-break:break-word;font-size:10px;line-height:1.5}.move-picker{flex-direction:column;gap:8px;width:100%;display:flex}.move-picker-liste{color:#505050;word-break:break-word;font-size:10px;line-height:1.5}.move-picker-chemin{word-break:break-word;background:#fff;border:1px solid gray;padding:4px 6px;font-size:11px}.move-picker-lien{color:#00e;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;text-decoration:underline}.move-picker-lien:disabled{color:#000;cursor:default;text-decoration:none}.move-picker-dossiers{background:#fff;border:1px solid gray;height:220px;overflow-y:auto}.move-picker-dossier{color:#000;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:4px 6px;font-family:inherit;font-size:11px;display:flex}.move-picker-dossier:hover:not(:disabled){color:#fff;background:#316ac5}.move-picker-dossier:disabled{color:#a0a0a0;cursor:default}.move-picker-vide{color:#606060;padding:10px;font-size:10px;line-height:1.5}.modal-titlebar{color:#fff;background:#000;justify-content:space-between;align-items:center;height:30px;padding:0 6px;font-size:13px;font-weight:700;display:flex}.modal-titlebar button{color:#000;cursor:pointer;background:#ece9d8;border:1px solid #fff;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;box-shadow:1px 1px #404040}.modal-titlebar button:active{box-shadow:none;transform:translate(1px,1px)}.modal-titlebar button:disabled{color:gray;cursor:default}.modal-content{gap:18px;padding:25px 22px;display:flex}.modal-icon{color:#000;justify-content:center;align-items:center;width:55px;display:flex}.modal-form{flex-direction:column;flex:1;gap:8px;display:flex}.modal-form label{font-size:11px}.modal-form input{color:#000;background:#fff;border:2px solid gray;outline:none;width:100%;height:30px;padding:5px;font-size:11px}.modal-form input:focus{border-color:#000}.details-list{flex:1;grid-template-columns:88px minmax(0,1fr);align-items:baseline;gap:6px 12px;min-width:0;margin:0;font-size:11px;display:grid}.details-list dt{color:#404040}.details-list dd{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.details-list .details-strong{font-weight:700}.details-list .details-warn{color:#7a3b00}.details-list .details-id{color:#404040;white-space:normal;word-break:break-all;-webkit-user-select:all;user-select:all;grid-column:1/-1;font-size:10px}.modal-buttons{justify-content:flex-end;gap:8px;padding:0 18px 18px;display:flex}.modal-buttons button{color:#000;cursor:pointer;background:#ece9d8;border:2px solid #fff;min-width:90px;padding:6px 12px;font-size:10px;box-shadow:1px 1px #404040}.modal-buttons button:hover:not(:disabled){background:#fff}.modal-buttons button:active:not(:disabled){box-shadow:none;transform:translate(1px,1px)}.modal-buttons button:disabled{color:gray;cursor:default}.upload-overlay{z-index:2000;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-window{background:#ece9d8;border:2px solid #fff;width:430px;font-family:Monocraft,monospace;box-shadow:2px 2px gray,4px 4px #000}.upload-titlebar{color:#fff;background:#000;justify-content:space-between;align-items:center;height:30px;padding:0 6px;font-size:13px;font-weight:700;display:flex}.upload-close{color:#000;cursor:pointer;background:#ece9d8;border:1px solid #fff;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-family:Arial,sans-serif;font-size:18px;line-height:1;display:flex;box-shadow:1px 1px #404040}.upload-close:active{box-shadow:none;transform:translate(1px,1px)}.upload-body{padding:22px}.upload-filename{text-overflow:ellipsis;white-space:nowrap;margin-bottom:12px;font-size:11px;overflow:hidden}.progress-bar{box-sizing:border-box;background:#fff;border:2px solid gray;width:100%;height:20px;padding:2px}.progress-fill{background:#000;height:100%;transition:width .1s linear}.upload-status{margin-top:10px;font-size:11px}.upload-buttons{justify-content:flex-end;margin-top:18px;display:flex}.upload-buttons button{color:#000;cursor:pointer;background:#ece9d8;border:2px solid #fff;min-width:90px;padding:6px 12px;font-size:10px;box-shadow:1px 1px #404040}.upload-buttons button:hover{background:#fff}.upload-buttons button:active{box-shadow:none;transform:translate(1px,1px)}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#ece9d8}::-webkit-scrollbar-thumb{background:gray;border:2px solid #ece9d8;box-shadow:inset 1px 1px #fff,inset -1px -1px #404040}::-webkit-scrollbar-button{background:#ece9d8;border:1px solid gray}@media (width<=800px){.window{width:100vw;height:100vh;box-shadow:none;border:none}.sidebar{width:180px;min-width:180px}.search input{width:180px}.grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.rename-input-row{align-items:center;gap:6px;display:flex}.file-extension{opacity:.6;font-weight:400}.login-screen{background:gray;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.login-box{background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;flex-direction:column;gap:14px;width:360px;padding:24px;display:flex;box-shadow:4px 4px #000}.login-box h1{margin:0 0 8px;font-size:24px;font-weight:400}.login-box input{color:#000;background:#fff;border:2px solid #404040;border-color:#000 #404040 #404040 #000;outline:none;width:100%;padding:8px}.login-box input:focus{outline-offset:-3px;outline:1px dotted #000}.login-box button{color:#000;cursor:pointer;background:silver;border:2px solid #404040;border-color:#fff #404040 #404040 #fff;padding:8px 16px}.login-box button:active{border-color:#404040 #fff #fff #404040}.login-box button:disabled{color:gray;cursor:default}.login-error{color:maroon;font-size:13px}.context-menu{background:#f0f0f0;border:1px solid gray;flex-direction:column;min-width:170px;padding:4px;display:flex;box-shadow:2px 2px #00000059,4px 4px 8px #00000026}.context-menu button{color:#111;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-height:28px;padding:4px 12px;font-family:inherit;font-size:13px}.context-menu button:hover{color:#000;background:#d9e8ff}.context-menu button:active{background:#b8d2f5}.context-menu button.danger{color:#b00000}.context-menu button.danger:hover{color:#900000;background:#ffdede}.context-separator{background:silver;height:1px;margin:4px 0}.item.dragging-item{opacity:.45}.item.drop-target{background:#d9e8ff;outline:1px dashed #4a78b8}.item.drop-target .item-icon{filter:brightness(1.1)}.sidebar-drop-zone{cursor:pointer;-webkit-user-select:none;user-select:none;text-align:center;opacity:.55;box-sizing:border-box;border:2px dashed;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:220px;padding:20px;display:flex}.sidebar-drop-zone:hover{opacity:.8}.sidebar-drop-zone strong{font-size:15px}.sidebar-drop-zone span{opacity:.75;font-size:12px}.sidebar-drop-zone.dragging{opacity:1}.search-state{color:#404040;white-space:nowrap;margin-left:8px;font-size:10px;font-style:italic}.viewer-overlay{z-index:10000;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.viewer-window{background:#ece9d8;border:2px solid #fff;flex-direction:column;max-width:100%;max-height:100%;display:flex;box-shadow:2px 2px #404040,0 12px 40px #00000080}.viewer-titlebar{color:#fff;background:#316ac5;justify-content:space-between;align-items:center;gap:12px;padding:5px 6px 5px 9px;font-size:11px;font-weight:700;display:flex}.viewer-titlebar>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.viewer-actions{flex:none;align-items:center;gap:6px;display:flex}.viewer-actions button{color:#000;cursor:pointer;background:#ece9d8;border:1px solid gray;align-items:center;padding:2px 8px;font-size:11px;display:flex}.viewer-actions button:hover{background:#fff}.viewer-body{justify-content:center;align-items:center;min-width:260px;min-height:120px;padding:10px;display:flex;overflow:auto}.viewer-body img{object-fit:contain;max-width:calc(100vw - 90px);max-height:calc(100vh - 130px);display:block}.viewer-body audio{width:min(460px,100vw - 90px)}.viewer-message{color:#404040;text-align:center;max-width:320px;padding:20px 10px;font-size:11px;line-height:1.5}.apercu{flex-direction:column;gap:8px;width:100%;display:flex}.apercu-planche{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:6px;max-width:calc(100vw - 90px);max-height:calc(100vh - 170px);display:grid;overflow:auto}.apercu-vignette{cursor:pointer;background:#000;border:1px solid gray;padding:0;display:block}.apercu-vignette:hover{border-color:#316ac5}.apercu-vignette:focus-visible{outline-offset:1px;outline:2px solid #316ac5}.apercu-vignette img{width:100%;height:auto;display:block}.apercu-zoom{align-items:center;gap:6px;display:flex}.apercu-zoom img{cursor:zoom-out;background:#000;border:1px solid gray;max-width:calc(100vw - 170px);max-height:calc(100vh - 170px);display:block}.apercu-fleche{color:#000;cursor:pointer;background:#ece9d8;border:1px solid gray;flex:none;justify-content:center;align-items:center;padding:6px 4px;display:flex}.apercu-fleche:hover{background:#fff}.apercu-infos{color:#404040;text-align:center;font-size:11px}.apercu-plein-ecran{vertical-align:middle;color:#000;cursor:pointer;background:#ece9d8;border:1px solid gray;align-items:center;gap:4px;margin-left:10px;padding:1px 6px;font-size:10px;display:inline-flex}.apercu-plein-ecran:hover{background:#fff}.apercu-touche{background:#fff;border:1px solid #a0a0a0;padding:0 3px;font-family:inherit;font-size:9px;line-height:13px}.apercu-agrandie:fullscreen{background:#000;justify-content:center;align-items:center;height:100%;padding:10px}.apercu-agrandie:fullscreen .apercu-zoom img{border-color:#303030;max-width:calc(100vw - 90px);max-height:calc(100vh - 60px)}.apercu-agrandie:fullscreen .apercu-infos{color:#a0a0a0}:is(.apercu-agrandie:fullscreen .apercu-fleche,.apercu-agrandie:fullscreen .apercu-plein-ecran){color:#d0d0d0;background:#202020;border-color:#505050}:is(.apercu-agrandie:fullscreen .apercu-fleche:hover,.apercu-agrandie:fullscreen .apercu-plein-ecran:hover){background:#383838}.apercu-agrandie:fullscreen .apercu-touche{background:#000;border-color:#606060}.apercu-relance{margin-top:12px}.apercu-note{color:#606060;margin-top:14px;font-size:10px;line-height:1.5}.apercu-relance button{color:#000;cursor:pointer;background:#ece9d8;border:1px solid gray;padding:3px 12px;font-size:11px}.apercu-relance button:hover{background:#fff}.upload-failures{text-align:left;background:#fff;border:1px solid gray;max-height:120px;margin:8px 0 4px;padding:7px 9px;font-size:10px;line-height:1.5;overflow-y:auto}.upload-failures div{overflow-wrap:anywhere;margin-bottom:3px}.upload-failures strong{font-weight:700}.sidebar-box button.active{color:#fff;background:#316ac5;text-decoration:none}.trash-bar{background:#ece9d8;border:1px solid gray;align-items:center;gap:10px;margin-bottom:10px;padding:7px 9px;font-size:11px;display:flex}.trash-bar span{flex:1}.trash-bar button{color:#000;cursor:pointer;background:#ece9d8;border:1px solid gray;align-items:center;gap:5px;padding:3px 10px;font-size:11px;display:flex}.trash-bar button:hover:not(:disabled){background:#fff}.trash-bar button:disabled{color:gray;cursor:default}.notice-message{color:#000;background:#ffffe1;border:1px solid gray;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;font-size:11px;display:flex}.notice-message button{color:#000;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.trash-empty{color:#404040;padding:20px 10px;font-size:11px}.item-meta{text-align:center;color:#404040;max-width:130px;margin-top:2px;font-size:10px}.item.selected .item-meta{color:#fff}