:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.shell{max-width:1100px;margin:32px auto;padding:0 20px}header,.toolbar,.preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}h1{margin:0;font-size:28px}.muted{color:#68758a}.card,.list,.preview{background:#fff;border:1px solid #dce3ee;border-radius:12px;box-shadow:0 4px 18px #20345c0d}.card{max-width:420px;margin:32px auto;padding:24px}.card form{display:grid;gap:12px}input{border:1px solid #cbd5e1;border-radius:8px;padding:11px;font-size:15px;min-width:0}button{border:0;border-radius:8px;padding:10px 15px;background:#2563eb;color:#fff;cursor:pointer}button:hover{background:#1d4ed8}.ghost{background:transparent;color:#2563eb;border:1px solid #bfdbfe}.toolbar{margin-top:28px}.toolbar input{flex:1}.crumb{padding:15px 0;color:#2563eb}.list{overflow:hidden}.row{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #edf1f6}.row:last-child{border:0}.name{flex:1;cursor:pointer}.folder{color:#b7791f}.actions{display:flex;gap:8px}.actions button{padding:7px 10px;font-size:13px}.preview{margin-top:18px;padding:16px;position:relative}.preview pre{white-space:pre-wrap;max-height:520px;overflow:auto;background:#f8fafc;padding:14px;border-radius:8px}.preview img{max-width:100%;max-height:600px;display:block;margin:16px auto}.error{color:#c62828;min-height:20px}.hidden{display:none!important}@media(max-width:650px){.shell{margin:18px auto}.toolbar{flex-wrap:wrap}.toolbar input{order:3;flex-basis:100%}.actions button{padding:6px}.row{padding:11px 10px}}
.toolbar{flex-wrap:wrap}.toolbar #search{flex:1;min-width:160px}.upload-panel{margin:12px 0;padding:12px;border:1px dashed #94a3b8;border-radius:10px;background:#fff}.upload-panel p{margin:5px 0;color:#475569}.drag-over{background:#dbeafe;border:2px dashed #2563eb}.upload-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:8px 0}.upload-name{flex:1;min-width:180px;overflow-wrap:anywhere}.upload-result{min-width:140px;overflow-wrap:anywhere}.upload-failed .upload-result{color:#b91c1c}progress{width:130px;accent-color:#2563eb}dialog{border:1px solid #cbd5e1;border-radius:12px;max-width:520px;padding:24px}dialog::backdrop{background:#0006}dialog label{display:block;margin:16px 0}dialog button{margin:8px}
.secondary,.actions button{background:#f1f5f9;color:#334155;border:1px solid #d7e0ea}.secondary:hover,.actions button:hover{background:#e2e8f0}.icon-button{background:transparent;color:#475569;font-size:22px;padding:3px 10px}.icon-button:hover{background:#e2e8f0}.app-dialog{width:min(600px,94vw);max-height:90vh;overflow:auto;padding:22px}.app-dialog header h2{font-size:20px;margin:0}.app-dialog footer,.upload-panel footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.app-dialog footer button{margin:0}.app-dialog label{display:block}.app-dialog input:not([type=radio]):not([type=checkbox]),.app-dialog textarea{display:block;width:100%;margin-top:8px}.app-dialog textarea{min-height:260px;font:14px Consolas,monospace;padding:12px;border:1px solid #cbd5e1;border-radius:8px}.app-dialog .choice{display:flex;gap:9px;align-items:center}.dialog-error{color:#b91c1c;white-space:pre-wrap;overflow-wrap:anywhere}.dialog-error:empty,.dialog-message:empty,#service-warning:empty{display:none}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 24px;background:#164e3e;color:#fff;border-radius:10px;z-index:100}.folder-tree,.folder-results{max-height:310px;overflow:auto;border:1px solid #dce3ee;border-radius:8px;padding:8px}.tree-children{padding-left:22px}.tree-line{display:flex;align-items:center;gap:5px}.tree-line button{margin:3px 0}.folder-pick{flex:1;text-align:left;overflow-wrap:anywhere}.folder-pick.selected{background:#dbeafe;border-color:#2563eb}.tree-expand{width:34px;padding:6px}.more-menu{position:relative}.more-menu summary{cursor:pointer;padding:7px 10px;border:1px solid #d7e0ea;border-radius:8px;white-space:nowrap;font-size:13px}.more-items{position:absolute;right:0;top:100%;background:#fff;box-shadow:0 6px 24px #17203326;padding:6px;min-width:130px;border-radius:8px;z-index:10;display:grid;gap:4px}.more-items button{background:#fff;text-align:left;border:0}.more-items .danger{color:#b91c1c}.list{overflow:visible}.name{overflow-wrap:anywhere;min-width:0}.row .actions{flex-wrap:wrap}.upload-panel header{display:flex;justify-content:space-between}.upload-panel progress{flex-shrink:0}button:disabled{opacity:.5;cursor:default}@media(max-width:700px){.row{flex-wrap:wrap}.row .name{flex-basis:65%}.row .actions{margin-left:auto}.toolbar #search{order:0;min-width:130px}.toolbar{gap:7px}.toolbar button{padding:9px}.upload-row{align-items:flex-start}.upload-name{flex-basis:100%}.app-dialog{padding:16px}.tree-children{padding-left:12px}}