body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.hero-image{border-bottom:5px solid red;margin-bottom:20px;max-height:600px;object-fit:cover;object-position:center 70%;width:100%}.old-site-button{background-color:#03c;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;margin:20px auto;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.old-site-button:hover{background-color:#029}.App-header{background-color:red;color:#fff;padding:20px;text-align:center}.header-buttons{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.admin-link{background-color:#28a745;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.admin-link:hover{background-color:#218838}.item{border:1px solid silver;margin:20px;padding:20px}.mosaic{grid-gap:15px;align-items:start;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));justify-content:center;margin:20px auto;max-width:1200px}.mosaic img{border-radius:8px;box-shadow:0 4px 8px #00000026;cursor:pointer;height:auto;max-height:400px;min-height:200px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:100%}.mosaic img:hover{box-shadow:0 8px 16px #00000040;transform:translateY(-4px)}.mosaic.images-1{grid-template-columns:1fr;justify-items:center;max-width:500px}.mosaic.images-1 img{max-height:500px;min-height:auto;object-fit:contain}.mosaic.images-2{grid-template-columns:repeat(2,1fr);max-width:600px}.mosaic.images-3{grid-template-columns:repeat(3,1fr);max-width:800px}.mosaic.images-4{grid-template-columns:repeat(2,1fr);max-width:600px}.mosaic.images-5{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:900px}.mosaic.images-10,.mosaic.images-6,.mosaic.images-7,.mosaic.images-8,.mosaic.images-9{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:1200px}@media (max-width:768px){.mosaic{gap:10px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.mosaic img{max-height:300px;min-height:150px}.mosaic.images-2,.mosaic.images-3{grid-template-columns:repeat(2,1fr);max-width:400px}.mosaic.images-3 img:last-child{grid-column:1/-1;margin:0 auto;max-width:300px}.mosaic.images-10,.mosaic.images-4,.mosaic.images-5,.mosaic.images-6,.mosaic.images-7,.mosaic.images-8,.mosaic.images-9{grid-template-columns:repeat(2,1fr);max-width:400px}}@media (max-width:480px){.mosaic,.mosaic.images-10,.mosaic.images-2,.mosaic.images-3,.mosaic.images-4,.mosaic.images-5,.mosaic.images-6,.mosaic.images-7,.mosaic.images-8,.mosaic.images-9{grid-template-columns:1fr;max-width:300px}.mosaic.images-3 img:last-child{grid-column:auto;max-width:100%}}.modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{max-height:90%;max-width:90%;position:relative}.modal-content img{border-radius:8px;max-height:90vh;max-width:100%;object-fit:contain;width:auto}.close-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}footer{background-color:#03c;color:#fff;margin-top:20px;padding:10px}.content{display:flex}.left-rail{background-color:#f4f4f4;box-shadow:2px 0 5px #0000001a;height:100%;left:0;overflow-y:auto;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:250px;z-index:1000}.left-rail ul{list-style:none;padding:0}.left-rail li{margin-bottom:10px}.left-rail a{color:#007bff;text-decoration:none}.left-rail a:hover{text-decoration:underline}.left-rail.visible{transform:translateX(0)}.left-rail.hidden{transform:translateX(-100%)}.floating-buttons{bottom:20px;display:flex;flex-direction:column;gap:10px;left:20px;position:fixed;z-index:1000}.scroll-to-top{background-color:#03c;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px}.scroll-to-top:hover{background-color:#029}.toggle-left-rail.bottom{bottom:20px;left:20px;position:fixed;z-index:1000}.toggle-left-rail{background-color:red;border:none;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 15px}.toggle-left-rail:hover{background-color:#c00}main{flex:1 1;padding:20px}@media (max-width:768px){.left-rail{transform:translateX(-100%)}}.youtube-container{margin-top:10px}.youtube-container a{background-color:red;border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.youtube-container a:hover{background-color:#c00}.image-upload-container{margin-bottom:20px}.drop-zone{background-color:#fafafa;border:2px dashed #ddd;border-radius:10px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .3s ease}.drop-zone.active{background-color:#f0f8ff;border-color:#03c;transform:scale(1.02)}.drop-zone.uploading{background-color:#f8fff8;border-color:#28a745}.drop-content{align-items:center;display:flex;flex-direction:column;gap:10px}.upload-icon{font-size:48px;margin-bottom:10px}.drop-content p{color:#666;margin:5px 0}.file-input{display:none}.file-input-label{background-color:#03c;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.file-input-label:hover{background-color:#029}.file-types{color:#999;font-size:12px}.upload-status{align-items:center;display:flex;flex-direction:column;gap:15px}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#03c;height:30px;width:30px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uploaded-images{background-color:#f9f9f9;border-radius:8px;margin-top:20px;padding:20px}.uploaded-images h4{color:#03c;margin-top:0}.image-list{display:flex;flex-direction:column;gap:10px}.uploaded-item{align-items:center;background-color:#fff;border-radius:5px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;padding:10px}.image-thumbnail{border:2px solid #ddd;border-radius:5px;height:60px;object-fit:cover;width:60px}.image-info{align-items:center;display:flex;flex:1 1;justify-content:space-between}.image-path{background-color:#f0f0f0;border-radius:3px;color:#666;font-family:Courier New,monospace;font-size:14px;padding:4px 8px}.remove-btn{align-items:center;background-color:red;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;width:25px}.remove-btn:hover{background-color:#c00}.image-actions{gap:5px}.image-actions,.rename-btn{align-items:center;display:flex}.rename-btn{background-color:#ffc107;border:none;border-radius:3px;color:#212529;cursor:pointer;font-size:12px;height:25px;justify-content:center;width:25px}.rename-btn:hover{background-color:#e0a800}.rename-container{display:flex;flex:1 1;flex-direction:column;gap:8px}.rename-input{border:2px solid #03c;border-radius:3px;font-family:Courier New,monospace;font-size:14px;padding:4px 8px}.rename-actions{display:flex;gap:5px}.confirm-rename-btn{align-items:center;background-color:#28a745;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;width:25px}.confirm-rename-btn:hover{background-color:#218838}.cancel-rename-btn{align-items:center;background-color:#6c757d;border:none;border-radius:3px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:25px;justify-content:center;width:25px}.cancel-rename-btn:hover{background-color:#5a6268}@media (max-width:768px){.drop-zone{padding:20px 10px}.upload-icon{font-size:36px}.uploaded-item{align-items:flex-start;flex-direction:column}.image-info{flex-direction:column;gap:10px;width:100%}.image-actions{justify-content:flex-end}.rename-container{width:100%}.rename-actions{justify-content:flex-end}}.admin-container{font-family:Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.admin-container h1{color:#03c;margin-bottom:30px;text-align:center}.admin-content{display:flex;flex-direction:column;gap:30px}.admin-form{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:30px}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:5px;font-size:16px;padding:10px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#03c;outline:none}.image-input-group{align-items:center;display:flex;gap:10px;margin-bottom:10px}.image-input-group input{flex:1 1}.remove-image-btn{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.remove-image-btn:hover{background-color:#c00}.add-image-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 15px}.add-image-btn:hover{background-color:#218838}.submit-btn{background-color:#03c;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:15px 30px;transition:background-color .3s ease;width:100%}.submit-btn:hover:not(:disabled){background-color:#029}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.message-container{background-color:#e9ecef;border-left:4px solid #03c;border-radius:10px;padding:20px}.message-container h3{color:#03c;margin-top:0}.json-output{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;font-family:Courier New,monospace;font-size:14px;max-height:400px;overflow-y:auto;padding:15px;white-space:pre-wrap}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.back-to-site{background-color:#6c757d;border-radius:5px;color:#fff;font-size:14px;padding:10px 15px;text-decoration:none;transition:background-color .3s ease}.back-to-site:hover{background-color:#5a6268}.manual-images{background-color:#f8f9fa;border:1px solid #ddd;border-radius:5px;margin-top:20px;padding:15px}.manual-images label{color:#666;font-size:14px;margin-bottom:10px}.header-actions{align-items:center;display:flex;gap:10px}.test-connection-btn{background-color:#17a2b8;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.test-connection-btn:hover{background-color:#138496}@media (max-width:768px){.admin-container{padding:10px}.admin-form{padding:20px}.image-input-group{flex-direction:column}.image-input-group input{margin-bottom:10px}}
/*# sourceMappingURL=main.37664581.css.map*/