:root{--bg:#f6f5f2;--surface:#fff;--text:#1c1b19;--muted:#6b6862;--border:#e3e0da;--accent:#d6402b;--accent-text:#fff;--danger:#b42318}@media (prefers-color-scheme:dark){:root{--bg:#151412;--surface:#1f1e1b;--text:#f1efe9;--muted:#9c988f;--border:#34322d;--accent:#ef5a43;--danger:#ff7b6b}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:680px;margin:0 auto;padding:56px 16px 80px}h1{letter-spacing:-.02em;margin:0;font-size:2rem}.sub{color:var(--muted);margin:6px 0 28px}.drop{border:2px dashed var(--border);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:44px 16px;transition:border-color .15s,background .15s;display:flex}.drop:hover,.drop.over{border-color:var(--accent)}.drop.over{background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.drop span{color:var(--muted);font-size:.9rem}.error{color:var(--danger);margin:12px 0 0}.hint{color:var(--muted);text-align:right;margin:8px 0 0;font-size:.85rem}.list{flex-direction:column;gap:8px;margin:20px 0 0;padding:0;list-style:none;display:flex}.list li{background:var(--surface);border:1px solid var(--border);cursor:grab;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;display:flex}.list li.dragging{opacity:.5}.handle{color:var(--muted);letter-spacing:-3px;-webkit-user-select:none;user-select:none}.num{font-variant-numeric:tabular-nums;min-width:24px;color:var(--muted);font-size:.85rem}.meta{flex-direction:column;flex:1;min-width:0;display:flex}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.info{color:var(--muted);font-size:.8rem}.bad{color:var(--danger)}.actions{gap:4px;display:flex}button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:6px 10px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.4;cursor:not-allowed}.footer{flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;display:flex}.filename{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex:1;align-items:center;min-width:160px;padding:0 10px;display:flex}.filename input{min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:8px 0}.filename span{color:var(--muted)}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);padding:9px 16px;font-weight:600}.primary:hover:not(:disabled){filter:brightness(1.08);border-color:var(--accent)}.touch-only{display:none}@media (hover:none) and (pointer:coarse){.pointer-only{display:none}.touch-only{display:inline}.list li{cursor:default}.handle{display:none}.actions button{min-width:40px;min-height:40px}.footer button,.filename{min-height:44px}.filename input{font-size:16px}}@media (max-width:480px){.wrap{padding-top:32px}h1{font-size:1.6rem}.drop{padding:36px 16px}.footer .primary{flex:100%;order:3}.footer .clear{flex:none}}