html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}*{box-sizing:border-box}body{overflow:hidden}@media(max-width:899px){html,body,#root{min-height:100dvh}html,body{overflow-x:hidden;overflow-y:auto}}button,input,textarea,select{font:inherit}@media(max-width:899px){[data-testid=auth-gate]{height:auto!important;min-height:100dvh!important;overflow:auto!important}[data-testid=auth-header]{position:static!important;align-items:center!important}[data-testid=auth-content]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important;overflow:visible!important}[data-testid=auth-content]>div{min-width:0!important;width:auto!important;max-width:none!important}[data-testid=auth-preview]{width:min(100%,calc(100vw - 32px),520px)!important;max-height:none!important;overflow:hidden!important;touch-action:auto!important}}@media(max-width:899px){#root>div{min-height:100dvh!important;height:auto!important;overflow:visible!important;grid-template-rows:auto 1fr!important}[data-testid=editor-topbar]{display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-areas:"brand context" "viewport viewport" "actions actions"!important;column-gap:8px!important;row-gap:6px!important;padding:6px 12px!important;position:sticky!important;top:0!important;z-index:100!important;height:auto!important;min-height:0!important}[data-testid=editor-topbar]>.MuiStack-root:nth-of-type(1){grid-area:brand!important;width:26px!important}[data-testid=editor-topbar]>.MuiStack-root:nth-of-type(2){grid-area:context!important;justify-content:flex-end!important}[data-testid=editor-topbar]>.MuiStack-root:nth-of-type(3){grid-area:viewport!important;width:100%!important;justify-content:flex-start!important}[data-testid=editor-topbar]>.MuiStack-root:nth-of-type(4){grid-area:actions!important;width:100%!important;justify-content:flex-start!important}[data-testid=editor-topbar]>.MuiStack-root::-webkit-scrollbar{display:none}#root>div>div:nth-of-type(2){display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;width:100%!important;max-width:100vw!important;overflow:visible!important}[data-testid=editor-left-panel],[data-testid=editor-right-panel]{width:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;border-left:0!important;border-right:0!important}[data-testid=editor-left-panel][data-collapsed=true],[data-testid=editor-right-panel][data-collapsed=true]{max-height:48px!important;min-height:48px!important;overflow:hidden!important;border-bottom:1px solid rgba(148,163,184,.1)!important}[data-testid=editor-canvas-panel]{min-height:50dvh!important;max-height:70dvh!important;height:60dvh!important;order:-1!important}[data-testid=editor-viewport]{padding:16px!important}}@media(min-width:600px)and (max-width:899px){[data-testid=editor-topbar]{grid-template-columns:26px minmax(0,1fr) minmax(0,auto)!important;grid-template-areas:"brand context actions" "viewport viewport viewport"!important}[data-testid=editor-topbar]>.MuiStack-root:nth-of-type(2){justify-content:flex-start!important}[data-testid=editor-topbar]>.MuiStack-root:nth-of-type(3){justify-content:center!important}[data-testid=editor-topbar]>.MuiStack-root:nth-of-type(4){width:auto!important;justify-content:flex-end!important}}@media(max-width:599px){[data-testid=editor-canvas-panel]{min-height:45dvh!important;max-height:65dvh!important}#root>div>div:nth-of-type(2) .MuiSelect-select,#root>div>div:nth-of-type(2) .MuiInputBase-input{font-size:16px!important}}@media(max-width:899px){#root [data-testid=auth-gate]>[data-testid=auth-header]{display:flex!important;flex-direction:row!important;justify-content:space-between!important;padding:12px 16px!important;min-height:64px!important}#root [data-testid=auth-gate]>[data-testid=auth-header]>div:first-child{width:auto!important;justify-content:flex-start!important;flex-wrap:nowrap!important}#root [data-testid=auth-gate]>[data-testid=auth-content]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:24px 16px 32px!important;width:100%!important;max-width:100vw!important}[data-testid=auth-gate] [data-testid=auth-preview]{width:min(100%,calc(100vw - 32px),520px)!important;justify-self:center!important}}