@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-1rem);opacity:0}to{transform:translateY(0);opacity:1}}.app-header{position:fixed;top:0;left:0;right:0;height:4rem;background:#0c1116;justify-content:space-between;padding:0 1.5rem;z-index:10}.app-header,.brand{display:flex;align-items:center}.brand{gap:.5rem}.brand .brand__menu-toggle{display:none}.brand .logo{font-size:1.25rem}.brand .title{font-weight:700;color:#e0e0e0}.header-actions{display:flex;align-items:center;gap:.625rem}.button-with-badge{position:relative;display:inline-flex;align-items:center}.button-with-badge .badge{top:-.35rem;right:-.35rem;min-width:1.1rem;height:1.1rem;padding:0 .25rem;background:#ef4444;color:#fff;font-size:.625rem;display:inline-flex;align-items:center;justify-content:center}.button-with-badge .badge,.button-with-badge .dot{position:absolute;border-radius:9999px;border:.0625rem solid rgba(0,0,0,.15)}.button-with-badge .dot{top:-.2rem;right:-.2rem;width:.5rem;height:.5rem;background:#f59e0b}.header-actions .floating-button{height:2.25rem}.translate-actions{display:flex;gap:.5rem}.translate-actions .floating-button{height:2.25rem;padding:0 1rem}.translate-dropdown{position:relative}.translate-dropdown__menu{position:absolute;left:0;top:calc(100% + .5rem);background:#0c1116;border:.0625rem solid #2b2b32;border-radius:.5rem;box-shadow:0 .25rem .9375rem rgba(0,0,0,.3);min-width:14rem;padding:.5rem 0;z-index:1000}.translate-dropdown__item{display:block;width:100%;background:transparent;border:none;color:#e0e0e0;text-align:left;padding:.5rem 1rem;cursor:pointer}.translate-dropdown__item:hover{background:#030406}.translate-dropdown__item:disabled{opacity:.6;cursor:not-allowed;background:transparent}.export-actions{display:flex;align-items:center}.credits-button,.credits-button .label{display:inline-flex;align-items:center;gap:.5rem}.credits-button .credits-count{min-width:1.5rem;height:1.25rem;padding:0 .375rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;background:#13c76a;color:#0b1710;border:.0625rem solid #11a666;box-shadow:0 .25rem .5rem rgba(19,199,106,.25)}.user-menu{display:flex;align-items:center;gap:.5rem}.user-menu .avatar{width:1.75rem;height:1.75rem;border-radius:50%;border:.0625rem solid #2b2b32;object-fit:cover}.user-menu .name{color:#e0e0e0;font-weight:600;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu .logout-button{background:transparent;border:.0625rem solid #2b2b32;color:#e0e0e0;padding:.35rem .6rem;border-radius:.25rem;cursor:pointer;transition:.2s ease}.user-menu .logout-button:hover{background:#030406}.user-avatar-button{background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.user-avatar-button .avatar{width:1.75rem;height:1.75rem;border-radius:50%;border:.0625rem solid #2b2b32;object-fit:cover;display:block}.user-dropdown{position:relative}.user-dropdown__menu{position:absolute;right:0;top:calc(100% + .5rem);background:#0c1116;border:.0625rem solid #2b2b32;border-radius:.5rem;box-shadow:0 .25rem .9375rem rgba(0,0,0,.3);min-width:14rem;padding:1rem;z-index:1000}.user-dropdown__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.user-dropdown__header .avatar{width:2rem;height:2rem;border-radius:50%;border:.0625rem solid #2b2b32;object-fit:cover;display:block}.user-dropdown__email{color:hsla(0,0%,88%,.6);font-size:.75rem}.user-dropdown__logout{width:100%;margin-top:.5rem;background:transparent;border:.0625rem solid #2b2b32;color:#e0e0e0;padding:.35rem .6rem;border-radius:.25rem;cursor:pointer;transition:.2s ease}.user-dropdown__logout:hover{background:#030406}.locale-switcher-link{color:#e0e0e0;text-decoration:none;padding:.25rem .5rem;border-radius:.25rem;border:.0625rem solid #2b2b32}.locale-switcher-link:hover{background:#030406}@media(max-width:48rem){.app-header{padding:0 1rem}.brand .title{font-size:.95rem;max-width:8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand img{width:120px!important;height:auto!important}.brand__menu-toggle{display:inline-flex!important}.credits-button .credits-count{min-width:1.25rem;height:1.1rem;font-size:.625rem}}
/*# sourceMappingURL=ed0b94574a99a775.css.map*/