:root{--color-background:#1a1a1a;--color-foreground:#fff;--color-foreground-p15:#e8e8e8;--color-foreground-header1:#a5a5a5;--color-foreground-header2:#ccc;--color-foreground-blue:#277eff;--color-foreground-blue-lighter:#3d8aff;--color-navbar-1:#1c1c1c;--color-navbar-2:#191919;--color-sheet:#272727;--color-popup:#292929;--color-row-different:#1e1e1ebf;--color-table-header-btn:#2f2f2f;--color-table-header-btn-hover:#383838;--color-table-header-btn-press:#272727;--color-different-10:#ffffff1a;--color-different-30:#ffffff4d;--color-different-p15:#00000026;--color-different-p20:#0003;--color-different-p30:#0000004d;--color-textbox-background:#505050;--color-textbox-watermark:#ababab;--color-hyperlink:#93e0ff;--color-hyperlink-hover:#62c2e9;--color-theme:#146dc0;--color-theme-p10:#0d61af;--color-theme-p30:#0958a1;--color-label:#1a1e23;--color-scrollbar-background:#2d2d30;--color-scrollbar-foreground:#5a5a5a;--color-scrollbar-foreground-hover:#878787;--color-scrollbar-foreground-pressed:#a6a6a6;--color--multi-mode--button:#303030;--color--multi-mode--button-hover:#424242;--color--multi-mode--button-disabled:#2b2b2b;--color--multi-mode--button-disabled-foreground:#4b4b4b;--color--multi-mode--group-background:#222;--color--multi-mode--popup-background:#2b2b2b;--shadow-popup:0 2px 3px #000;--shadow-textbox:0 2px 3px #000;--shadow-sheet:0 1px 3px #000000b1}*{box-sizing:border-box;margin:0;padding:0}* [hidden]{display:none!important}:before,:after{box-sizing:border-box}body{background:var(--color-background);color:#fff;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;overflow:hidden auto}.action-btn{background:var(--color--multi-mode--button);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:4px;padding:8px 15px;text-decoration:none;transition:all .3s}.action-btn:hover{background:var(--color--multi-mode--button-hover)}.action-btn:active{background:var(--color--multi-mode--button);transform:scale(.96)}.action-btn:disabled{background:var(--color--multi-mode--button-disabled);cursor:not-allowed;color:var(--color--multi-mode--button-disabled-foreground)!important}.action-btn.icon-button{justify-content:center;align-items:center;padding:8px 12px;display:flex}.action-btn.icon-button>svg.MuiSvgIcon-root{width:18px;height:18px;font-size:18px}.action-btn.icon-button>span:nth-child(2){margin-left:5px;margin-right:3px}.action-btn.icon-button:disabled svg.MuiSvgIcon-root{fill:var(--color--multi-mode--button-disabled-foreground)!important}.file-input{text-align:center;cursor:pointer;font-size:16px}.file-input::file-selector-button{background:var(--color--multi-mode--button);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:4px;margin-right:2ch;padding:8px 15px;font-size:14px;text-decoration:none;transition:all .3s}.file-input::file-selector-button:hover{background:var(--color--multi-mode--button-hover)}.file-input::file-selector-button:active{background:var(--color--multi-mode--button);transform:scale(.96)}.file-input:disabled::file-selector-button{background:var(--color--multi-mode--button-disabled);color:var(--color--multi-mode--button-disabled-foreground);cursor:not-allowed}.text-input{width:120px;box-shadow:var(--shadow-sheet);border:2px solid var(--color-textbox-background);background:var(--color-textbox-background);color:var(--color-foreground);border-radius:4px;outline:none;padding:8px 12px;font-size:16px;transition:border-color .3s,box-shadow .3s}.text-input::placeholder{color:var(--color-textbox-watermark);font-size:16px}.text-input:focus{border-bottom-color:var(--color-theme);box-shadow:0 2px 5px var(--shadow-textbox)}.hyperlink{color:var(--color-hyperlink);font-size:16px;text-decoration:none;transition:all .3s}.hyperlink:hover{color:var(--color-hyperlink);text-decoration:underline}.hyperlink:active{color:var(--color-hyperlink-hover);text-decoration:underline;transform:scale(.96)}.files-browser{flex-direction:column;align-items:stretch;gap:10px;width:min(100vw,800px);margin:0 auto;padding:20px;display:flex}.files-browser>.key-view{flex-direction:row;justify-content:end;align-items:stretch;gap:10px;display:flex}.files-browser>.key-view>.key-input,.files-browser>.key-view>.key-txt{text-align:right;width:50%;padding:4px 10px}.files-browser>.key-view>.key-txt{align-self:center;display:inline-block}.files-browser>.nav-bar{grid-template-rows:34px;grid-template-columns:auto 1fr auto;gap:10px;display:grid}.files-browser>.nav-bar>.nav-actions{flex-direction:row;justify-content:end;align-items:stretch;gap:8px;display:flex}.files-browser>.nav-bar>.nav-actions>.action-btn{text-align:center;width:100%;padding:4px 10px}.files-browser>.nav-bar>.path-view{flex-direction:row;align-items:center;gap:8px;display:flex}.files-browser>.nav-bar>.path-view>div>.MuiSvgIcon-root{width:20px;height:20px}.files-browser>.nav-bar>.path-view>.path-input{word-wrap:break-word;overflow-wrap:break-word;flex-grow:1;height:100%;padding:4px 10px}.files-browser>.nav-bar>.path-view>.path-txt{align-self:center;font-size:16px}.files-browser>.nav-bar>.path-view>.path-readable{color:#ff5a5a;flex-direction:row;align-self:center;align-items:center;gap:4px;font-size:13px;display:flex}.files-browser>.nav-bar>.path-view>.path-readable>svg.MuiSvgIcon-root{fill:#ff4848;width:13px;height:13px}.files-browser>.nav-bar>.path-view.not-uploadable{margin-right:-10px}.files-browser>.nav-bar>.action-btns{flex-direction:row;justify-content:end;align-items:stretch;gap:8px;display:flex}@media screen and (width<=800px){.files-browser>.nav-bar{grid-template-rows:34px 34px;grid-template-columns:auto 1fr auto;gap:10px}.files-browser>.nav-bar>.nav-actions{grid-area:1/1}.files-browser>.nav-bar>.path-view{grid-area:2/1/auto/4}.files-browser>.nav-bar>.path-view.not-uploadable{margin-right:0}.files-browser>.nav-bar>.action-btns{grid-area:1/3}}.files-browser>.file-list ul{flex-direction:column;gap:10px;list-style:none;display:flex}.files-browser>.file-list ul>li{grid-template-columns:1fr 6ch 13ch;gap:1ch;display:grid}.files-browser>.file-list ul>li .file-date,.files-browser>.file-list ul>li .file-size{text-align:right}.files-browser>.file-list ul>li.alert{color:gray;white-space:normal;overflow-wrap:break-word;flex-direction:row;justify-content:start;align-items:center;margin-top:20px;font-size:14px;font-style:italic;font-weight:400;display:flex;overflow:hidden}.files-browser>.file-list ul>li.alert.error{color:#ff5a5a}.files-browser>.file-list ul>li.alert.warning{color:#ffd84d}.files-browser>.file-list ul>li.file-header{color:var(--color-foreground-header2);font-style:italic;font-weight:500}.files-browser>.file-list ul>li.file-item>.file-name{flex-direction:row;justify-content:start;align-items:center;gap:1ch;display:flex}.files-browser>.file-list ul>li.file-item>.file-name>svg.MuiSvgIcon-root{color:#35ffb8;width:16px;height:16px}.files-browser>.file-list ul>li.file-item>.file-name span{text-overflow:ellipsis;white-space:nowrap;flex-grow:1;display:inline-block;overflow:hidden}.files-browser>.file-list ul>li.file-item>.dir-link>svg.MuiSvgIcon-root{color:#ffbd43}.upload-panel{z-index:1000;background-color:#000c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.upload-panel .alert{color:gray;white-space:normal;overflow-wrap:break-word;font-size:14px;font-style:italic;font-weight:400;overflow:hidden}.upload-panel .alert.error{color:#ff5a5a}.upload-panel .alert.warning{color:#ffd84d}.upload-panel .panel{background:var(--color-background);border-radius:10px;width:min(100vw - 50px,750px);margin:25px;padding:30px 20px}.upload-panel .panel .cancel{color:#ff6565}.upload-panel .panel .cancel svg{fill:#ff6565}.upload-panel .panel .retry,.upload-panel .panel .upload{color:#65ff89}.upload-panel .panel .retry svg,.upload-panel .panel .upload svg{fill:#65ff89}.upload-panel .choosing-file{flex-direction:column;align-items:stretch;gap:16px;display:flex}.upload-panel .choosing-file label{flex-direction:column;align-items:stretch;gap:6px;display:flex;position:relative}.upload-panel .choosing-file label span:first-child{color:var(--color-foreground-header2);align-self:self-start;font-size:14px;font-weight:500}.upload-panel .choosing-file label input{width:initial}.upload-panel .choosing-file label .alert{text-align:left;position:absolute;top:calc(100% + 7px);left:0;right:0}.upload-panel .choosing-file .actions{flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:50px 0 10px;display:flex}.upload-panel .uploading-file{grid-template-rows:auto auto auto auto;grid-template-columns:auto 1fr auto;padding-top:50px;padding-bottom:50px;display:grid}.upload-panel .uploading-file .progress-txt{white-space:nowrap;grid-area:1/1;justify-content:center;align-self:center}.upload-panel .uploading-file .actions{flex-direction:row;grid-area:1/3;justify-content:center;align-self:center;align-items:center;gap:10px;margin:0;padding:0;display:flex}.upload-panel .uploading-file .actions .action-btn{padding:5px 10px;line-height:18px}.upload-panel .uploading-file .name{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1/auto/4;width:calc(100vw - 90px);max-width:710px;margin-top:10px;overflow:hidden}.upload-panel .uploading-file .progress-bar{background-color:#ffffff4e;border-radius:5px;grid-area:3/1/auto/4;width:100%;height:10px;margin-top:10px}.upload-panel .uploading-file .progress-bar .progress{background-color:#2162c4;border-radius:5px;height:100%;transition:width .3s ease-in-out}.upload-panel .uploading-file .progress-bar .progress.error{background-color:#a22525}.upload-panel .uploading-file .alert{grid-area:4/1/auto/4;width:calc(100vw - 90px);max-width:710px;margin-top:20px;font-size:16px;display:inline-block}