*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;background:#000}:root{--bg-primary: #000;--bg-overlay: rgba(0, 0, 0, .85);--bg-control: rgba(20, 20, 20, .7);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent: #5A8B73;--accent-hover: #6BA085;--accent-light: rgba(90, 139, 115, .2);--bourgogne-green: #5A8B73;--bourgogne-green-light: #7BA590;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5)}#viewer{position:fixed;top:0;left:0;width:100%;height:100%;display:block}.btn-menu{position:fixed;bottom:var(--spacing-lg);left:var(--spacing-lg);width:56px;height:56px;border-radius:var(--radius-lg);border:none;background:var(--bg-control);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-md);z-index:100;display:flex;align-items:center;justify-content:center}.btn-menu:hover{background:linear-gradient(135deg,var(--accent),var(--accent-hover));transform:scale(1.05);box-shadow:0 4px 20px var(--accent-light)}.nav-buttons{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);display:flex;gap:var(--spacing-sm);z-index:100}.btn-nav{width:48px;height:48px;border-radius:var(--radius-full);border:none;background:var(--bg-control);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);opacity:.8;display:flex;align-items:center;justify-content:center}.btn-nav:hover:not(:disabled){opacity:1;background:linear-gradient(135deg,var(--accent),var(--accent-hover));transform:scale(1.1);box-shadow:0 4px 20px var(--accent-light)}.btn-nav:disabled{opacity:.3;cursor:not-allowed}.gallery{position:fixed;bottom:0;left:0;width:100%;max-width:400px;max-height:80vh;background:var(--bg-overlay);backdrop-filter:blur(20px);border-top-right-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform var(--transition-base);z-index:200;overflow-y:auto}.gallery[aria-hidden=false]{transform:translateY(0)}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.gallery-header h2{font-size:20px;font-weight:600;color:var(--text-primary);background:linear-gradient(135deg,var(--text-primary),var(--bourgogne-green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-close{background:none;border:none;color:var(--text-primary);font-size:32px;line-height:1;cursor:pointer;transition:var(--transition-fast);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.btn-close:hover{color:var(--accent);transform:scale(1.1)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md)}.gallery-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:var(--transition-fast);border:2px solid transparent;position:relative}.gallery-item:hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.gallery-item.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.gallery-item img{width:100%;height:100%;object-fit:cover}.controls{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);display:flex;gap:var(--spacing-sm);z-index:100}.btn-icon{width:44px;height:44px;border-radius:var(--radius-full);border:none;background:var(--bg-control);backdrop-filter:blur(10px);color:var(--text-primary);cursor:pointer;transition:var(--transition-base);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:linear-gradient(135deg,var(--accent),var(--accent-hover));transform:scale(1.1);box-shadow:0 4px 20px var(--accent-light)}.btn-icon[hidden]{display:none}.scene-info{position:fixed;top:var(--spacing-lg);left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);background:var(--bg-control);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--transition-base);pointer-events:none;z-index:50}.scene-info.visible{opacity:1}.scene-name{margin:0;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity var(--transition-slow)}.loader.hidden{opacity:0;pointer-events:none}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--bourgogne-green);border-right-color:var(--bourgogne-green-light);border-radius:50%;animation:spin 1s linear infinite;box-shadow:0 0 20px #5a8b734d}@keyframes spin{to{transform:rotate(360deg)}}.loader p{margin-top:var(--spacing-lg);color:var(--text-primary);font-size:14px;font-weight:500;text-align:center;padding:0 var(--spacing-lg)}.notification{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(150%);max-width:90%;width:400px;background:var(--bg-overlay);backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);z-index:1100;display:flex;align-items:flex-start;gap:var(--spacing-sm);transition:transform var(--transition-base),opacity var(--transition-base),visibility 0s var(--transition-base);border:1px solid rgba(255,255,255,.1);opacity:0;visibility:hidden;pointer-events:none}.notification.visible{transform:translate(-50%) translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform var(--transition-base),opacity var(--transition-base)}.notification.error{border-left:4px solid #ef4444}.notification.error .notification-icon{color:#ef4444}.notification.warning{border-left:4px solid #f59e0b}.notification.warning .notification-icon{color:#f59e0b}.notification.success{border-left:4px solid var(--accent)}.notification.success .notification-icon{color:var(--accent)}.notification-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1}.notification-icon{flex-shrink:0;margin-top:2px}.notification-message{color:var(--text-primary);font-size:14px;line-height:1.5;margin:0}.notification-close{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;transition:var(--transition-fast);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-close:hover{color:var(--text-primary)}@media(max-width:768px){.gallery{max-width:100%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.btn-menu,.nav-buttons{bottom:var(--spacing-md)}.btn-menu{left:var(--spacing-md)}.nav-buttons{right:var(--spacing-md)}.controls{top:var(--spacing-md);right:var(--spacing-md)}.scene-info{top:var(--spacing-md);left:var(--spacing-md)}.notification{bottom:80px;width:calc(100% - 32px);max-width:calc(100% - 32px)}}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gallery::-webkit-scrollbar{width:8px}.gallery::-webkit-scrollbar-track{background:#ffffff0d}.gallery::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.gallery::-webkit-scrollbar-thumb:hover{background:#ffffff4d}