:root{--color-background: #0F0F0F;--color-foreground: #fff;--color-foreground-p15: #e8e8e8;--color-foreground-header1: #a5a5a5;--color-foreground-header2: #cccccc;--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: rgb(30 30 30 / 75%);--color-table-header-btn: rgb(47, 47, 47);--color-table-header-btn-hover: rgb(56, 56, 56);--color-table-header-btn-press: rgb(39, 39, 39);--color-different-10:rgb(255 255 255 / 10%);--color-different-30:rgb(255 255 255 / 30%);--color-different-p15:rgba(0, 0, 0, .15);--color-different-p20:rgba(0, 0, 0, .2);--color-different-p30:rgba(0, 0, 0, .3);--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-background: #1a1a1a;--color--multi-mode--button: #303030;--color--multi-mode--button-hover: #424242;--color--multi-mode--button-disabled: rgb(43, 43, 43);--color--multi-mode--button-disabled-foreground:#4b4b4b;--color--multi-mode--group-background: #222222;--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;padding:0;margin:0}* [hidden]{display:none!important}*:before,*:after{box-sizing:border-box}body{background:var(--color-background);font-size:1rem;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:auto;overflow-x:hidden;height:100vh;width:100vw}.action-btn{background:var(--color--multi-mode--button);border-radius:4px;padding:8px 15px;text-decoration:none;color:#fff;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none}.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);color:var(--color--multi-mode--button-disabled-foreground)!important;cursor:not-allowed}.action-btn.icon-button{display:flex;justify-content:center;align-items:center;padding:8px 12px}.action-btn.icon-button>svg.MuiSvgIcon-root{font-size:18px;height:18px;width: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;font-size:16px;cursor:pointer}.file-input::file-selector-button{background:var(--color--multi-mode--button);border-radius:4px;padding:8px 15px;text-decoration:none;color:#fff;border:none;cursor:pointer;transition:all .3s;-webkit-user-select:none;user-select:none;margin-right:2ch;font-size:14px}.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::file-selector-button:disabled{background:var(--color--multi-mode--button-disabled);color:var(--color--multi-mode--button-disabled-foreground);cursor:not-allowed}.text-input{width:120px;padding:8px 12px;box-shadow:var(--shadow-sheet);border:2px solid var(--color-textbox-background);border-radius:4px;font-size:16px;outline:none;background:var(--color-textbox-background);color:var(--color-foreground);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);text-decoration:none;font-size:16px;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{margin:0 auto;width:min(100vw,800px);padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.files-browser>.key-view{display:flex;flex-direction:row;align-items:stretch;justify-content:end;gap:10px}.files-browser>.key-view>.key-input,.files-browser>.key-view>.key-txt{text-align:right;padding:4px 10px;width:50%}.files-browser>.key-view>.key-txt{align-self:center;display:inline-block}.files-browser>.nav-bar{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:34px;gap:10px}.files-browser>.nav-bar>.nav-actions{display:flex;flex-direction:row;align-items:stretch;justify-content:end;gap:8px}.files-browser>.nav-bar>.nav-actions>.action-btn{padding:4px 10px;width:100%;text-align:center}.files-browser>.nav-bar>.path-view{display:flex;flex-direction:row;align-items:center;gap:8px}.files-browser>.nav-bar>.path-view>div>.MuiSvgIcon-root{height:20px;width:20px}.files-browser>.nav-bar>.path-view>.path-input{padding:4px 10px;flex-grow:1;word-wrap:break-word;overflow-wrap:break-word;height:100%}.files-browser>.nav-bar>.path-view>.path-txt{align-self:center;font-size:16px}.files-browser>.nav-bar>.path-view>.path-readable{align-self:center;font-size:13px;display:flex;flex-direction:row;align-items:center;gap:4px;color:#ff5a5a}.files-browser>.nav-bar>.path-view>.path-readable>svg.MuiSvgIcon-root{height:13px;width:13px;fill:#ff4848}.files-browser>.nav-bar>.path-view.not-uploadable{margin-right:-10px}.files-browser>.nav-bar>.action-btns{display:flex;flex-direction:row;align-items:stretch;justify-content:end;gap:8px}@media screen and (max-width: 800px){.files-browser>.nav-bar{grid-template-columns:auto 1fr auto;grid-template-rows:34px 34px;gap:10px}.files-browser>.nav-bar>.nav-actions{grid-column:1;grid-row:1}.files-browser>.nav-bar>.path-view{grid-column:1/4;grid-row:2}.files-browser>.nav-bar>.path-view.not-uploadable{margin-right:0}.files-browser>.nav-bar>.action-btns{grid-column:3;grid-row:1}}.files-browser>.file-list ul{display:flex;flex-direction:column;gap:10px;list-style:none}.files-browser>.file-list ul>li{display:grid;gap:1ch;grid-template-columns:1fr 6ch 13ch}.files-browser>.file-list ul>li .file-date{text-align:right}.files-browser>.file-list ul>li .file-size{text-align:right}.files-browser>.file-list ul>li.alert{font-size:14px;font-weight:400;font-style:italic;color:gray;overflow:hidden;white-space:normal;overflow-wrap:break-word;display:flex;flex-direction:row;align-items:center;justify-content:start;margin-top:20px}.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{font-weight:500;font-style:italic;color:var(--color-foreground-header2)}.files-browser>.file-list ul>li.file-item>.file-name{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:1ch}.files-browser>.file-list ul>li.file-item>.file-name>svg.MuiSvgIcon-root{height:16px;width:16px;color:#35ffb8}.files-browser>.file-list ul>li.file-item>.file-name span{display:inline-block;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-browser>.file-list ul>li.file-item>.dir-link>svg.MuiSvgIcon-root{color:#ffbd43}.upload-panel{position:fixed;bottom:0;left:0;right:0;top:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000c}.upload-panel .alert{font-size:14px;font-weight:400;font-style:italic;color:gray;overflow:hidden;white-space:normal;overflow-wrap:break-word}.upload-panel .alert.error{color:#ff5a5a}.upload-panel .alert.warning{color:#ffd84d}.upload-panel .panel{width:min(100vw - 50px,750px);margin:25px;padding:30px 20px;background:var(--color-background);border-radius:10px}.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{display:flex;flex-direction:column;align-items:stretch;gap:16px}.upload-panel .choosing-file label{display:flex;flex-direction:column;align-items:stretch;gap:6px;position:relative}.upload-panel .choosing-file label span:first-child{align-self:self-start;font-size:14px;font-weight:500;color:var(--color-foreground-header2)}.upload-panel .choosing-file label input{width:initial}.upload-panel .choosing-file label .alert{position:absolute;top:calc(100% + 7px);right:0;left:0;text-align:left}.upload-panel .choosing-file .actions{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:50px 0 10px}.upload-panel .uploading-file{padding-top:50px;padding-bottom:50px;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto auto auto}.upload-panel .uploading-file .progress-txt{grid-column:1;grid-row:1;align-self:center;justify-content:center;white-space:nowrap}.upload-panel .uploading-file .actions{display:flex;flex-direction:row;align-items:center;gap:10px;grid-column:3;grid-row:1;align-self:center;justify-content:center;margin:0;padding:0}.upload-panel .uploading-file .actions .action-btn{padding:5px 10px;line-height:18px}.upload-panel .uploading-file .name{grid-column:1/4;grid-row:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100vw - 90px);max-width:710px;margin-top:10px}.upload-panel .uploading-file .progress-bar{grid-column:1/4;grid-row:3;margin-top:10px;width:100%;height:10px;background-color:#ffffff4e;border-radius:5px}.upload-panel .uploading-file .progress-bar .progress{height:100%;background-color:#2162c4;border-radius:5px;transition:width .3s ease-in-out}.upload-panel .uploading-file .progress-bar .progress.error{background-color:#a22525}.upload-panel .uploading-file .alert{font-size:16px;display:inline-block;margin-top:20px;grid-column:1/4;grid-row:4;width:calc(100vw - 90px);max-width:710px}