:root{color-scheme:dark;--bg:#101010;--panel:#1b1b1b;--raised:#252525;--border:#373737;--text:#f5f3ee;--muted:#aaa79f;--accent:#f6b33d;--accent-dark:#322715;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}button,input,select{font:inherit}button,.button,select{border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);padding:9px 13px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover,.button:hover{background:var(--raised);border-color:#777}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:var(--accent);text-underline-offset:3px}input{min-width:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:11px 13px}input[type=checkbox]{accent-color:var(--accent);width:19px;height:19px;cursor:pointer}h1,h2,p{margin:0}h1{font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.035em;line-height:1.15}h2{font-size:1.2rem}button.primary,.button.primary{background:var(--accent);color:#211804;border-color:var(--accent);font-weight:650}.muted{color:var(--muted);font-size:.9rem}.topbar{border-bottom:1px solid var(--border);background:#171717}.topbar-inner{max-width:1440px;margin:auto;display:flex;align-items:center;gap:24px;padding:18px 32px}.brand{color:var(--text);font-size:1.35rem;font-weight:750;text-decoration:none;white-space:nowrap}.brand span{color:var(--accent)}.tagline{color:var(--muted);font-size:.85rem}.header-actions{display:flex;gap:8px;margin-left:auto}main{max-width:1440px;margin:auto;padding:32px}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}.eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.15em;color:var(--accent);margin-bottom:9px}#summary{margin-top:12px}.controls{display:flex;gap:12px;align-items:center;margin-bottom:18px}.search{display:flex;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:9px;padding:0 14px;flex:1}.search>span{font-size:1.6rem;color:var(--muted)}.search input{border:0;background:transparent;flex:1;width:100%;padding:12px 0}.search kbd{color:var(--muted);border:1px solid var(--border);padding:0 6px;border-radius:4px}.view-toggle{display:flex}.view-toggle button{border-radius:0}.view-toggle button:first-child{border-radius:8px 0 0 8px}.view-toggle button:last-child{border-radius:0 8px 8px 0}.view-toggle [aria-pressed=true]{background:var(--accent-dark);color:var(--accent);border-color:#795a27}.folders,.types{display:flex;gap:7px;flex-wrap:wrap}.folders{padding-bottom:16px;border-bottom:1px solid var(--border)}.folders button,.types button{font-size:.84rem;padding:7px 12px}.folders button.active,.types button.active{border-color:var(--accent);color:var(--accent);background:var(--accent-dark)}.count{color:var(--muted);font-size:.75rem}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:16px 0}.text-button{border:0;background:transparent;padding:7px;color:var(--muted);font-size:.85rem}.selection-bar{position:sticky;top:10px;z-index:5;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;border:1px solid #8c6427;background:#282217;border-radius:10px;margin:16px 0;box-shadow:0 8px 24px #0007}.selection-bar strong{margin-right:auto}.status{color:var(--muted);font-size:.85rem;min-height:1.5em;margin:10px 0}.files.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.file-card{min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden;position:relative}.file-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.select-file{position:absolute;top:12px;left:12px;z-index:2;display:flex;padding:5px;background:#111d;border-radius:6px}.select-file input{margin:0}.file-preview{height:240px;width:100%;display:flex;align-items:center;justify-content:center;border:0;border-radius:0;padding:0;background:#232323;position:relative;overflow:hidden}.file-preview:hover{background:#292929}.file-preview img,.file-preview video{height:100%;width:100%;object-fit:contain}.file-preview img{padding:6px}.preview-label,.duration{position:absolute;bottom:12px;background:#111e;border:1px solid #5558;border-radius:6px;font-size:.73rem;padding:4px 8px}.preview-label{left:12px}.duration{right:12px}.file-icon{font-size:1.2rem;color:var(--muted);font-weight:700;letter-spacing:.08em}.file-info{padding:15px}.file-title{font-size:.98rem;font-weight:650;overflow-wrap:anywhere;line-height:1.4;display:block;color:var(--text);text-decoration:none}.file-original{font-size:.72rem;color:var(--muted);overflow-wrap:anywhere;margin-top:5px}.file-details{color:var(--muted);font-size:.75rem;display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.file-actions{display:flex;gap:8px;margin-top:14px}.file-actions button,.file-actions a{font-size:.8rem;flex:1;padding:8px}.files.list-view{display:flex;flex-direction:column;gap:9px}.list-view .file-card{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center}.list-view .file-preview{height:132px}.list-view .file-info{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px}.list-view .file-title,.list-view .file-original,.list-view .file-details{grid-column:1}.list-view .file-actions{grid-column:2;grid-row:1/4;align-self:center;margin:0}.list-view .file-actions button,.list-view .file-actions a{white-space:nowrap}.list-view .preview-label{display:none}.empty{grid-column:1/-1;text-align:center;padding:70px 20px;border:1px dashed var(--border);border-radius:12px;color:var(--muted)}footer{margin:36px 0 10px;color:var(--muted);font-size:.78rem;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}dialog{width:min(1040px,calc(100% - 24px));max-height:calc(100dvh - 24px);border:1px solid #555;border-radius:14px;padding:22px;background:var(--panel);color:var(--text);margin:auto;overflow:auto}dialog::backdrop{background:#000d}.dialog-heading,.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.dialog-heading h2{overflow-wrap:anywhere}.dialog-heading>button{flex-shrink:0}.dialog-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.dialog-actions+p{margin-top:12px}#previewBody{margin:18px 0;min-height:200px;display:flex;align-items:center;justify-content:center}#previewBody img,#previewBody video{display:block;max-width:100%;max-height:65dvh;object-fit:contain}#previewBody audio{width:100%}#previewBody iframe{width:100%;height:65dvh;border:0;background:white}#collectionDialog{max-width:560px}#collectionForm{display:grid;gap:15px}#collectionForm input{width:100%}#collectionResult .dialog-actions{margin-top:10px}.upload-panel{background:var(--panel);padding:22px;border:1px solid var(--border);border-radius:12px;margin:24px 0}.section-heading p{margin-top:5px}.login-row{display:flex;gap:10px;margin:8px 0}.login-row input{flex:1}#loginForm{margin-top:20px}.dropzone{border:2px dashed #70613f;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:30px 15px;margin-top:20px;cursor:pointer;background:#211d16}.dropzone.dragover{border-color:var(--accent);background:#3a2d17}.drop-icon{font-size:2rem;color:var(--accent)}.upload-item{padding:15px 0;border-bottom:1px solid var(--border)}.upload-item-head{display:flex;gap:12px;justify-content:space-between;align-items:center;overflow-wrap:anywhere}.upload-item progress{width:100%;height:8px;accent-color:var(--accent);display:block;margin:10px 0}.upload-item a{overflow-wrap:anywhere;font-size:.8rem}.upload-item .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.upload-item .actions button,.upload-item .actions a{font-size:.8rem}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:20;background:#f5f3ee;color:#171717;padding:12px 20px;border-radius:9px;box-shadow:0 8px 30px #0008;max-width:calc(100% - 24px);font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1200px){.files.grid-view{grid-template-columns:repeat(3,minmax(0,1fr))}.file-preview{height:280px}}
@media(max-width:760px){main{padding:22px 16px}.topbar-inner{padding:14px 16px;gap:12px;flex-wrap:wrap}.tagline{display:none}.header-actions{gap:6px}.header-actions button{font-size:.78rem;padding:8px}.controls{flex-wrap:wrap}.search{flex-basis:100%}.sort-label{flex:1}.sort-label select{width:100%}.page-heading{align-items:flex-start}.page-heading>a{font-size:.8rem}.files.grid-view{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.filter-row{align-items:flex-start}.types{gap:5px}.types button{padding:6px 9px}.selection-bar{gap:7px;padding:12px}.selection-bar strong{flex-basis:100%}.selection-bar button{font-size:.8rem}.list-view .file-card{grid-template-columns:90px minmax(0,1fr)}.list-view .file-preview{height:100%;min-height:150px}.list-view .file-info{display:block;padding:12px}.list-view .file-actions{margin-top:10px}.list-view .select-file{left:6px;top:6px}.login-row{flex-direction:column}dialog{padding:16px}.dialog-actions{gap:8px}.dialog-actions button,.dialog-actions a{font-size:.8rem;padding:8px}.upload-panel{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(max-width:760px){.folders{flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;scrollbar-width:thin}.folders button{flex-shrink:0}.types{flex-wrap:nowrap;overflow-x:auto;min-width:0;scrollbar-width:thin}.types button{flex-shrink:0}.filter-row{gap:8px;align-items:center}.filter-row>.text-button{flex-shrink:0;max-width:80px;line-height:1.25}.selection-bar{position:relative;top:0}.page-heading{margin-bottom:22px}}