:root{--header-height-new:80px}.visualizer-header{background-color:#0a0a0a;border-bottom:1px solid var(--border-color);height:var(--header-height-new);left:0;min-height:80px;overflow:visible;position:fixed;top:0;width:100%;z-index:1000}#header-visualizer-canvas{opacity:.45;z-index:1}#header-visualizer-canvas,.visualizer-header:after{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.visualizer-header:after{background:linear-gradient(180deg,hsla(0,0%,4%,.9) 0,hsla(0,0%,4%,0) 40%,hsla(0,0%,4%,0) 60%,hsla(0,0%,4%,.9));content:"";z-index:2}.visualizer-header .header-content{align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto 1fr;height:100%;margin:0 auto;max-width:1400px;padding:0 var(--padding-large);position:relative;z-index:3}.visualizer-header .logo{justify-self:start}.header-main-nav{display:flex;gap:2rem;justify-content:center}.header-controls{align-items:center;display:flex;gap:1.25rem;justify-content:flex-end}.header-main-nav a{border-radius:var(--border-radius);color:var(--text-secondary-color);font-family:var(--font-family-heading);font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.header-main-nav a:after{background-color:var(--accent-color);bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.header-main-nav a.active,.header-main-nav a:hover{color:var(--text-primary-color)}.header-main-nav a.active:after{width:60%}.header-main-nav a:hover:after{width:100%}.desktop-controls{align-items:center;display:flex;gap:1rem}.header-avatar-link{border:2px solid var(--border-focus-color);border-radius:50%;display:block;height:40px;overflow:hidden;transition:border-color .2s ease,transform .2s ease;width:40px}.header-avatar-link:hover{border-color:var(--accent-color);transform:scale(1.1)}.header-avatar{height:100%;object-fit:cover;width:100%}.header-avatar-placeholder{background-color:var(--border-focus-color);color:var(--text-primary-color);font-family:var(--font-family-heading);font-size:18px;font-weight:700;height:100%;text-transform:uppercase;width:100%}.button-icon,.header-avatar-placeholder{align-items:center;display:flex;justify-content:center}.button-icon{background-color:transparent;border:2px solid var(--border-focus-color);border-radius:50%;color:var(--text-secondary-color);height:40px;transition:all .2s ease;width:40px}.button-icon:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text-color-on-accent-bg);transform:rotate(90deg)}.button-icon.button-logout:hover{background-color:var(--danger-color);border-color:var(--danger-color);color:#fff;transform:rotate(0) scale(1.1)}.button.button-secondary{border-color:var(--border-focus-color);color:var(--text-secondary-color);font-size:.85rem;padding:.6rem 1.2rem}.button.button-secondary:hover{background-color:var(--border-focus-color);color:var(--text-primary-color)}.button.button-primary{font-size:.85rem;padding:.6rem 1.2rem}.visualizer-header .menu-toggle{display:none}.menu-panel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:rgba(30,30,30,.85);border-left:1px solid var(--border-color);padding-top:var(--header-height-new)}.menu-avatar-placeholder{align-items:center;background-color:var(--accent-color);border-radius:50%;color:var(--accent-text-color-on-accent-bg);display:flex;flex-shrink:0;font-family:var(--font-family-heading);font-size:22px;font-weight:700;height:44px;justify-content:center;text-transform:uppercase;width:44px}@media (max-width:992px){.visualizer-header .header-content{display:flex;justify-content:space-between}.desktop-controls,.header-main-nav{display:none}.language-switcher{display:flex}.header-controls{margin-left:0}.visualizer-header .menu-toggle{display:block}}@media (max-width:768px){:root{--header-height-new:70px}.visualizer-header .header-content{padding:0 var(--padding-base)}}.header-settings-btn img{filter:invert(1) grayscale(100%) brightness(50%);height:22px;transition:transform .3s ease,filter .3s ease;width:22px}.header-settings-btn:hover img{filter:invert(0) grayscale(0) brightness(100%);transform:rotate(90deg)}.language-switcher{position:relative}.language-menu{background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:0 8px 24px rgba(0,0,0,.2);display:none;opacity:0;padding:.5rem;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;width:200px;z-index:1000}.language-menu.is-active{display:block;opacity:1;transform:translateY(0)}.language-option{align-items:center;border-radius:var(--border-radius);color:var(--text-secondary-color);display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background-color .2s ease,color .2s ease}.language-option:hover{background-color:var(--hover-color);color:var(--text-primary-color)}.language-option.is-active{color:var(--accent-color);font-weight:700}.lang-flag{font-size:1.25rem}.lang-switcher-icon{filter:invert(1) grayscale(100%) brightness(50%);height:24px;width:24px}.menu-nav a svg{pointer-events:none}