html,body{height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Georgia,serif;color:#f8f8f8;background:none}#background-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:url(/assets/invitation-template-DOkhGrE0.jpg) no-repeat center center;background-size:cover;transform:translateZ(0)}main{padding:20px;max-width:1000px;margin:auto;position:relative;z-index:1;min-height:100vh}main h1,main p,main .upload-section,main .upload-section button,.modal-header a,.modal-header button{text-shadow:1px 1px 3px rgba(0,0,0,.6);color:#fff}main input[type=password],main input[type=file]{color:#333;text-shadow:none}footer{text-align:center;padding:12px;font-size:.9rem;color:#fff;background:#0009;margin-top:20px}.upload-section{margin-bottom:30px;text-align:center}.upload-section button{background-color:#d63384;color:#fff;font-size:1.2rem;font-weight:700;padding:12px 22px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.upload-section button:hover{background-color:#b42d6f}.auth-subheading{font-size:1.15rem;font-weight:500;margin-top:10px;margin-bottom:15px;padding:5px 0}.privacy-disclaimer{font-size:1.1rem;font-weight:700;padding:15px;background-color:#00000080;border-radius:8px;margin-bottom:30px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:inline-block;max-width:90%;text-align:center}@media (max-width: 500px){.auth-subheading{font-size:1rem;background-color:#0000004d;padding:5px;margin:10px auto;width:90%;border-radius:5px}}.masonry-grid{display:flex;margin-left:-12px;width:auto}.masonry-grid_column{padding-left:12px;background-clip:padding-box}.file-item{break-inside:avoid;margin-bottom:12px;cursor:pointer;position:relative;overflow:hidden;border-radius:6px;width:100%}.file-item img,.file-thumbnail{display:block;width:100%;height:auto;border-radius:6px;transition:transform .3s ease,box-shadow .3s ease}.file-item:hover img{transform:scale(1.05);box-shadow:0 6px 14px #0000004d}.video-icon-overlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background-color:#0000004d;pointer-events:none;border-radius:6px;transition:background-color .3s ease}.file-item:hover .video-icon-overlay{background-color:#0000001a}.video-icon-overlay .play-icon{font-size:50px;color:#fffc;text-shadow:0 2px 8px rgba(0,0,0,.5);transform:scale(.9);transition:transform .3s ease}.file-item:hover .play-icon{transform:scale(1)}.upload-preview-container{margin-top:20px;padding:15px;background:#ffffff1a;border-radius:8px}.upload-masonry-preview{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;width:100%}.upload-preview-item{width:calc(33.333% - 8px);min-width:100px;position:relative;overflow:hidden;border-radius:6px;box-shadow:0 2px 5px #0003}.upload-preview-item .file-thumbnail{height:auto}.delete-preview-btn{position:absolute;top:5px;right:5px;background:#f00c;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;z-index:10;transition:background .2s}.delete-preview-btn:hover{background:red}@media (max-width: 600px){.upload-preview-item{width:calc(50% - 6px)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease forwards}.modal-content-wrapper{position:relative;cursor:grab;touch-action:none}.modal-content-wrapper:active{cursor:grabbing}.modal-content{position:relative}.modal-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;-webkit-user-select:none;user-select:none;pointer-events:none}.modal-download-btn{position:fixed;top:20px;right:20px;background-color:#d63384;color:#fff;text-decoration:none;padding:10px 15px;border-radius:8px;font-size:1rem;font-weight:700;display:flex;align-items:center;z-index:1005;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease,background-color .2s ease}.modal-download-btn:hover{background-color:#b42d6f;transform:scale(1.05)}.nav-btn{position:fixed;top:50%;transform:translateY(-50%);background:#0009;color:#fff;border:none;font-size:60px;font-weight:700;width:70px;height:70px;border-radius:50%;cursor:pointer;z-index:1001;transition:background .2s ease,transform .2s ease;display:flex;justify-content:center;align-items:center;line-height:1}.nav-btn:hover{background:#000000e6;transform:translateY(-50%) scale(1.05)}.nav-btn.left{left:15px}.nav-btn.right{right:15px}@media (max-width: 768px){.nav-btn{width:60px;height:60px;font-size:50px}}@media (max-width: 480px){.nav-btn{width:50px;height:50px;font-size:40px;left:10px;right:10px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}