.navbar[data-v-6c261335]{background-color:var(--bg-color-light);border-bottom:1px solid var(--border-color);font-size:.9rem;height:var(--navbar-height);left:0;position:fixed;top:0;width:100%;z-index:10}.navbar-container[data-v-6c261335]{height:100%;justify-content:space-between}.logo-text[data-v-6c261335],.navbar-container[data-v-6c261335],.navbar-logo[data-v-6c261335]{align-items:center;display:flex}.logo-text[data-v-6c261335]{color:var(--text-color);font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:400;letter-spacing:-.05em;line-height:1;text-decoration:none}.logo-container[data-v-6c261335]{align-items:flex-start;display:flex;flex-direction:column}.main-logo[data-v-6c261335]{align-items:center;display:flex}.sub-logo[data-v-6c261335]{color:var(--text-color-muted,#888);font-size:.6rem;letter-spacing:.05em;margin-top:-3px;opacity:.8;padding-left:10px;transform:translateY(-1px)}.logo-cursor[data-v-6c261335],.logo-typing[data-v-6c261335]{display:inline-block}.logo-cursor[data-v-6c261335]{animation:blink-6c261335 1s step-end infinite;background-color:#27c93f;height:1rem;margin-left:1px;width:8px}@keyframes blink-6c261335{0%,to{opacity:1}50%{opacity:0}}.logo-text[data-v-6c261335]:hover{border-bottom:none}.navbar-controls[data-v-6c261335]{align-items:center;display:flex}.mobile-menu-toggle[data-v-6c261335]{background:none;border:none;cursor:pointer;display:block;padding:var(--space-sm);z-index:11}@media (min-width:768px){.mobile-menu-toggle[data-v-6c261335]{display:none}}.hamburger-line[data-v-6c261335]{background-color:var(--text-color);height:2px;margin:4px 0;transition:all .3s ease;width:20px}.mobile-menu-toggle.is-active .hamburger-line[data-v-6c261335]:first-child{transform:rotate(45deg) translate(4px,4px)}.mobile-menu-toggle.is-active .hamburger-line[data-v-6c261335]:nth-child(2){opacity:0}.mobile-menu-toggle.is-active .hamburger-line[data-v-6c261335]:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.navbar-links[data-v-6c261335]{display:flex;list-style:none;margin:0;padding:0}@media (max-width:767px){.navbar-links[data-v-6c261335]{align-items:center;background-color:var(--bg-color-light);flex-direction:column;height:100vh;justify-content:center;left:0;padding-top:var(--navbar-height);position:fixed;top:0;transform:translateY(-100%);transition:transform .3s ease;width:100%;z-index:10}.navbar-links.is-active[data-v-6c261335]{transform:translateY(0)}.navbar-links li[data-v-6c261335]{margin:var(--space-lg) 0}}@media (min-width:768px){.navbar-links[data-v-6c261335]{flex-direction:row;gap:var(--space-xl)}}.nav-link[data-v-6c261335]{color:var(--text-color);display:inline-block;font-family:JetBrains Mono,monospace;padding:var(--space-xs) 0;position:relative;text-decoration:none;transition:color .2s ease}.nav-link[data-v-6c261335]:hover{border-bottom:none}.nav-link.router-link-active[data-v-6c261335],.nav-link.router-link-active .terminal-accent[data-v-6c261335],.nav-link[data-v-6c261335]:hover{color:var(--accent-color)}.nav-link.disabled[data-v-6c261335]{cursor:not-allowed;pointer-events:none}.nav-link.disabled[data-v-6c261335],.nav-link.disabled .terminal-accent[data-v-6c261335]{color:var(--text-color-muted,#888);opacity:.5}.color-selector[data-v-3e8c5b0e],.dropdown[data-v-3e8c5b0e]{position:relative}.dropdown-toggle[data-v-3e8c5b0e]{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;padding:6px;transition:background-color .2s}.dropdown-toggle[data-v-3e8c5b0e]:hover{background-color:#ffffff1a}.color-icon[data-v-3e8c5b0e]{border:1px solid hsla(0,0%,100%,.2);border-radius:50%;height:20px;width:20px}.sr-only[data-v-3e8c5b0e]{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.dropdown-menu[data-v-3e8c5b0e]{background-color:var(--bg-color-light);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 6px 12px #00000026;padding:12px;position:absolute;right:0;top:100%;transform-origin:top right;width:240px;z-index:20}@media (max-width:767px){.dropdown-menu[data-v-3e8c5b0e]{right:-100px}}.dropdown-section[data-v-3e8c5b0e]{margin-bottom:12px}.dropdown-section[data-v-3e8c5b0e]:last-child{margin-bottom:0}.dropdown-label[data-v-3e8c5b0e]{color:var(--text-color-muted);display:block;font-family:JetBrains Mono,monospace;font-size:.8rem;margin-bottom:6px}.color-options[data-v-3e8c5b0e]{display:flex;flex-wrap:wrap;gap:8px}.color-option[data-v-3e8c5b0e]{border:1px solid hsla(0,0%,100%,.2);border-radius:50%;cursor:pointer;height:24px;transition:transform .2s,border-color .2s;width:24px}.color-option[data-v-3e8c5b0e]:hover{transform:scale(1.1)}.color-option.active[data-v-3e8c5b0e]{border:2px solid #fff;transform:scale(1.15)}.feedback-message[data-v-3e8c5b0e]{animation:fadeIn-3e8c5b0e .3s ease-in-out;background-color:var(--accent-color);border-radius:4px;color:var(--bg-color);font-size:.8rem;margin-top:12px;padding:6px;text-align:center}@keyframes fadeIn-3e8c5b0e{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.footer-controls[data-v-4181f5d6]{align-items:center;background-color:var(--bg-color-light);border:1px solid var(--border-color);border-radius:8px;display:flex;font-family:JetBrains Mono,monospace;font-size:.8rem;gap:15px;margin-bottom:var(--space-md);margin-left:var(--space-md);margin-top:auto;padding:10px 15px;width:-moz-fit-content;width:fit-content}.color-picker-container[data-v-4181f5d6]{align-items:center;display:flex;gap:8px}.color-picker-label[data-v-4181f5d6],.footer-copyright[data-v-4181f5d6]{color:var(--text-color-muted,#888);font-size:.75rem}.footer-copyright[data-v-4181f5d6]{opacity:.7}@media (max-width:768px){.footer-controls[data-v-4181f5d6]{gap:10px;margin-bottom:var(--space-sm);margin-left:var(--space-sm);padding:8px}.color-picker-label[data-v-4181f5d6]{display:none}}.page-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;margin:0 auto;max-width:1200px;padding-left:var(--space-md);padding-right:var(--space-md);padding-top:calc(var(--navbar-height) + var(--space-xl));width:100%}@media (min-width:768px){.main-content{padding-left:var(--space-lg);padding-right:var(--space-lg)}}
