@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";:root{color-scheme:light;--radius: 12px;--bg: #f7f7fb;--card: #fff;--text: #1f2933;--muted: #4b5563;--border: #e5e7eb;--accent: #2563eb;--badge-bg: #eff6ff;--badge-text: #1d4ed8}:root[data-theme=dark],[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #94a3b8;--border: #1f2937;--accent: #3b82f6;--badge-bg: #1e293b;--badge-text: #bfdbfe}@media (prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted: #94a3b8;--border: #1f2937;--accent: #3b82f6;--badge-bg: #1e293b;--badge-text: #bfdbfe}}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}a{color:var(--accent);text-decoration:none}.meta-row{display:flex;align-items:center;gap:6px}.meta-row .url{flex:1}a:hover{text-decoration:underline}.container{max-width:1200px;width:100%;margin:0 auto;padding:24px 16px 48px}.grid{columns:1;column-gap:16px;padding:0}@media (min-width: 640px){.grid{columns:2}}@media (min-width: 1040px){.grid{columns:3}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;width:100%;margin:0 0 16px;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:8px;break-inside:avoid}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000000f}.card img{width:100%;border-radius:var(--radius);border:1px solid var(--border);object-fit:contain;height:auto;max-height:320px;display:block;background:var(--card)}.card{align-self:start}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.controls{align-items:center;display:flex;gap:8px;width:auto;flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.controls-search{width:200px}.controls-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.json-view{background:var(--card);color:var(--text);padding:12px;border-radius:var(--radius);font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap}.icon-trash{width:16px;height:16px;fill:#dc2626;display:block}.controls select,.controls button{margin-left:0}input,select,button{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:14px;font-family:inherit;background:var(--card);color:var(--text)}textarea{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:14px;font-family:inherit;background:var(--card);color:var(--text);width:100%;resize:vertical}button{background:var(--accent);color:#fff;cursor:pointer;border:none}button.primary{background:var(--accent);color:#fff}button.danger{background:#dc2626;color:#fff;border-color:#dc2626}button.ghost.danger{background:transparent;color:#dc2626;border-color:#dc2626}button.icon{padding:8px;border-radius:var(--radius);line-height:1;min-width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center}button.icon-only{padding:8px;min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon-only .icon{width:20px;height:20px;display:block;color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}button:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;margin:4px;padding:4px 8px;border-radius:var(--radius);background:var(--badge-bg);color:var(--badge-text);font-weight:600;font-size:12px}.meta{color:var(--muted);font-size:13px}.card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 0 6px}.card-title{font-size:18px;font-weight:700;color:inherit;text-decoration:none}.card-title:hover{text-decoration:underline}.card-actions{display:flex;justify-content:flex-end;margin-top:8px}.description{color:var(--muted);line-height:1.5;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.url{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.upload-form{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:16px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px;z-index:1000;overflow-y:auto}.modal{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);padding:20px;max-width:720px;width:100%;box-shadow:0 16px 40px #0000001a}.modal.small{max-width:440px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin:auto}.form-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:10px}.form-row.single{flex-direction:column}.image-row{display:flex;gap:10px}.image-row input{flex:1}.upload-form h2{margin:0 0 12px}.icon-edit{width:16px;height:16px;display:block}@media (max-width: 768px){.header{height:fit-content;flex-direction:column;align-items:center;text-align:center}.header h1,.header .meta{width:100%;text-align:center}.grid{columns:2}.controls{flex-direction:column;align-items:stretch;gap:10px;width:100%;margin-left:0;justify-content:flex-start}.controls-search,.controls-search input[type=search]{width:100%}.controls-actions{width:100%;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:10px}.controls-actions>*{flex:0 0 auto;white-space:nowrap}}@media (max-width: 480px){.grid{columns:1}.card{max-width:520px;width:100%;margin-bottom:12px}}