html{touch-action:manipulation}body{background-image:url(/assets/holz-B-HOtqvx.webp);background-repeat:no-repeat;background-position:top;background-color:#f6f4f0}.container{display:flex;flex-direction:column;align-items:center;padding:0;font-family:Arial,sans-serif;color:#fff;max-width:500px;margin:0 auto auto}h1{text-align:center;margin-bottom:10px;font-family:Impact,serif;font-style:italic}p{text-align:center;margin-bottom:20px}.upload-form{display:flex;flex-direction:column;align-items:center;width:100%}.file-select-button,.submit-button{flex:1;padding:15px 0;margin:5px 5px 20px;text-align:center;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.file-select-button{background-color:#8d5533;border:1px solid black}.file-select-button:hover{background-color:#8d5533}.submit-button{background-color:#b16b40;border:1px solid black}.file-input{display:none}.file-preview-container{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:15px}.file-preview{position:relative;margin:5px}.remove-button{position:absolute;top:5px;right:5px;width:30px;height:30px;background-color:#f00c;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:0}.remove-button:hover{background-color:#fff}.remove-button svg{width:100%;height:100%}.preview-image{max-width:100px;max-height:100px;border:1px solid #ddd;border-radius:5px;padding:5px}.button-container{display:flex;width:100%}.button-container>*{flex:1}.upload-success,.upload-progress{margin-top:15px;margin-bottom:15px;padding:10px;border-radius:5px;text-align:center}.upload-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-progress{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.thumbnails-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(22%,1fr));gap:10px;width:100%;padding:0 5px;box-sizing:border-box}.thumbnail-item{background:#fff;padding:5px 5px 20px;box-shadow:0 3px 6px #00000040;border:1px solid #ccc;border-radius:3px;transform:rotate(var(--rotate-angle));transition:transform .2s ease;box-sizing:border-box;width:100%}.thumbnail-image{width:100%;height:auto;display:block;border-radius:2px;object-fit:cover}.thumbnails-container .thumbnail-item:nth-child(4n){--rotate-angle: -3deg}.thumbnails-container .thumbnail-item:nth-child(4n+1){--rotate-angle: 2.5deg}.thumbnails-container .thumbnail-item:nth-child(4n+2){--rotate-angle: -1.5deg}.thumbnails-container .thumbnail-item:nth-child(4n+3){--rotate-angle: 3deg}.thumbnail-item button{background-color:#ff4c4c;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:5px;padding:10px;font-size:16px}.thumbnail-item button:hover{background-color:#ff1a1a}.modal-content button{background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;padding:10px 20px;font-size:16px;margin:5px}.modal-content button:hover{background-color:#0056b3}.modal-content p{margin-bottom:15px}.pagination{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination button{height:70px;margin:0 5px;padding:5px 10px;background-color:#8d5533;color:#fff;border:1px solid black;border-radius:5px;cursor:pointer}.pagination button:disabled{background-color:#ddd;cursor:not-allowed}.pagination span{margin:0 10px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px 20px 100px;margin:20px}.modal-content img{max-width:100%;max-height:80vh}