*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;background-color:#0a0a0a;font-family:system-ui,-apple-system,sans-serif}.canvas-container{width:100%;height:100vh;overflow:hidden;cursor:grab;position:relative;background-color:#0a0a0a;user-select:none;-webkit-user-select:none}.canvas-container:active{cursor:grabbing}.canvas-surface{position:absolute;top:0;left:0;will-change:transform}.gallery-image{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0006;transition:box-shadow .3s ease;background-color:#1a1a1a;cursor:pointer}.gallery-image:hover{box-shadow:0 8px 40px #0009;z-index:10}.gallery-image img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .3s ease}.gallery-image:hover img{transform:scale(1.06)}.canvas-container:before{content:"";position:absolute;top:0;left:0;width:200%;height:200%;background-image:radial-gradient(circle,#333 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:0;opacity:.4}.lightbox{position:fixed;inset:0;z-index:1000;background:#000000d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;cursor:pointer;animation:fadeIn .2s ease}.lightbox-img{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 20px 60px #00000080;cursor:default;animation:scaleIn .25s ease}.lightbox-close{position:absolute;top:20px;right:24px;background:none;border:none;color:#ffffffb3;font-size:36px;cursor:pointer;line-height:1;padding:8px;transition:color .2s}.lightbox-close:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}