.browser-shell{--browser-border:#ffffff1a;--browser-muted:#ffffff8f;color:#f5f5f5;background:#1f1f1f;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.browser-shell__toolbar{z-index:2;border-bottom:1px solid var(--browser-border);background:#202020;grid-template-columns:minmax(150px,auto) minmax(260px,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:8px 12px;display:grid}.browser-shell__context,.browser-shell__navigation,.browser-shell__actions,.browser-shell__sources,.browser-shell__devices{align-items:center;min-width:0;display:flex}.browser-shell__context{gap:10px}.browser-shell__navigation{justify-content:center;gap:5px}.browser-shell__actions{justify-content:flex-end;gap:8px}.browser-shell__sources,.browser-shell__devices{border:1px solid var(--browser-border);background:#161616;border-radius:9px;gap:2px;padding:3px}.browser-shell__project{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:650;overflow:hidden}.browser-shell button,.browser-shell input{font:inherit}.browser-shell__source,.browser-shell__device,.browser-shell__icon-button,.browser-shell__publish{color:var(--browser-muted);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.browser-shell__source{background:0 0;border-radius:6px;gap:5px;min-height:28px;padding:0 9px;font-size:12px}.browser-shell__source.is-active{color:#fff;background:#2f2f2f}.browser-shell__icon-button,.browser-shell__device{background:0 0;border-radius:7px;flex:none;width:30px;height:30px;text-decoration:none}.browser-shell__icon-button:hover,.browser-shell__device:hover,.browser-shell__device.is-active{color:#fff;background:#ffffff1a}.browser-shell__icon-button:disabled,.browser-shell__source:disabled,.browser-shell__publish:disabled{cursor:not-allowed;opacity:.34}.browser-shell__address-form{width:min(100%,520px);min-width:110px}.browser-shell__address{border:1px solid var(--browser-border);color:#ffffff6b;background:#151515;border-radius:8px;align-items:center;gap:7px;min-width:0;height:32px;padding:0 10px;display:flex}.browser-shell__address input{color:#ffffffc7;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.browser-shell__publish{color:#fff;background:#2563eb;border-radius:9px;gap:7px;min-height:34px;padding:0 13px;font-size:12px;font-weight:700}.browser-shell__publish:not(:disabled):hover{background:#3473f5}.browser-shell__stage{background:#292929;flex:auto;justify-content:center;align-items:flex-start;min-width:0;min-height:0;padding:18px;display:flex;overflow:hidden}.browser-shell__viewport{background:#fff;border:1px solid #ffffff1f;border-radius:10px;min-width:0;height:100%;min-height:460px;transition:width .18s,border-radius .18s;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000047}.browser-shell__stage[data-device=tablet] .browser-shell__viewport,.browser-shell__stage[data-device=mobile] .browser-shell__viewport{max-width:calc(100% - 4px)}.browser-shell__frame{background:#fff;border:0;width:100%;height:100%;display:block}.browser-shell__loading{z-index:1;color:#555;background:#fff;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;inset:0}.browser-shell__spin{animation:.8s linear infinite browser-shell-spin}.browser-shell--empty{background:#101010}.browser-shell__fallback{flex:1;min-height:0;overflow:hidden}.browser-shell__toolbar--fallback{grid-template-columns:minmax(0,1fr) auto}.browser-shell__draft{color:var(--browser-muted);font-size:11px}@keyframes browser-shell-spin{to{transform:rotate(360deg)}}@media (width<=1100px){.browser-shell__toolbar{grid-template-columns:minmax(0,1fr) auto}.browser-shell__context{display:none}.browser-shell__navigation{justify-content:flex-start}}@media (width<=720px){.browser-shell__toolbar{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:7px}.browser-shell__navigation>.browser-shell__icon-button:first-child,.browser-shell__navigation>.browser-shell__icon-button:nth-child(2),.browser-shell__devices{display:none}.browser-shell__address-form{width:100%}.browser-shell__publish{width:34px;padding:0}.browser-shell__publish span{display:none}.browser-shell__stage{padding:8px}.browser-shell__viewport{border-radius:7px;min-height:540px}}html{-webkit-text-size-adjust:100%;touch-action:pan-y;background:#000;min-height:100%}body{overscroll-behavior-y:none;background:#000;min-height:100dvh;margin:0;overflow-x:hidden}#root{min-height:100dvh}.bz-startup-splash{background:#000;min-height:100dvh}.bz-saas-layout{box-sizing:border-box;min-height:100dvh;padding-top:calc(52px + env(safe-area-inset-top))}.bz-saas-content{min-width:0}.bz-saas-main{box-sizing:border-box;padding:28px 32px}.bz-bottomnav-mobile,.bz-mobile-drawer-trigger{display:none!important}@media (display-mode:standalone){html,body,#root{overscroll-behavior:none;width:100%;overflow-x:hidden}body{box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);touch-action:pan-y}}@media (width<=767px){.bz-saas{font-size:16px}.bz-saas button,.bz-saas input,.bz-saas select,.bz-saas textarea{min-height:44px}.bz-saas .material-symbols-outlined{font-size:24px!important}}@media (width<=767px),(height<=480px) and (orientation:landscape){.bz-sidebar-desktop{display:none!important}.bz-bottomnav-mobile,.bz-mobile-drawer-trigger{display:flex!important}.bz-saas-main{padding:20px 16px calc(76px + env(safe-area-inset-bottom))}}@keyframes slideRight{0%{transform:translate(-100%)}to{transform:translate(0)}}