:root{font-family:'Segoe UI','Microsoft YaHei',sans-serif;color:#26344b;background:#f7f9fc;font-synthesis:none;--blue:#3157d5;--line:#e5eaf2}*{box-sizing:border-box}body{margin:0;font-size:16px}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #90adfa;outline-offset:3px}[hidden]{display:none!important}main{max-width:820px;margin:0 auto;padding:64px 28px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:32px}.title{display:flex;align-items:center;gap:13px}h1{font-size:25px;letter-spacing:-.5px;font-weight:600;margin:0}.quiet-button{background:transparent;border:0;color:#748199;font-size:14px;padding:10px;border-radius:5px}.quiet-button:hover{background:#edf1f8;color:var(--blue)}.upload-area{border:1.5px dashed #b7c7e8;border-radius:12px;background:#f0f5ff;padding:36px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:background .15s}.upload-area.dragging{background:#dfeaff;border-color:var(--blue)}.upload-icon{width:48px;height:48px;line-height:42px;font-size:35px;color:var(--blue);background:white;border-radius:12px;margin-bottom:16px}.upload-area h2{font-size:19px;font-weight:500;margin:0}.upload-area p{font-size:14px;color:#8491a7;margin:10px 0 22px}.primary{border:0;border-radius:7px;background:var(--blue);color:white;font-size:15px;font-weight:500;padding:13px 30px;min-height:44px}.primary:hover:enabled{background:#2548bb}.upload-area small{font-size:12px;color:#8c9ab0;margin-top:15px}.files{margin-top:28px;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.files-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 23px;border-bottom:1px solid var(--line)}.files-heading h2{font-size:16px;font-weight:600;margin:0}.files-heading h2 span{font-size:13px;color:#9ba7b9;font-weight:400;margin-left:7px}ul{list-style:none;margin:0;padding:0}.file-row{display:flex;align-items:center;gap:15px;padding:19px 24px}.file-row+.file-row{border-top:1px solid #eef1f6}.file-icon{display:flex;align-items:center;justify-content:center;width:36px;height:42px;border:1px solid #e3eaf7;background:#f4f7fd;border-radius:5px;font:10px Consolas,monospace;color:#8194b6;flex-shrink:0}.file-info{min-width:0;flex:1}.file-info strong{display:block;font-size:15px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info small{display:block;color:#98a3b5;font-size:12px;margin-top:6px}.download{font-size:14px;color:var(--blue);border:1px solid #dce5f7;border-radius:6px;padding:8px 15px;text-decoration:none;white-space:nowrap}.download:hover{background:#eef3ff}.empty{text-align:center;padding:43px 20px}.empty p{margin:0;color:#95a1b3;font-size:14px;line-height:1.7}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;border-top:1px solid var(--line);padding:10px;font-size:13px;color:#8291a9}#transfer-progress{width:100%;max-width:360px;margin-top:18px}progress{height:5px;width:100%;accent-color:var(--blue)}#progress-text{display:block;color:#7c8ba3;font-size:12px;margin-top:6px;overflow-wrap:anywhere}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;max-width:420px;width:calc(100% - 32px);color:#26344b;box-shadow:0 25px 80px #26344b26}dialog::backdrop{background:#26344b66;backdrop-filter:blur(2px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-heading h2{font-size:20px;margin:0;font-weight:600}.dialog-heading button{font-size:25px}dialog p{font-size:14px;color:#8491a7;line-height:1.7}dialog label{display:block;font-size:14px;margin:22px 0 10px}dialog input{border:1px solid #dce3ef;border-radius:6px;padding:12px;width:100%;font-size:14px}dialog .primary{width:100%}dialog .error{min-height:20px;font-size:13px;color:#bd4257}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 22px;background:#263a5c;color:white;border-radius:8px;font-size:14px;max-width:90vw;width:max-content;line-height:1.6;box-shadow:0 5px 20px #26344b26}
@media(max-width:600px){main{padding:30px 18px}header{margin-bottom:25px;gap:8px}.title{gap:9px}.title img{width:31px;height:31px}h1{font-size:20px}header .quiet-button{font-size:12px;padding:8px}.upload-area{padding:32px 20px}.files-heading{padding:13px 16px}.file-row{padding:17px 16px;gap:10px}.file-info strong{font-size:14px}.download{padding:8px 11px}.file-info small{font-size:11px}.empty{padding:35px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.toolbar-actions,.file-actions,.dialog-actions{display:flex;align-items:center;gap:8px}.toolbar-actions .download,.file-actions .download{background:white}.files-heading #list-title{font-size:16px;color:#26344b;font-weight:600;margin:0}.delete-button{border:0;background:transparent;color:#bd4257;font-size:14px;padding:9px 8px;border-radius:5px}.delete-button:hover{background:#fff0f2}.danger-button{border:0;border-radius:6px;color:white;background:#bf4056;padding:12px 20px;font-size:14px}.dialog-actions{justify-content:flex-end}#delete-name{overflow-wrap:anywhere;color:#26344b}#delete-dialog h2{font-size:20px;margin-top:0}.file-actions{flex-shrink:0}
@media(max-width:600px){.files-heading{flex-wrap:wrap;gap:8px}.toolbar-actions{margin-left:auto;gap:3px}.toolbar-actions .quiet-button{padding:9px 7px}.file-row{gap:8px}.file-actions{gap:2px}.file-actions .download{padding:8px 9px}.delete-button{padding:8px 5px}}