html,body{height:100%}body{margin:0}.layout{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#0f1115;background:#e9edf2;border-bottom:1px solid #cfd6df;width:100%;height:36px;transition:height 60ms;position:relative;overflow:hidden}.topbar[aria-expanded=true]{height:96px}.topbar__content{box-sizing:border-box;justify-content:space-between;align-items:center;gap:12px;height:100%;padding:0 16px;display:flex}.topbar__link{color:inherit;appearance:none;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0;text-decoration:none}.topbar__buttons{appearance:none;color:#33373d;cursor:pointer;background:#fff;border:1px solid #c9ced6;border-radius:6px;min-width:100px;padding:6px 10px;font:500 12px/1 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.topbar_.topbar__buttons{background:#f3f5f8}.topbar__logo{opacity:0;pointer-events:none;width:auto;max-height:calc(100% - 24px);transition:transform 60ms,opacity 60ms;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.9)}.topbar[aria-expanded=true] .topbar__logo{opacity:1;transform:translate(-50%,-50%)scale(1)}.content{background:#0b0e12;flex:1;min-height:0}.preview{background:#0b0e12;border:none;width:100%;height:100%;display:block}