Initial commit

static/styles.css

@@ -0,0 +1,119 @@
+:root {
+  color-scheme: light dark;
+  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  background-color: #111;
+  color: #f8f9fa;
+}
+
+body {
+  margin: 0;
+  background-color: #111;
+  color: #f8f9fa;
+}
+
+.container {
+  width: min(1200px, 90vw);
+  margin: 0 auto;
+  padding: 1.5rem;
+}
+
+.site-header {
+  background: #202020;
+  border-bottom: 1px solid #2d2d2d;
+}
+
+.site-header a {
+  color: inherit;
+  text-decoration: none;
+}
+
+.flash-messages {
+  margin-bottom: 1rem;
+}
+
+.flash {
+  background: #1f3b2f;
+  border: 1px solid #335843;
+  padding: 0.6rem 0.9rem;
+  border-radius: 4px;
+}
+
+.error {
+  background: #401f1f;
+  border: 1px solid #6b2727;
+  padding: 0.8rem;
+  border-radius: 4px;
+  margin-bottom: 1rem;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
+  gap: 1rem;
+}
+
+.asset-card {
+  background: #1b1b1b;
+  border: 1px solid #2d2d2d;
+  border-radius: 6px;
+  padding: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.asset-card img {
+  width: 100%;
+  aspect-ratio: 1 / 1;
+  object-fit: cover;
+  border-radius: 4px;
+  border: 1px solid #2d2d2d;
+  background: #0b0b0b;
+}
+
+.meta {
+  font-size: 0.85rem;
+  color: #bfbfbf;
+}
+
+.alt-text {
+  font-size: 0.9rem;
+  color: #e1e1e1;
+}
+
+.asset-detail {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  gap: 2rem;
+  align-items: start;
+}
+
+.asset-detail img {
+  width: 100%;
+  border-radius: 8px;
+  border: 1px solid #2d2d2d;
+}
+
+.notes-form textarea {
+  width: 100%;
+  margin-top: 0.4rem;
+  border-radius: 6px;
+  border: 1px solid #3b3b3b;
+  padding: 0.6rem;
+  background: #121212;
+  color: inherit;
+}
+
+.notes-form button {
+  background: #2b74ff;
+  border: none;
+  color: #fff;
+  padding: 0.6rem 1.4rem;
+  border-radius: 4px;
+  font-weight: 600;
+  cursor: pointer;
+}
+
+.notes-form button:hover {
+  background: #1f5fe0;
+}