:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#192334;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{text-decoration:none;color:inherit}.topbar{height:70px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2))}.logo{font-size:22px;font-weight:780;display:flex;align-items:center;gap:9px;letter-spacing:-.6px}.logo-icon{color:white;background:#426df5;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;width:34px;height:34px}.logo small{color:#8792a5;font-size:11px;font-weight:500;letter-spacing:0}.top-actions,.toolbar-actions,.nav,.row-actions{display:flex;align-items:center;gap:10px}.subtitle,.muted,.footer-note{color:#8490a4}.subtitle{font-size:13px}.main{max-width:1240px;padding:32px 24px 80px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.page-heading h1{font-size:27px;margin:0 0 5px;letter-spacing:-.7px}.page-heading p{color:#7b8799;margin:0;font-size:14px}.primary,.soft{padding:9px 15px;border-radius:9px;border:1px solid #e1e6f0;background:white;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:#426df5;color:white;border-color:#426df5}.primary:hover{background:#3159e4}.soft:hover{background:#f2f5fc}.auth-state{font-size:12px;color:#7b8799}.login-bar{padding:12px 16px;border:1px solid #dfe8f8;background:#eef4ff;border-radius:12px;margin-bottom:20px;display:flex;gap:12px;align-items:center;justify-content:flex-end;font-size:13px}.login-bar span{margin-right:auto;color:#536888}.login-bar input{border:1px solid #dbe3f1;border-radius:8px;padding:9px 12px;min-width:160px}.signed-in{font-size:12px;color:#21845c;margin:0 0 14px}.browser{background:white;border:1px solid #e4eaf2;border-radius:14px;overflow:hidden;box-shadow:0 9px 35px rgba(29,52,95,.045)}.browser-toolbar{padding:16px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e8edf4;align-items:center}.nav{min-width:0;flex-wrap:wrap}.nav label{font-size:12px;color:#7b8799}.nav select{border:1px solid #e0e7f1;padding:7px 10px;border-radius:8px;background:white;max-width:200px}.icon-btn{padding:7px 12px}.crumbs{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:13px}.crumbs button,.filename,.action-link{border:0;background:transparent;color:#3d66d7;padding:2px 3px}.crumb{display:flex;gap:5px;color:#95a1b3;align-items:center}.search{border:1px solid #e0e7f1;padding:10px 13px;border-radius:9px;min-width:200px;max-width:330px;width:28%}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th{text-align:left;background:#fafbfd;font-size:12px;font-weight:650;color:#8994a6;padding:13px 20px;border-bottom:1px solid #e8edf4}td{padding:11px 20px;border-bottom:1px solid #edf0f5;font-size:13px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8faff}.file-name{display:flex;align-items:center;gap:12px;min-width:220px}.filename{font-size:13px;color:#243249;text-align:left;word-break:break-all}.filename:hover{color:#426df5}.file-icon,.thumb{height:42px;width:42px;border-radius:8px;flex-shrink:0;object-fit:cover}.file-icon{display:inline-flex;justify-content:center;align-items:center;background:#edf2fa;font-size:21px;color:#657fb6}.file-icon.folder{background:#fff4da}.type-tag{font-size:10px;border-radius:5px;padding:3px 5px;color:#4d6dba;background:#edf3ff}.muted{font-size:12px;white-space:nowrap}.row-actions{gap:10px;justify-content:flex-end}.action-link{font-size:12px;white-space:nowrap}.action-link:hover{text-decoration:underline}.danger{color:#d95361}.notice{color:#8490a4;text-align:center;padding:44px 12px}.footer-count{color:#a0aabb;padding:11px 20px;font-size:12px;border-top:1px solid #edf0f5}.footer-note{text-align:center;margin-top:25px;font-size:12px}.error{margin-top:20px;padding:14px 18px;color:#b73242;border:1px solid #f0cad0;background:#fff1f2;border-radius:10px;font-size:13px}.overlay{position:fixed;inset:0;background:rgba(12,21,39,.78);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:40}.modal{width:min(1050px,96vw);max-height:92vh;background:#101827;border-radius:14px;box-shadow:0 30px 90px #0008;padding:12px 18px 20px;color:white}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:5px 0 16px}.modal-head strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px}.close{font-size:26px;background:none;border:0;color:white}.preview-image{display:block;max-width:100%;max-height:76vh;object-fit:contain;margin:0 auto}.modal video{width:100%;max-height:77vh;background:black;border-radius:8px}.modal audio{display:block;width:min(720px,90%);margin:38px auto}@media(max-width:750px){.topbar{padding:0 18px}.subtitle,.modified{display:none}.main{padding:24px 12px 60px}.page-heading{align-items:start}.page-heading h1{font-size:24px}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.browser-toolbar{flex-direction:column;align-items:stretch}.search{max-width:none;width:100%}.login-bar{flex-wrap:wrap}.login-bar span{width:100%}td,th{padding:10px 12px}.row-actions{flex-wrap:wrap;min-width:90px;justify-content:flex-start}.file-name{min-width:150px}.file-icon,.thumb{width:36px;height:36px}}

.player-hint{font-size:12px;color:#cbd5e1;text-align:center;padding:10px 0 0}.player-hint a{color:#93c5fd;text-decoration:underline}

/* v0.1.5 upload safety and account controls */
.upload-status{flex:1;min-width:180px;max-width:570px}.idle-status{display:inline-flex;align-items:center;color:#64748b;font-size:13px}.idle-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;margin-right:9px}.upload-live{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.upload-details{display:flex;align-items:center;gap:10px;width:100%;min-width:0;font-size:12px}.upload-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:66%}.upload-details span{color:#64748b;white-space:nowrap}.upload-track{flex:1;min-width:160px;height:8px;border-radius:50px;background:#e5eaf5;overflow:hidden}.upload-fill{background:#426df5;height:100%;transition:width .15s linear}.login-form,.password-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.password-panel{padding:16px;border:1px solid #dfe8f8;background:#fff;border-radius:12px;margin-bottom:18px}.password-panel strong{font-size:14px;display:block;margin-bottom:12px}.password-form input{min-width:150px;flex:1;padding:9px 12px;border:1px solid #dbe3f1;border-radius:8px;font-size:13px}@media(max-width:750px){.upload-status{width:100%}.page-heading{flex-wrap:wrap}.login-form{width:100%}.login-form input{flex:1;min-width:120px}}

.task-panel{background:white;border:1px solid #e4eaf2;border-radius:14px;margin-bottom:20px;overflow:hidden}.task-tabs{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #e7eaf1;flex-wrap:wrap}.task-tabs>button:not(.soft){padding:9px 14px;border:0;border-radius:8px;background:transparent;color:#65748c;font-weight:600}.task-tabs>button.active{background:#eaf0ff;color:#3159e4}.task-tabs>.soft{margin-left:auto}.task-body{padding:17px}.task-form{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:8px 0}.task-form input,.task-form textarea,.task-grid textarea{border:1px solid #dbe3f1;border-radius:8px;padding:10px 12px;min-width:0;flex:1;font:inherit;font-size:13px}.task-form input{min-width:220px}.task-hint{font-size:12px;line-height:1.6;color:#77849a}.task-list{margin-top:12px}.task-row{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #edf0f5;padding:13px 0}.task-row-main{display:flex;flex-direction:column;gap:5px;min-width:0;overflow-wrap:anywhere;font-size:13px}.task-row-main span{font-size:12px;color:#79859a}.task-row-main .task-error{color:#c43d50}.task-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.task-grid>div{min-width:0}.task-grid textarea{display:block;min-height:92px;width:100%;margin:8px 0;resize:vertical}.task-form.vertical{flex-direction:column;align-items:stretch}.task-message{padding:10px 17px;color:#3462ac;background:#f2f6ff;font-size:13px;overflow-wrap:anywhere}@media(max-width:800px){.task-grid{grid-template-columns:1fr}.task-form input{min-width:100%;width:100%}}

.mirror-run-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mirror-run-controls select{max-width:270px;padding:8px;border:1px solid #ddd;border-radius:8px;background:var(--surface,#fff);color:inherit}

/* zFiles 0.1.6.5: destination folder picker */
.move-dialog{width:min(580px,96vw);max-height:85vh;background:white;color:#243249;padding:22px;border-radius:16px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;gap:12px}.move-header,.move-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.move-header strong{font-size:17px}.move-description{margin:0;font-size:13px;color:#67758c;overflow-wrap:anywhere}.move-description strong{color:#263650}.move-navigation{display:flex;gap:9px}.move-folder-list{overflow-y:auto;min-height:100px;max-height:45vh;border:1px solid #e2e8f2;border-radius:10px;padding:6px}.move-folder-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:0;border-radius:8px;padding:11px 12px;background:white;text-align:left;color:#263650}.move-folder-item:not(:disabled):hover{background:#edf3ff}.move-folder-item:disabled{color:#9ba6b9}.move-folder-item span:last-child{font-size:12px;color:#8b98aa;white-space:nowrap}.move-hint{padding:22px 8px;color:#8b98aa;text-align:center;font-size:13px}.move-error{color:#b73242;font-size:13px;margin:0}.move-footer{justify-content:flex-end;padding-top:6px}