*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a;color:#fff}a{color:inherit;text-decoration:none}.gallery-container{min-height:100vh;padding:2rem}.gallery-header{text-align:center;margin-bottom:3rem;padding-top:2rem}.gallery-title{font-size:3rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-subtitle{font-size:1.2rem;color:#888;font-weight:300}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem;max-width:1400px;margin:0 auto;padding-bottom:3rem}.gallery-item{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;aspect-ratio:1;background:#1a1a1a}.gallery-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(102,126,234,.3)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-small{grid-row:span 1}.gallery-item-medium{grid-row:span 2}.gallery-item-large{grid-row:span 3}.loading{padding:4rem;font-size:1.2rem}.empty-state,.loading{text-align:center;color:#666}.empty-state{padding:6rem 2rem}.empty-state h2{font-size:2rem;margin-bottom:1rem;color:#888}.empty-state p{font-size:1.1rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;cursor:pointer}.modal-content{max-width:90vw;max-height:90vh;position:relative;cursor:default}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.modal-close{position:absolute;top:-2.5rem;right:0;background:hsla(0,0%,100%,.1);border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.modal-close:hover{background:hsla(0,0%,100%,.2)}.manage-container{min-height:100vh;padding:2rem;max-width:1200px;margin:0 auto}.manage-header{margin-bottom:3rem;padding-top:2rem}.manage-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.manage-subtitle{font-size:1rem;color:#888;margin-bottom:2rem}.back-link{display:inline-block;color:#667eea;margin-bottom:2rem;transition:color .2s ease}.back-link:hover{color:#764ba2}.upload-section{background:#1a1a1a;border-radius:12px;padding:2rem;margin-bottom:3rem;border:2px dashed #333;transition:border-color .3s ease}.upload-section:hover{border-color:#667eea}.upload-area{text-align:center;padding:3rem;cursor:pointer}.upload-icon{font-size:4rem;margin-bottom:1rem;color:#667eea}.upload-text{font-size:1.2rem;color:#ccc;margin-bottom:.5rem}.upload-hint{font-size:.9rem;color:#666}.upload-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-top:1rem;transition:opacity .2s ease}.upload-button:hover{opacity:.9}.upload-button:disabled{opacity:.5;cursor:not-allowed}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem}.manage-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#1a1a1a}.manage-item img{width:100%;height:100%;object-fit:cover}.delete-button{position:absolute;top:.5rem;right:.5rem;background:rgba(239,68,68,.9);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:background .2s ease}.delete-button:hover{background:#ef4444}.uploading{opacity:.6;pointer-events:none}@media (max-width:768px){.gallery-title{font-size:2rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.manage-title{font-size:1.8rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}