:root{--bg-color: #f8f9fa;--text-color: #333;--card-bg: #fff;--accent-color: #0070f3;--border-color: #eaeaea}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.logo{font-size:1.5rem;font-weight:700;color:inherit;text-decoration:none}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.photo-card{background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .2s,box-shadow .2s;cursor:pointer;text-decoration:none;color:inherit;display:block}.photo-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.card-image-wrapper{aspect-ratio:3 / 2;background-color:#eee;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;display:block}.card-content{padding:16px}.card-title{margin:0 0 8px;font-size:1.1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f0f0f0;padding:2px 8px;border-radius:4px;font-size:.8rem;color:#666}.detail-view{display:flex;flex-direction:column;gap:20px}.detail-image{width:100%;max-height:85vh;object-fit:contain;border-radius:8px;background:#000}.detail-info h1{margin-top:0}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color);font-size:.9rem;color:#555}.admin-form{max-width:600px;margin:0 auto;background:var(--card-bg);padding:30px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500}.form-control{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;box-sizing:border-box}.btn{background-color:var(--accent-color);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background .2s}.btn:hover{filter:brightness(.9)}.btn:disabled{background-color:#ccc;cursor:not-allowed}.preview-container{margin-top:10px;max-width:100%}.preview-img{max-width:100%;border-radius:6px}.back-link{display:inline-block;margin-bottom:20px;color:var(--accent-color);text-decoration:none}.loading-spinner{text-align:center;padding:40px;color:#666}@media (min-width: 768px){.detail-view{flex-direction:row;align-items:flex-start}.detail-image-wrapper{flex:2}.detail-info{flex:1;position:sticky;top:20px}}