* { box-sizing: border-box; }
body { font-family: system-ui, sans-serif; margin: 0; background: #111; color: #eee; }
header { display: flex; justify-content: space-between; align-items: center; padding: 12px 24px; background: #000; border-bottom: 1px solid #333; }
header .brand { color: #fff; font-weight: 700; text-decoration: none; }
header nav a, header nav button.link { color: #ccc; margin-left: 16px; text-decoration: none; background: none; border: none; cursor: pointer; font-size: 1rem; }
main { padding: 24px; max-width: 1400px; margin: 0 auto; }
h1, h2 { color: #fff; }
.breadcrumb { color: #888; margin-bottom: 16px; }
.breadcrumb a { color: #6cf; text-decoration: none; }
.folders ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.folders a { display: inline-block; padding: 6px 12px; background: #222; border-radius: 4px; color: #6cf; text-decoration: none; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; margin-top: 16px; }
.card { display: block; background: #222; border-radius: 6px; overflow: hidden; text-decoration: none; color: #eee; }
.card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; display: block; }
.card .title { display: block; padding: 8px; font-size: 0.9rem; }
.full { max-width: 100%; height: auto; margin-top: 16px; }
.meta { color: #999; font-size: 0.9rem; }
form label { display: block; margin: 12px 0; }
form input[type=text], form input[type=password], form input[type=file] { display: block; width: 100%; padding: 8px; background: #222; color: #eee; border: 1px solid #444; border-radius: 4px; margin-top: 4px; }
button, .button { background: #36c; color: #fff; border: none; padding: 8px 16px; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block; font-size: 1rem; }
button.danger { background: #c33; margin-top: 16px; }
.error { color: #f66; background: #311; padding: 8px 12px; border-radius: 4px; }
#rows .row { display: grid; grid-template-columns: 200px 1fr 1fr; gap: 8px; padding: 8px 0; border-bottom: 1px solid #333; align-items: center; }
#rows .filename { color: #aaa; font-size: 0.85rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }