body {margin: 0;font-family: Arial, sans-serif;background: url('background.jpg') no-repeat center center fixed;background-size: cover;}.container {max-width: 1200px;margin: 0 auto;padding: 20px 18px;color: #fff;background: transparent;text-align: center;}h1 {margin: 10px 0 16px;font-size: 2rem;}#uploadForm {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: 10px;margin-bottom: 16px;}.file-label {background: #3498db;color: #fff;padding: 8px 12px;border-radius: 8px;cursor: pointer;}#fileInput {display: none;}#fileNameBox {min-width: 180px;padding: 8px 10px;border: 1px solid #d0d0d0;border-radius: 8px;background: rgba(255,255,255,0.85);color: #000;text-align: left;max-width: 420px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}#uploadForm button {padding: 8px 14px;border: 0;border-radius: 8px;background: #2ecc71;color: #fff;cursor: pointer;}#progressContainer {display: none;position: relative;height: 20px;width: 100%;max-width: 720px;margin: 6px auto 18px;background: rgba(0,0,0,0.35);border-radius: 8px;overflow: hidden;}#progressBar {height: 100%;width: 0%;background: #3498db;transition: width .25s ease;}#progressPercent {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;color: #fff;font-size: .85rem;pointer-events: none;}.gallery {display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: 10px;background: transparent;}.gallery-item {position: relative;width: 100%;aspect-ratio: 1 / 1;overflow: hidden;border-radius: 8px;}.gallery-item img {width: 100%;height: 100%;object-fit: cover;display: block;cursor: pointer;transition: transform .25s ease;}.gallery-item img:hover {transform: scale(1.04);}.uploader-name {position: absolute;left: 6px;bottom: 6px;font-size: .75rem;color: #fff;background: rgba(0,0,0,0.55);padding: 2px 6px;border-radius: 6px;}.delete-btn {position: absolute;top: 6px;right: 6px;background: none;border: none;color: #ff3b30;font-size: 1.1rem;cursor: pointer;}@media (max-width: 768px) {.gallery {grid-template-columns: repeat(4, 1fr);}}#lightbox {display:none;position:fixed;inset:0;background:rgba(0,0,0,0.9);z-index:9999;text-align:center;padding-top:60px;}.lightbox-content {max-width: 90%;max-height: 80%;border-radius: 8px;}.close, .prev, .next {position: absolute;top: 50%;color: #fff;font-size: 2rem;cursor: pointer;user-select: none;transform: translateY(-50%);}.close {top: 22px;right: 28px;font-size: 2.5rem;transform: none;}.prev {left: 24px;}.next {right: 24px;}#lightbox-counter, #lightbox-uploader {color: #ddd;margin-top: 10px;}.cookie-consent {position: fixed;bottom: 10px;left: 50%;transform: translateX(-50%);width: min(420px, 92%);background: rgba(0,0,0,0.85);color: #fff;padding: 10px 14px;border-radius: 10px;box-shadow: 0 8px 24px rgba(0,0,0,0.35);z-index: 9998;}.cookie-consent .cookie-content {display: flex;align-items: center;justify-content: space-between;gap: 8px;}.cookie-consent button {background: #3498db;color: #fff;border: 0;border-radius: 8px;padding: 6px 12px;cursor: pointer;}#validationPopup {position: fixed;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.85);z-index: 10000;padding: 20px;}#validationForm {width: 100%;max-width: 420px;background: rgba(255,255,255,0.97);border-radius: 12px;padding: 28px 30px;text-align: center;box-shadow: 0 10px 30px rgba(0,0,0,0.35);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);}#validationForm h2 {margin: 0 0 20px;font-size: 1.5rem;color: #333;font-weight: 600;}#validationForm .error {color: #b00020;background: #ffe8ea;border: 1px solid #ffccd2;padding: 10px 12px;border-radius: 6px;font-size: 0.95rem;margin-bottom: 16px;text-align: left;}#validationForm input {width: 100%;padding: 14px 16px;margin: 0 0 16px 0;border: 2px solid #e0e0e0;border-radius: 8px;font-size: 1rem;background: #fff;transition: border-color 0.2s ease, box-shadow 0.2s ease;box-sizing: border-box;}#validationForm input:focus {outline: none;border-color: #3498db;box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);}#validationForm input::placeholder {color: #888;opacity: 1;}#validationForm input:last-of-type {margin-bottom: 20px;}#validationForm button {width: 100%;padding: 14px;border: 0;border-radius: 8px;background: #3498db;color: #fff;font-size: 1rem;font-weight: 600;cursor: pointer;transition: background-color 0.2s ease, transform 0.1s ease;margin-bottom: 16px;}#validationForm button:hover {background: #2980b9;transform: translateY(-1px);}#validationForm button:active {transform: translateY(0);}#validationForm p {font-size: 0.75rem;color: #666;margin: 0;line-height: 1.4;text-align: left;padding: 12px 0 0 0;border-top: 1px solid #f0f0f0;}@media (max-width: 480px) {#validationPopup {padding: 16px;}#validationForm {padding: 24px 20px;}#validationForm h2 {font-size: 1.3rem;margin-bottom: 16px;}#validationForm input {padding: 12px 14px;margin-bottom: 14px;}#validationForm button {padding: 12px;margin-bottom: 14px;}}