*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=dark]{--bg: #0a0a0a;--bg-card: #151515;--bg-input: #1a1a1a;--bg-header: #111;--text: #e0e0e0;--text-sub: #888;--text-label: #aaa;--text-heading: #fff;--border: #222;--border-input: #333;--btn-secondary-bg: #333;--btn-secondary-text: #e0e0e0;--badge-bg: #1e3a5f;--badge-text: #60a5fa;--tag-bg: #1a2a1a;--tag-bg-hover: #2a3a2a;--tag-text: #4ade80;--link: #60a5fa;--drop-hover-bg: #0d1b2a}:root[data-theme=light]{--bg: #f5f5f5;--bg-card: #fff;--bg-input: #fff;--bg-header: #fff;--text: #1a1a1a;--text-sub: #666;--text-label: #555;--text-heading: #111;--border: #ddd;--border-input: #ccc;--btn-secondary-bg: #e5e5e5;--btn-secondary-text: #333;--badge-bg: #dbeafe;--badge-text: #2563eb;--tag-bg: #dcfce7;--tag-bg-hover: #bbf7d0;--tag-text: #16a34a;--link: #2563eb;--drop-hover-bg: #eff6ff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);transition:background .2s,color .2s}a{color:var(--link);text-decoration:none}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;color:var(--text-sub)}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.login-container h1{font-size:2rem;color:var(--text-heading)}.login-container p{color:var(--text-sub)}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:opacity .2s}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-danger{background:#ef4444;color:#fff}.btn-delete{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.75rem;padding:2px 6px}header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--bg-header);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-title{text-decoration:none;color:inherit}.header-title h1{font-size:1.2rem;color:var(--text-heading)}.header-actions{display:flex;gap:8px}.container{max-width:1400px;margin:0 auto;padding:24px}.filters{margin-bottom:24px}.filter-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-row select,.filter-row input{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text);font-size:.875rem}.search-form{display:flex;gap:4px}.cat-form{display:flex;gap:8px;margin-top:8px}.cat-form input{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text)}.gallery-info{color:var(--text-sub);font-size:.875rem;margin-bottom:12px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gallery-item{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:border-color .2s}.gallery-item:hover{border-color:#3b82f6}.gallery-item img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.gallery-item-info{padding:8px 10px}.gallery-item-id{font-size:.65rem;color:var(--text-sub);font-family:monospace;cursor:pointer;opacity:.6}.gallery-item-id:hover{opacity:1}.gallery-item-name{font-size:.8rem;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;padding:1px 6px;background:var(--badge-bg);border-radius:4px;font-size:.7rem;color:var(--badge-text)}.tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tag{padding:1px 6px;background:var(--tag-bg);border-radius:4px;font-size:.7rem;color:var(--tag-text);cursor:pointer}.tag:hover{background:var(--tag-bg-hover)}.empty{text-align:center;padding:60px;color:var(--text-sub);font-size:1rem}.upload-page h2{margin-bottom:20px;color:var(--text-heading)}.drop-zone{border:2px dashed var(--border-input);border-radius:12px;padding:40px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:20px;min-height:150px;display:flex;align-items:center;justify-content:center}.drop-zone:hover,.drop-zone.drag-over{border-color:#3b82f6;background:var(--drop-hover-bg)}.drop-zone p{color:var(--text-sub)}.file-preview{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.preview-item{text-align:center}.preview-item img{width:100px;height:100px;object-fit:cover;border-radius:6px}.preview-item span{display:block;font-size:.7rem;color:var(--text-sub);margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--text-label)}.form-grid label:has(textarea){grid-column:1 / -1}.form-grid input,.form-grid select,.form-grid textarea{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text);font-size:.875rem;resize:vertical}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.detail-image img{width:100%;border-radius:8px}.detail-form{display:flex;flex-direction:column;gap:12px}.detail-form label{display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--text-label)}.detail-form input,.detail-form select,.detail-form textarea{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text);font-size:.875rem;resize:vertical}.list-filters{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.list-filters select,.list-filters input{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:6px;color:var(--text);font-size:.875rem}.list-count{color:var(--text-sub);font-size:.875rem;margin-left:auto}.list-table{width:100%;border-collapse:collapse}.list-table th{text-align:left;padding:8px 10px;font-size:.75rem;color:var(--text-sub);border-bottom:1px solid var(--border);font-weight:500;white-space:nowrap}.list-table td{padding:8px 10px;border-bottom:1px solid var(--border);font-size:.85rem;vertical-align:middle}.list-table tbody tr:hover{background:var(--bg-card)}.list-no{font-weight:600;color:var(--text-sub);font-size:.8rem;white-space:nowrap}.list-thumb{width:48px}.list-thumb img{width:40px;height:40px;object-fit:cover;border-radius:4px;display:block}.list-name{font-weight:500}.list-id{font-size:.65rem;color:var(--text-sub);font-family:monospace;cursor:pointer;opacity:.6}.list-id:hover{opacity:1}.list-model{color:var(--text-sub);font-size:.8rem}.list-tags{max-width:200px}.list-tags .tag{margin:1px 2px}.list-date{color:var(--text-sub);font-size:.8rem;white-space:nowrap}.toast{position:fixed;bottom:24px;right:24px;background:#1e40af;color:#fff;padding:12px 24px;border-radius:8px;font-size:.9rem;z-index:999;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.detail-layout,.form-grid{grid-template-columns:1fr}.filter-row{flex-direction:column}header{flex-direction:column;gap:8px}}