:root{color-scheme:dark;--bg:#181818;--text:#dedbd5;--muted:#9e9b96;--line:#41413e;--accent:#d1b69a;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}header{display:flex;align-items:center;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line)}h1{font-size:17px;font-weight:500;margin:0}h2{font-size:13px;font-weight:500;margin:0}header span,.muted{color:var(--muted)}header button{margin-left:auto}button,input{font:inherit;background:transparent;color:inherit;border:1px solid var(--line);padding:8px 11px;border-radius:0}button{cursor:pointer}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,#drop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}#login{display:flex;align-items:center;gap:12px;padding:24px;flex-wrap:wrap}#token{width:min(420px,100%)}#message{margin:0;padding:12px 24px;min-height:42px;color:var(--accent);overflow-wrap:anywhere}main{display:grid;grid-template-columns:230px minmax(0,1fr)}aside{padding:16px 24px;border-right:1px solid var(--line);overflow:auto}aside h2{margin-bottom:16px}aside button{border:0;text-align:left;overflow-wrap:anywhere}details{margin:5px 0 5px 10px}summary{cursor:pointer;overflow-wrap:anywhere}.content{padding:0 24px 30px;min-width:0}section{margin-bottom:28px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0}.toolbar nav,.toolbar h2{margin-right:auto}nav button{border:0;padding:6px}#drop{border:1px dashed var(--line);padding:28px 16px;text-align:center;margin:16px 0}#drop.over{border-color:var(--accent);background:#25231f}#drop strong,#drop span{display:block;margin-bottom:12px}#drop span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-weight:400;color:var(--muted)}th,td{padding:11px 8px;border-bottom:1px solid var(--line)}td:first-child{overflow-wrap:anywhere;min-width:160px}td:nth-child(2),td:nth-child(3){white-space:nowrap;font:12px 'Courier New',monospace}td button{margin:2px}.file-name{border:0;padding:0;text-align:left}progress{display:block;width:100%;height:6px;border:0;accent-color:var(--accent);background:var(--line)}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--accent)}#queue{max-height:480px;overflow:auto}.upload-row{padding:12px 0;border-bottom:1px solid var(--line)}.upload-top{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.upload-name{overflow-wrap:anywhere}.upload-state{color:var(--muted);font:12px 'Courier New',monospace;text-align:right;max-width:50%;overflow-wrap:anywhere}.upload-row[data-state=error] .upload-state{color:#e4a09a}#summary{font:12px 'Courier New',monospace}.muted{font-size:12px;line-height:1.6}
@media(max-width:760px){main{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line);max-height:200px}.content{padding:0 12px 24px}header{padding:16px 12px}#message{padding:12px}th:nth-child(3),td:nth-child(3){display:none}.toolbar button{padding:8px}#login{padding:12px}}
.queue-actions{display:flex;gap:8px;margin-top:8px}.queue-actions button{font-size:12px;padding:5px 8px}
