:root{color:#202020;background:#fafafa;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0}.app{max-width:900px;margin:0 auto;padding:48px 24px}header{border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:18px;display:flex}h1{margin:0;font-size:27px}.source-ip{color:#666;margin:5px 0 0;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}h2{margin:36px 0 15px;font-size:18px}button{color:#fff;cursor:pointer;background:#222;border:1px solid #222;padding:9px 14px}header button{color:#222;background:#fff}.signin{background:#f1f1f1;align-items:end;gap:12px;padding:18px;display:flex}.signin label{flex:1;gap:6px;font-size:13px;display:grid}.signin input{font:inherit;border:1px solid #bbb;padding:10px}.breadcrumbs{margin:22px 0 0;font-size:14px}.breadcrumbs button{color:#125a9c;background:0 0;border:0;padding:0}.actions{align-items:stretch;gap:12px;margin-top:16px;display:flex}.actions .upload{flex:1;padding:10px 18px}.upload{text-align:center;cursor:pointer;color:#555;border:2px dashed #aaa;gap:8px;padding:36px;display:grid}.upload input{display:none}.upload small{font-size:12px}.error{color:#a00}ul{border-top:1px solid #ddd;margin:0;padding:0;list-style:none}li{border-bottom:1px solid #ddd;grid-template-columns:1fr 100px 120px auto;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:grid}li a{color:#125a9c;text-decoration:none}li button{color:#a00;background:#fff;border-color:#a00;padding:5px 9px}.directory button{color:#125a9c;text-align:left;background:0 0;border:0;padding:0}.directory{grid-template-columns:1fr auto}@media (width<=600px){li{grid-template-columns:1fr auto}li span{display:none}.signin{display:block}.signin button{margin-top:12px}.actions{display:block}.actions .upload{margin-top:12px}}