.loop-public-rail{--loop-rail-width:240px}.loop-public-rail .loop-rail-logo{display:block}.loop-public-rail-account{color:var(--loop-muted);gap:12px;margin-top:auto;padding:12px;font-size:13px;line-height:20px;display:grid}.loop-public-rail-account>a{justify-content:center;align-items:center;min-height:44px;text-decoration:none;display:flex}@media (min-width:1001px){.loop-frame.has-public-rail>.loop-frame-content,.loop-frame.has-public-rail>.loop-public-header{margin-left:240px}.loop-frame.has-public-rail>.loop-public-header .loop-public-logo{visibility:hidden}}@media (max-width:1000px){.loop-frame.has-public-rail .loop-public-rail{display:none}}.loop-frame{--loop-rail-width:80px;--loop-page-width:1280px;width:100%;max-width:none;min-height:100dvh;margin-inline:auto;position:relative}.loop-frame.has-rail>.loop-frame-content{margin-left:var(--loop-rail-width)}.loop-frame-content>.lx-route-surface{width:100%;max-width:1280px;margin-inline:auto}.loop-frame.is-studio,.loop-frame.is-studio>.loop-frame-content>.lx-route-surface{max-width:1680px}.loop-frame .lx-main:not(.lx-inbox-page),.loop-frame .loop-inbox,.loop-frame .lx-app-header,.loop-frame .loop-site-footer{max-width:1280px}.loop-frame.has-rail .lx-main:not(.lx-inbox-page){padding:24px 24px 32px}.loop-frame .lx-loop-grid{gap:18px!important}.loop-frame .lx-loop-card{border-radius:20px}.loop-rail{width:var(--loop-rail-width);background:var(--loop-surface);border-right:1px solid var(--loop-line);z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;padding:30px 16px 24px;transition:width .18s,box-shadow .18s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.loop-rail-logo{letter-spacing:-1.8px;color:var(--loop-ink,#f4f6fb);margin:4px 0 12px;font-size:23px;font-weight:750;text-decoration:none}.loop-rail nav{gap:8px;display:grid}.loop-rail-item{display:contents}.loop-rail nav a,.loop-rail nav button,.loop-rail-more>:is(button,a){min-width:48px;height:48px;color:var(--loop-ink);white-space:nowrap;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:18px;padding:0 12px;text-decoration:none;display:flex}.loop-rail svg{flex-shrink:0}.loop-rail nav span,.loop-rail-more>:is(button,a) span{opacity:0;font-size:14px;font-weight:550;transition:opacity .15s}.loop-rail[data-expanded=true] nav span,.loop-rail[data-expanded=true] .loop-rail-more>:is(button,a) span{opacity:1}.loop-rail nav :is(a,button):hover,.loop-rail-more>:is(button,a):hover{background:var(--loop-navigation-hover);color:var(--loop-ink)}.loop-rail nav a[aria-current=page]{box-shadow:none;color:var(--loop-ink);background:0 0}.loop-rail nav a[aria-current=page]>span{font-weight:650}.loop-rail nav a[aria-current=page] svg{stroke-width:2.3px}.loop-rail :is(a,button):focus-visible{outline:2px solid var(--loop-muted);outline-offset:-2px}.loop-rail nav svg{transition:transform .14s}.loop-rail nav :is(a,button):hover svg{transform:scale(1.04)}.loop-rail-more{margin-top:auto}.loop-rail-create>button{width:100%}.loop-frame .room-shell{max-width:1280px!important}.loop-frame.is-immersive{max-width:1280px}.loop-frame.is-immersive:has(.loop-real-live){--loop-page-width:100%;max-width:none}.loop-frame:has(.loop-real-live)>.loop-frame-content>.lx-route-surface{max-width:none}.loop-frame .loop-real-live .room-shell{max-width:none!important}@media (min-width:761px){.loop-frame .loop-real-live .room-shell{padding-inline:24px}}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-frame.has-rail>.loop-frame-content{margin:0}.loop-frame.has-rail .lx-main:not(.lx-inbox-page){padding:20px 16px calc(84px + env(safe-area-inset-bottom))}.loop-frame .lx-loop-grid{gap:12px!important}.loop-rail-logo,.loop-rail-more,.loop-rail-create{display:none}}@media (prefers-reduced-motion:reduce){.loop-rail,.loop-rail span,.loop-rail nav svg{transition:none}}.loop-mobile-menu-icon{display:none}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-rail-more{display:block;position:fixed;top:18px;right:16px}.loop-rail-more>:is(button,a){justify-content:center;min-width:36px;height:36px;padding:0}.loop-rail-more>:is(button,a) span,.loop-desktop-menu-icon{display:none}.loop-mobile-menu-icon{display:block}.loop-application[data-session=member] .loop-profile-navigation>div{margin-right:44px}}html[data-loop-theme=light] .loop-rail{background:#fffffff5;border-color:#00000012}.loop-rail{-webkit-backdrop-filter:none;backdrop-filter:none}.loop-frame .room-shell:fullscreen{max-width:none!important}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-studio-page .loop-rail-more{display:none}.loop-frame .lx-loop-grid{grid-template-columns:minmax(0,1fr)}.loop-frame .lx-loop-grid>.lx-loop-card{width:100%;max-width:none}}@media (min-width:761px){.loop-frame.has-rail.is-immersive:not(:has(:fullscreen,.loop-stage-immersive)) .loop-real-live .loop-action-dock-root{left:calc(50% + var(--loop-rail-width) / 2);max-width:calc(100vw - var(--loop-rail-width) - 24px)}.loop-frame.has-rail.is-immersive .loop-real-live .loop-action-dock{flex-wrap:wrap;justify-content:center}}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-frame.is-immersive>.loop-rail,.loop-frame.is-immersive>.loop-mobile-app-header{display:none}.loop-frame.is-immersive>.loop-frame-content{padding-bottom:0}.loop-frame.has-rail.is-immersive .loop-real-live .loop-action-dock-root{max-width:none;left:0}.loop-frame:has(.loop-public-event .loop-event-live-entry .lx-button) .loop-rail{display:none}.loop-frame:has(.ib-connected[data-chat-open=true]) .loop-rail{display:none}.loop-frame:has(.ib-connected[data-chat-open=true])>.loop-frame-content{padding-bottom:0}html:has(.loop-frame.has-rail .ib-connected[data-chat-open=true]){scroll-padding-bottom:0}html[data-loop-keyboard-open=true] .loop-rail{visibility:hidden}html:has(.loop-frame.has-rail){scroll-padding-bottom:calc(84px + env(safe-area-inset-bottom))}html:has(.loop-frame.is-immersive){scroll-padding-bottom:0}}.loop-public-header{border-bottom:1px solid var(--loop-line,#23282d);justify-content:space-between;align-items:center;height:64px;padding:0 32px;display:flex}.loop-public-logo{letter-spacing:-1.8px;color:var(--loop-ink,#f4f5f6);font-size:28px;font-weight:700;text-decoration:none}.loop-public-header nav{align-items:center;gap:16px;font-size:14px;display:flex}.loop-public-header nav>[data-slot=button]{color:var(--primary-foreground);text-decoration:none}.loop-public-header nav>a:not([data-slot=button]){color:var(--loop-ink,#f4f5f6);text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}@media (max-width:600px){.loop-public-header{padding:0 16px}.loop-public-logo{font-size:26px}.loop-public-header nav{gap:12px;font-size:13px}}.loop-rail-logo{cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:48px;min-height:44px;margin:0;padding:0;display:grid;position:relative}.loop-rail-logo .loop-rail-wordmark,.loop-rail-logo .loop-rail-logo-arrow{grid-area:1/1;transition:opacity .12s}.loop-rail-logo .loop-rail-wordmark{opacity:1}.loop-rail-logo .loop-rail-logo-arrow{opacity:0;color:var(--loop-ink);display:flex}.loop-rail-logo:hover .loop-rail-wordmark,.loop-rail-logo:focus-visible .loop-rail-wordmark{opacity:0}.loop-rail-logo:hover .loop-rail-logo-arrow,.loop-rail-logo:focus-visible .loop-rail-logo-arrow{opacity:1}.loop-rail-logo:focus-visible{outline:2px solid var(--loop-muted);outline-offset:2px}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-rail-logo,.loop-rail-tooltip{display:none}}@media (prefers-reduced-motion:reduce){.loop-rail-logo .loop-rail-wordmark,.loop-rail-logo .loop-rail-logo-arrow{transition:none}}.loop-rail-brand{justify-content:space-between;align-items:center;gap:8px;min-height:44px;margin:4px 0 48px;display:flex}.loop-rail-collapse{width:40px;height:44px;color:var(--loop-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;place-items:center;padding:0;display:grid}.loop-rail-collapse:hover{color:var(--loop-ink);background:var(--loop-raised)}.loop-rail-collapse:focus-visible{outline:2px solid var(--loop-muted);outline-offset:-2px}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-rail-brand{display:none}}.loop-rail[data-expanded=true] .loop-rail-logo{justify-content:start;width:100px}.loop-mobile-app-header{display:none}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-mobile-app-header{z-index:30;height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));background:var(--loop-surface,#090a0b);border-bottom:1px solid var(--loop-line,#23282d);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.loop-mobile-app-header>a{min-height:44px;color:var(--loop-ink);align-items:center;display:flex}.loop-mobile-header-actions{align-items:center;gap:4px;display:flex}.loop-mobile-header-actions>button{width:44px;min-width:44px;height:44px;min-height:44px;color:var(--loop-ink);background:0 0;border:0;border-radius:10px;place-items:center;padding:0;display:grid;position:relative;inset:auto}.loop-mobile-header-actions>button>span,.loop-mobile-header-actions .loop-desktop-menu-icon{display:none}.loop-mobile-header-actions .loop-mobile-menu-icon{display:block}.loop-rail .loop-rail-more{display:none}.loop-frame.has-rail .lx-main:not(.lx-inbox-page){padding-top:16px}.loop-rail nav a[aria-current=page]{box-shadow:none;color:var(--loop-ink)}.loop-rail nav svg{width:22px;height:22px}.loop-mobile-header-actions .nd-global-mobile i{inset:auto}}.loop-mobile-create,.loop-mobile-studio-menu{display:none}.loop-navigation-avatar .lx-face{opacity:1;border:0;width:24px;height:24px;font-size:10px}.loop-rail nav .loop-navigation-avatar .loop-initials{display:inline-flex}.loop-rail nav .loop-navigation-avatar .loop-initials-text{opacity:1;font-size:10px}.loop-rail nav a[aria-current=page] .loop-navigation-avatar .lx-face{outline:2px solid var(--loop-ink);outline-offset:2px}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-rail,.loop-rail[data-expanded=true]{inset:auto max(16px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:1px solid var(--loop-line);background:var(--loop-raised);border-radius:999px;width:auto;max-width:440px;height:64px;margin-inline:auto;padding:4px;display:block;box-shadow:0 4px 16px #0002}.loop-rail nav{grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:0;height:54px;display:grid}.loop-rail nav .loop-rail-create,.loop-rail-item[data-destination=studio],.loop-rail-item[data-destination=products]{display:none}.loop-rail nav a,.loop-rail nav .loop-mobile-create>button{width:100%;min-width:44px;height:54px;min-height:44px;color:var(--loop-muted);background:0 0;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px;display:flex}.loop-rail nav a>span,.loop-rail nav .loop-mobile-create>button>span{opacity:1;font-size:11px;font-weight:500;line-height:14px;display:block}.loop-rail nav a[aria-current=page]{color:var(--loop-ink);box-shadow:none;background:0 0}.loop-rail nav a[aria-current=page]>i{background:0 0;margin:0;padding:0}.loop-rail nav .loop-mobile-create{display:block}.loop-rail nav .loop-mobile-create>button{width:44px;height:44px;color:var(--loop-surface);background:var(--loop-ink);margin-inline:auto;padding:0}.loop-rail nav .loop-mobile-create>button>svg{width:26px;height:26px}.loop-rail nav .loop-mobile-create>button>span{display:none}.loop-rail nav .loop-mobile-create>button:hover{background:var(--loop-ink);color:var(--loop-surface);opacity:.9}.loop-mobile-studio-menu{display:flex}}.loop-frame.has-rail:has(.loop-rail[data-expanded=true]){--loop-rail-width:244px}.loop-rail[data-expanded=true]{width:var(--loop-rail-width);box-shadow:none}.loop-rail{transition:width var(--loop-motion-fade) var(--loop-motion-fade-ease);padding:20px 16px 12px}.loop-rail-brand{flex:none;min-height:32px;margin:0 0 16px;padding-left:12px}.loop-desktop-create{flex:none;margin:0 0 8px}.loop-desktop-create>button{background:var(--loop-ink);width:100%;min-height:44px;color:var(--loop-surface);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 16px;display:flex}.loop-desktop-create>button>span{display:none}.loop-rail[data-expanded=true] .loop-desktop-create>button>span{font-size:14px;font-weight:600;display:inline}.loop-rail .loop-desktop-navigation{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;display:block;overflow:hidden auto}.loop-navigation-group+.loop-navigation-group{margin-top:16px}.loop-navigation-group h2{color:var(--loop-muted);margin:0;padding:0 12px 6px;font-size:12px;font-weight:600;line-height:18px;display:none}.loop-rail[data-expanded=true] .loop-navigation-group h2{display:block}.loop-rail .loop-desktop-navigation :is(a,button){border-radius:10px;gap:12px;height:44px;min-height:44px;margin:0;font-size:14px;font-weight:400}.loop-rail .loop-desktop-navigation .nd-nav{width:100%;padding:0 12px}.loop-desktop-navigation .loop-rail-more{margin:0}.loop-rail .loop-desktop-navigation :is(a,button)>span{font-weight:400}.loop-rail .loop-desktop-navigation a[aria-current=page]>span,.loop-rail .loop-desktop-navigation button[aria-expanded=true]>span{font-weight:600}.loop-rail .loop-desktop-navigation a[aria-current=page]{background:var(--loop-raised)}.loop-rail .loop-desktop-navigation a[aria-current=page] svg{stroke-width:2px}.loop-desktop-create>button>svg{width:20px;height:20px}.loop-rail[data-expanded=true] .loop-desktop-create>button>.loop-create-chevron{display:inline-flex}.loop-navigation-footer{border-top:1px solid var(--loop-line);flex:none;margin-top:12px;padding-top:12px}.loop-navigation-footer>a{height:44px;color:var(--loop-ink);border-radius:12px;align-items:center;gap:16px;padding:0 12px;text-decoration:none;display:flex}.loop-navigation-footer>a:first-child{gap:10px;height:auto;min-height:60px;padding:8px 10px}.loop-navigation-footer>a:first-child .lx-face{width:32px;height:32px}.loop-navigation-footer>a>span{min-width:0}.loop-navigation-footer>a strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;line-height:20px;display:block;overflow:hidden}.loop-navigation-footer>a small{color:var(--loop-muted);font-size:12px;line-height:18px;display:block}.loop-navigation-footer>a:hover{background:var(--loop-navigation-hover)}.loop-navigation-footer>a>span{font-size:14px;display:none}.loop-rail[data-expanded=true] .loop-navigation-footer>a>span{display:inline}.loop-navigation-footer .loop-navigation-avatar{flex:none;display:inline-flex}.loop-phone-dock{display:none!important}.loop-phone-menu-trigger{display:none}.loop-phone-menu{max-height:85dvh;padding:20px 16px max(16px,env(safe-area-inset-bottom));flex-direction:column;gap:0;display:flex;overflow:hidden}.loop-phone-menu>h2{flex:none;margin-bottom:16px}.loop-phone-menu-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.loop-phone-menu .loop-navigation-group h2{padding-left:12px;display:block}.loop-phone-menu a{min-height:44px;color:var(--loop-ink);border-radius:12px;align-items:center;gap:16px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.loop-phone-menu a[aria-current=page]{background:var(--loop-raised);font-weight:600}.loop-phone-menu a:hover{background:var(--loop-navigation-hover)}.loop-phone-menu a:focus-visible{outline:2px solid var(--loop-muted);outline-offset:-2px}.loop-phone-menu-footer{border-top:1px solid var(--loop-line);flex:none;margin-top:12px;padding-top:8px}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-frame.has-rail:has(.loop-rail[data-expanded=true])>.loop-frame-content{margin-left:0}.loop-rail .loop-desktop-navigation,.loop-desktop-create,.loop-navigation-footer{display:none}.loop-rail .loop-phone-dock{display:grid!important}.loop-phone-menu-trigger{display:grid}.loop-account-menu-trigger{display:none}.loop-rail,.loop-rail[data-expanded=true]{width:auto;padding:4px}}.creator-library-filters{overscroll-behavior-x:contain;scrollbar-width:none;align-items:center;gap:8px;margin:16px 0 20px;display:flex;overflow-x:auto}.creator-library-filters>*{flex:none}.creator-library .permission-row{border-bottom:1px solid var(--loop-line);padding:12px 0}.creator-library .permission-row>span{overflow-wrap:anywhere;min-width:0}.creator-library .permission-row small{color:var(--loop-muted)}.creator-library-filters .loop-filter-pill[aria-current=page]{background:var(--loop-raised);color:var(--loop-ink);border-color:#0000}.loop-phone-menu-logout{width:100%;min-height:44px;color:var(--loop-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:16px;padding:0 12px;font-size:14px;display:flex}.loop-phone-menu-logout:hover{background:var(--loop-navigation-hover)}.loop-phone-menu-logout:focus-visible{outline:2px solid var(--loop-muted);outline-offset:-2px}.loop-rail-more>.loop-phone-menu-trigger{display:none}.loop-rail[data-expanded=false] .loop-account-menu-trigger{width:44px;overflow:hidden}.loop-rail[data-expanded=false] .loop-account-menu-trigger>span{display:none}@media (max-width:760px),(max-width:1000px) and (hover:none) and (pointer:coarse){.loop-mobile-header-actions>.loop-account-menu-trigger{display:none}}@media (min-width:761px) and (hover:hover),(min-width:1001px){.loop-rail[data-expanded=false]{padding-inline:12px}.loop-rail[data-expanded=false] .loop-rail-brand{justify-content:center;margin-inline:0;padding:0}.loop-rail[data-expanded=false] .loop-desktop-create>button{justify-content:center;width:44px;margin-inline:auto;padding:0}.loop-rail[data-expanded=false] .loop-desktop-navigation :is(a,button){justify-content:center;width:44px;min-width:44px;margin-inline:auto;padding:0}.loop-rail[data-expanded=false] .loop-desktop-navigation :is(a,button)>span{display:none}.loop-rail[data-expanded=false] .loop-navigation-group+.loop-navigation-group{border-top:1px solid var(--loop-line);margin-top:8px;padding-top:8px}.loop-rail[data-expanded=false] .loop-navigation-footer>a{justify-content:center;width:44px;margin-inline:auto;padding:0}}.loop-desktop-create>button.loop-go-live-action,.loop-rail nav .loop-mobile-create>button.loop-go-live-action,.loop-rail nav .loop-mobile-create>button.loop-go-live-action:hover{background:var(--loop-live-action-fill);color:var(--loop-live-action-ink);isolation:isolate;box-shadow:var(--loop-live-action-glow);position:relative;overflow:hidden}.loop-go-live-action:before{content:"";z-index:-1;pointer-events:none;background:var(--loop-live-action-fill);animation:loop-live-accent-drift var(--loop-motion-live-accent) ease-in-out infinite alternate;position:absolute;inset:0 -20%}.loop-go-live-action[aria-expanded=true]:before{animation-play-state:paused}.loop-desktop-create>button.loop-go-live-action:focus-visible{outline:2px solid var(--loop-director-violet);outline-offset:3px}@media (prefers-reduced-motion:reduce){.loop-go-live-action:before{animation:none;transform:none}}@media (forced-colors:active){.loop-go-live-action:before{display:none}.loop-desktop-create>button.loop-go-live-action,.loop-rail nav .loop-mobile-create>button.loop-go-live-action,.loop-rail nav .loop-mobile-create>button.loop-go-live-action:hover{color:buttontext;box-shadow:none;background:buttonface;outline:1px solid buttontext}}@media (prefers-reduced-motion:reduce){.loop-rail{transition:none}}
