/* Shared navigation on the studio and every tool page. */
.ft-nav,.ft-nav *{box-sizing:border-box}.ft-nav{position:fixed;inset:0 0 auto;z-index:2000;height:84px;padding:0!important;margin:0;background:#0c0919f5;border-bottom:1px solid #ffffff12;font:12px/1.5 Arial,Helvetica,sans-serif;color:#c7bfdc;backdrop-filter:blur(16px)}.ft-nav-inner{width:100%;max-width:1400px;height:84px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.ft-brand{display:block;flex:0 0 215px;line-height:0;text-decoration:none}.ft-brand img{display:block;width:215px!important;height:69px!important;object-fit:contain;max-width:none;filter:none!important;transform:none!important}.ft-nav-links{display:flex;align-items:center;gap:20px}.ft-nav-links a{font:12px/1.5 Arial,Helvetica,sans-serif;color:#c7bfdc;text-decoration:none;white-space:nowrap;display:flex;align-items:center;min-height:44px;letter-spacing:0}.ft-nav-links a:hover{color:#fff}.ft-nav-links .ft-discord{border:1px solid #8e67d85c;border-radius:7px;padding:0 16px}.ft-nav-toggle{display:none;min-width:44px;min-height:44px;width:44px;height:44px;border:1px solid #a281d955;background:transparent;color:white;border-radius:7px;padding:11px;cursor:pointer}.ft-nav-toggle span{display:block;height:2px;background:#c7bfdc;margin:4px 0}.ft-nav a:focus-visible,.ft-nav button:focus-visible{outline:2px solid #7df9ff;outline-offset:4px}.tool-page{padding-top:84px}
@media(max-width:1099px){.ft-nav,.ft-nav-inner{height:72px}.ft-nav-inner{padding:0 22px}.ft-brand{flex-basis:175px}.ft-brand img{width:175px!important;height:56px!important}.ft-nav-toggle{display:block}.ft-nav-links{display:none;position:absolute;left:0;right:0;top:72px;background:#100b20;border-bottom:1px solid #a281d944;padding:12px 22px 20px;max-height:calc(100dvh - 72px);overflow-y:auto;gap:0;flex-direction:column;align-items:stretch}.ft-nav-links.is-open{display:flex}.ft-nav-links a{padding:0 10px;min-height:44px}.ft-nav-links .ft-discord{margin-top:6px;width:fit-content}.tool-page{padding-top:72px}}

/* Icon-only studio identity, consistently sized across every page. */
.ft-brand{flex:0 0 72px}.ft-brand img{width:72px!important;height:64px!important}
@media(max-width:1099px){.ft-brand{flex-basis:60px}.ft-brand img{width:60px!important;height:56px!important}}

/* Dedicated wordmark-free navbar artwork with a closer frame. */
.ft-brand{flex:0 0 94px}.ft-brand img{width:94px!important;height:72px!important}
@media(max-width:1099px){.ft-brand{flex-basis:78px}.ft-brand img{width:78px!important;height:62px!important}}