:root{--bg: #0d1117;--panel: #161b22;--border: #21262d;--text: #c9d1d9;--muted: #8b949e;--accent: #388bfd;--danger: #f85149;--radius: 6px;--gap: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}[hidden]{display:none!important}.btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:6px 12px;font-size:13px;cursor:pointer}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-toggle.is-active{border-color:var(--accent);color:var(--accent)}#login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{display:flex;flex-direction:column;gap:var(--gap);width:280px;padding:24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius)}.login-title{margin:0 0 4px;font-size:18px;text-align:center}.login-input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:14px}.login-input:focus{outline:none;border-color:var(--accent)}.login-error{margin:0;color:var(--danger);font-size:13px;text-align:center}#app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--gap);padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:var(--gap)}.brand{font-weight:600}.breadcrumb{color:var(--muted)}.view-toggle{display:flex}.view-toggle .btn-toggle{border-radius:0}.view-toggle .btn-toggle:first-child{border-radius:var(--radius) 0 0 var(--radius)}.view-toggle .btn-toggle:last-child{border-radius:0 var(--radius) var(--radius) 0;border-left:none}.dropzone{margin:16px;padding:24px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--panel);color:var(--muted);text-align:center;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease;-webkit-user-select:none;user-select:none}.dropzone:hover{border-color:var(--accent);color:var(--text)}.dropzone.is-dragover{border-color:var(--accent);background:#388bfd0f;color:var(--accent);box-shadow:0 0 0 3px #388bfd26}.dropzone-label{font-size:14px;pointer-events:none}.dropzone-input{display:none}.browser{flex:1;margin:0 16px 16px}.browser.is-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--gap)}.upload-progress{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;width:300px;z-index:50}.upload-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);font-size:13px;color:var(--text)}.upload-row__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.upload-row__bar-wrap{width:80px;height:6px;background:var(--border);border-radius:3px;overflow:hidden;flex-shrink:0}.upload-row__bar{height:100%;background:var(--accent);border-radius:3px;transition:width .1s ease}.upload-row__pct{width:36px;text-align:right;color:var(--muted);font-size:12px;flex-shrink:0}.upload-row--done .upload-row__bar{background:#3fb950}.upload-row--done .upload-row__pct{color:#3fb950}.upload-row--error{border-color:var(--danger)}.upload-row--error .upload-row__name,.upload-row--error .upload-row__pct{color:var(--danger)}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#010409d9;z-index:1000}.preview-content{position:relative;max-width:90vw;max-height:90vh;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px;display:flex;flex-direction:column;align-items:center}.preview-image{max-width:86vw;max-height:86vh;object-fit:contain;display:block}.preview-pdf{width:86vw;height:86vh;border:0;background:var(--bg)}.preview-fallback-msg{color:var(--muted);margin:0 0 12px;font-size:13px}.preview-fallback{color:var(--accent);padding:24px;text-decoration:none;font-size:14px}.preview-fallback:hover{text-decoration:underline}.preview-close{position:fixed;top:16px;right:20px;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:4px 10px;font-size:18px;cursor:pointer;line-height:1;z-index:1001;transition:border-color .1s ease,color .1s ease}.preview-close:hover{border-color:var(--accent);color:var(--accent)}.row-actions{display:flex;gap:6px;margin-left:auto;align-items:center;opacity:0;transition:opacity .1s ease}.entry-row:hover .row-actions{opacity:1}.action-btn{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:5px;padding:3px 8px;font-size:12px;cursor:pointer;text-decoration:none;line-height:1.6;white-space:nowrap}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-delete{color:var(--muted)}.action-delete:hover{border-color:var(--danger);color:var(--danger)}[data-testid=breadcrumb]{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:8px 0 12px;font-size:13px;color:var(--muted)}[data-testid=breadcrumb] a[data-testid=crumb]{color:var(--accent);text-decoration:none}[data-testid=breadcrumb] a[data-testid=crumb]:hover{text-decoration:underline}.breadcrumb-sep{color:var(--muted);-webkit-user-select:none;user-select:none}.entry-list{width:100%;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.entry-list-head{display:grid;grid-template-columns:1fr 100px 110px 1fr;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--border);color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.entry-row{display:grid;grid-template-columns:1fr 100px 110px 1fr;padding:8px 12px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .08s ease;align-items:center}.entry-row:last-child{border-bottom:none}.entry-row:hover{background:var(--panel)}.entry-row[data-type=dir] .entry-name{font-weight:500;color:var(--accent)}.entry-name{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-icon:before,.entry-card-icon:before{font-style:normal;font-size:15px}.entry-icon--dir:before,.entry-card-icon--dir:before{content:"📁"}.entry-icon--file:before,.entry-card-icon--file:before{content:"📄"}.entry-size,.entry-date{color:var(--muted);font-size:13px;white-space:nowrap}.entry-type{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--gap)}.entry-card{display:flex;flex-direction:column;align-items:center;padding:12px 8px 10px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .1s ease,background .1s ease;overflow:hidden;gap:8px}.entry-card:hover{border-color:var(--accent);background:#1a2130}.entry-card-thumb{width:80px;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:3px}.entry-card-img{width:100%;height:100%;object-fit:cover;border-radius:3px}.entry-card-icon{font-size:36px;line-height:1}.entry-card .entry-name{font-size:12px;text-align:center;word-break:break-word;max-width:120px;color:var(--text)}.browser-error{padding:12px 16px;color:var(--danger);font-size:13px;border:1px solid var(--danger);border-radius:var(--radius);background:#f8514914}