:root{--bg: #f7f8fa;--card: #ffffff;--border: #e3e6ea;--text: #1f2933;--muted: #6b7280;--accent: #f6821f;--accent-dark: #d96c0d;--danger: #d64545;--ok: #1a7f37}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}header{background:var(--card);border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}h1{margin:0;font-size:1.4rem}header p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}main{max-width:960px;margin:0 auto;padding:1.5rem;display:grid;gap:1.25rem}#status{padding:.6rem .9rem;border-radius:6px;font-size:.9rem;background:#eef6ee;color:var(--ok);border:1px solid #cfe6d3}#status.error{background:#fdeeee;color:var(--danger);border-color:#f2cccc}section{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1.25rem}h2{margin-top:0;font-size:1.1rem}form{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}input[type=text],input:not([type]){flex:1;min-width:140px;padding:.45rem .6rem;border:1px solid var(--border);border-radius:6px;font-size:.9rem}button{padding:.45rem .9rem;border:none;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;font-size:.9rem}button:hover{background:var(--accent-dark)}ul{list-style:none;margin:0;padding:0}li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}li:last-child{border-bottom:none}li.empty{color:var(--muted)}.item-name,.file-key{font-weight:600}.item-desc,.item-time,.file-size{color:var(--muted);font-size:.85rem}.item-time{margin-left:auto}.file-key{color:var(--accent-dark);text-decoration:none;word-break:break-all}.file-key:hover{text-decoration:underline}.file-size{margin-left:auto}footer{max-width:960px;margin:0 auto;padding:0 1.5rem 2rem;color:var(--muted);font-size:.85rem}