.tl-studio-shell{--tl-studio-nav-h:calc(56px + env(safe-area-inset-top, 0px))}.tl-studio-shell:has(>.tl-studio-nav[data-sub=true]){--tl-studio-nav-h:calc(104px + env(safe-area-inset-top, 0px))}.tl-studio-nav{position:sticky;top:0;z-index:1300;box-sizing:border-box;padding-top:env(safe-area-inset-top,0);background:var(--app-surface,#fff);border-bottom:1px solid var(--app-border,#cdd6e3);color:var(--app-text,#172033);font-family:var(--font-ui,system-ui)}.tl-studio-nav__bar,.tl-studio-subbar{display:flex;align-items:center;gap:.5rem;min-width:0;padding:0 calc(env(safe-area-inset-right, 0px) + 16px) 0 calc(env(safe-area-inset-left, 0px) + 16px)}.tl-studio-nav__bar{height:56px}.tl-studio-subbar{height:48px;border-top:1px solid var(--app-border,#cdd6e3);background:var(--app-bg,var(--app-surface,#fff))}.tl-studio-nav__spacer{flex:1}.tl-studio-nav__tools{display:flex;align-items:center;gap:.35rem;flex:none}.tl-studio-nav__brand{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;text-decoration:none;color:inherit;margin-right:.5rem}.tl-studio-nav__brand,.tl-studio-nav__brand img{flex:none;border-radius:8px}.tl-studio-nav__title{font:700 1rem/1.1 var(--font-ui,system-ui);letter-spacing:.02em;white-space:nowrap}.tl-studio-nav__btn,.tl-studio-nav__item,.tl-studio-nav__link{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;padding:0 .8rem;border-radius:10px;font:600 .88rem/1 var(--font-ui,system-ui);white-space:nowrap;text-decoration:none;cursor:pointer}.tl-studio-nav__btn{justify-content:center;border:1px solid transparent;background:transparent;color:var(--app-text,#172033);flex:none}.tl-studio-nav__btn--icon{width:44px;padding:0}.tl-studio-nav__btn:hover,.tl-studio-nav__btn[aria-expanded=true]{background:var(--app-surface-hover,#dbe3ee)}.tl-studio-nav__help[aria-current=page],.tl-studio-nav__menuBtn{border-color:var(--app-border-strong,#a9b6c8)}.tl-studio-nav__links{display:flex;align-items:center;gap:.15rem;margin:0;padding:0;list-style:none}.tl-studio-nav__link{color:var(--app-muted,#526079);border:0;border-bottom:2px solid transparent;border-radius:0;padding:0 .6rem}.tl-studio-nav__link:hover{color:var(--app-text,#172033)}.tl-studio-nav__link[aria-current=page]{color:var(--app-text,#172033);border-bottom-color:var(--primary,#e94560)}.tl-studio-nav a:focus-visible,.tl-studio-nav button:focus-visible{outline:2px solid var(--primary,#e94560);outline-offset:2px}.tl-studio-nav__pop{position:relative;min-width:0}.tl-studio-nav__menuBtn{display:none}.tl-studio-nav__panel{position:absolute;top:calc(100% + 6px);left:0;z-index:1;display:grid;min-width:240px;max-width:calc(100vw - 32px);padding:.4rem;border:1px solid var(--app-border-strong,#a9b6c8);border-radius:12px;background:var(--app-surface,#fff);box-shadow:0 12px 32px rgba(0,0,0,.35)}.tl-studio-nav__panel--right{left:auto;right:0}.tl-studio-nav__item{width:100%;border:0;background:transparent;color:var(--app-text,#172033);text-align:left}.tl-studio-nav__item:hover{background:var(--app-surface-hover,#dbe3ee)}.tl-studio-nav__item:disabled{opacity:.6;cursor:default}.tl-studio-nav__note{margin:0;padding:.5rem .8rem;font-size:.8rem;color:var(--app-muted,#526079);white-space:normal}@media (max-width:1279px){.tl-studio-nav__tools .tl-studio-nav__btnLabel{display:none}.tl-studio-nav__tools .tl-studio-nav__btn{width:44px;padding:0}}@media (min-width:760px) and (max-width:1099px){.tl-studio-nav__title{display:none}}@media (max-width:759px){.tl-studio-nav__menuBtn{display:inline-flex}.tl-studio-nav__links{display:none}.tl-studio-nav__links[data-open=true]{position:absolute;top:calc(100% + 6px);left:0;z-index:1;display:grid;min-width:240px;max-width:calc(100vw - 32px);padding:.4rem;border:1px solid var(--app-border-strong,#a9b6c8);border-radius:12px;background:var(--app-surface,#fff);box-shadow:0 12px 32px rgba(0,0,0,.35)}.tl-studio-nav__links[data-open=true] .tl-studio-nav__link{width:100%;border-bottom:0;border-left:3px solid transparent;padding:0 .8rem;color:var(--app-text,#172033)}.tl-studio-nav__links[data-open=true] .tl-studio-nav__link[aria-current=page]{border-left-color:var(--primary,#e94560)}.tl-studio-nav__pages{order:2}.tl-studio-nav__spacer{order:1}.tl-studio-nav__tools{order:3}.tl-studio-nav__links[data-open=true]{left:auto;right:0}}@media (max-width:599px){.tl-studio-nav__title{display:none}}@media (max-width:480px){.tl-studio-nav__bar,.tl-studio-subbar{padding-left:calc(env(safe-area-inset-left, 0px) + 12px);padding-right:calc(env(safe-area-inset-right, 0px) + 12px);gap:.35rem}.tl-studio-nav__tools{gap:.15rem}}html[data-app-ui=on] .tl-studio-shell .tl-appframe{top:var(--tl-studio-nav-h)}html[data-app-ui=on] .tl-studio-shell .tl-appframe__bar{padding-top:.5rem}.tl-studio-back{display:inline-flex;align-items:center;gap:.15rem;flex:none;min-height:44px;min-width:44px;max-width:16rem;padding:0 .85rem 0 .4rem;border-radius:10px;border:1px solid var(--app-border-strong,#a9b6c8);background:var(--app-surface-hover,#dbe3ee);color:var(--app-text,#172033);font:700 .92rem/1 var(--font-ui,system-ui);text-decoration:none;white-space:nowrap;cursor:pointer}.tl-studio-back:hover{border-color:var(--app-text,#172033)}.tl-studio-back:focus-visible{outline:2px solid var(--primary,#e94560);outline-offset:2px}.tl-studio-back svg{flex:none}.tl-studio-back__label{overflow:hidden;text-overflow:ellipsis}.tl-studio-crumbs{min-width:0;flex:1 1 auto;overflow:hidden;margin-left:.4rem}.tl-studio-crumbs ol{display:flex;align-items:center;margin:0;padding:0;list-style:none;min-width:0;font:600 .85rem/1 var(--font-ui,system-ui)}.tl-studio-crumbs li{display:inline-flex;align-items:center;min-width:0;white-space:nowrap}.tl-studio-crumbs li+li:before{content:"›";padding:0 .4rem;color:var(--app-muted,#526079)}.tl-studio-crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--app-muted,#526079);text-decoration:none}.tl-studio-crumbs a:hover{color:var(--app-text,#172033);text-decoration:underline}.tl-studio-crumbs [aria-current=page]{color:var(--app-text,#172033);overflow:hidden;text-overflow:ellipsis}@media (max-width:599px){.tl-studio-crumbs{display:none}}@media (max-width:380px){.tl-studio-back{max-width:6.5rem}}.tl-studio-back--floating{position:fixed;z-index:1400;top:calc(env(safe-area-inset-top, 0px) + 12px);left:calc(env(safe-area-inset-left, 0px) + 12px);background:color-mix(in oklab,#0b1a0f 70%,transparent);border-color:hsla(0,0%,100%,.35);color:#fff;opacity:.6;transition:opacity .16s ease}.tl-studio-back--floating:active,.tl-studio-back--floating:focus-visible,.tl-studio-back--floating:hover{opacity:1}@media (prefers-reduced-motion:reduce){.tl-studio-back--floating{transition:none}}