html,body{width:100%;height:100%;margin:0;overflow:hidden}
body:not(.board-mode){background:#dfe7e9;display:grid;place-items:center}
body:not(.board-mode)>div:first-of-type{height:844px!important;position:relative!important;width:390px!important;max-width:100vw;max-height:100vh}
body:not(.board-mode)>div:first-of-type>[data-pencil-id]{display:none!important;left:0!important;top:0!important}
body:not(.board-mode)>div:first-of-type>[data-pencil-id].is-active{display:flex!important}
[data-action]{cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}
[data-action]:active{filter:brightness(.98);transform:scale(.99)}
[data-pencil-name="Placeholder"][contenteditable="true"]{outline:none;white-space:nowrap;min-width:0;flex:1}
.runtime-toast{position:fixed;left:50%;bottom:24px;z-index:1000;transform:translate(-50%,12px);padding:9px 14px;border-radius:999px;background:rgba(30,58,92,.94);color:#fff;font-family:"Noto Sans SC",system-ui,sans-serif;font-size:12px;opacity:0;pointer-events:none;transition:.2s}
.runtime-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:389px),(max-height:843px){
  body:not(.board-mode)>div:first-of-type{transform:scale(var(--app-scale,1));transform-origin:center}
}