.interface-switch{flex-shrink:0}.interface-segments{display:flex;border:1px solid #d9d9df;border-radius:8px;padding:2px;background:#f5f5f7;gap:2px}.interface-segments button{font-size:11px;line-height:18px;padding:4px 8px;border:0;background:transparent;border-radius:5px;color:#68686f}.interface-segments button[aria-pressed=true]{background:#fff;color:#26262a;box-shadow:0 1px 3px #00000012}.interface-switch[data-mode=studio] .interface-segments{background:#141619;border-color:#353739}.interface-switch[data-mode=studio] .interface-segments button{color:#a4a4aa}.interface-switch[data-mode=studio] .interface-segments button[aria-pressed=true]{background:#322317;color:#ffc082;box-shadow:inset 0 0 0 1px #ff9f4133}.interface-compact{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid #85858a55;background:transparent;color:inherit}.interface-menu{min-width:160px}.login-interface{position:fixed;top:max(16px,env(safe-area-inset-top));right:20px;z-index:20;color:#eee}.login-interface .interface-segments{background:#141619;border-color:#454545}.login-interface .interface-segments button{color:#ccc}.login-interface .interface-segments button[aria-pressed=true]{background:#35312d;color:#fff}@media(max-width:767px){.interface-segments{display:none}.interface-compact{display:flex}.workspace .topbar .interface-switch{margin-left:auto}.workspace .topbar .header-context{flex:1;overflow:hidden}.workspace .topbar .header-context>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace .topbar .interface-switch+.details-toggle{flex-shrink:0}}