@media (width>=0){html:before{content:"small";display:none}}@media (width>=500px){html:before{content:"medium";display:none}}@media (width>=850px){html:before{content:"large";display:none}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,menu,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{vertical-align:baseline;font-size:100%;font:inherit;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html,body{color:#fff;background-color:#000;width:100%;height:100%;font-family:sans-serif;font-size:1vw}@media (width>=500px){html,body{font-size:1vw}}@media (width>=850px){html,body{font-size:1vw}}html *,body *{box-sizing:border-box;-webkit-font-smoothing:antialiased;-khtml-font-smoothing:antialiased;-apple-font-smoothing:antialiased;font-smooth:always;-moz-osx-font-smoothing:grayscale}html,body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:#0000;overflow:hidden}#app{width:100%;height:100%}.button{color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;outline:none;padding:0;font-family:sans-serif;text-decoration:none;display:inline-block}.page{width:100%;height:100%}.tp-dfwv{z-index:100000;position:fixed}.tp-dfwv .tp-rotv{inset:8px 8px auto auto}.tp-dfwv .expand-drag-area{cursor:col-resize;background-color:#0000;width:10px;height:100%;position:absolute;top:0;left:0;right:auto}.tp-dfwv .expand-drag-area:before{opacity:.2;content:"";background-color:#787878;width:1px;height:100%;transition:opacity .1s ease-in-out;position:absolute;top:0;left:0;right:auto}.tp-dfwv .expand-drag-area:hover:before{opacity:1}.tp-dfwv *{touch-action:none}.tp-dfwv.right-top .tp-rotv,.tp-dfwv.top-right .tp-rotv{inset:8px 8px auto auto}.tp-dfwv.right-top .expand-drag-area,.tp-dfwv.top-right .expand-drag-area,.tp-dfwv.right-top .expand-drag-area:before,.tp-dfwv.top-right .expand-drag-area:before{left:0;right:auto}.tp-dfwv.right-bottom .tp-rotv,.tp-dfwv.bottom-right .tp-rotv{inset:auto 8px 8px auto}.tp-dfwv.right-bottom .expand-drag-area,.tp-dfwv.bottom-right .expand-drag-area,.tp-dfwv.right-bottom .expand-drag-area:before,.tp-dfwv.bottom-right .expand-drag-area:before{left:0;right:auto}.tp-dfwv.left-top .tp-rotv,.tp-dfwv.top-left .tp-rotv{inset:8px auto auto 8px}.tp-dfwv.left-top .expand-drag-area,.tp-dfwv.top-left .expand-drag-area,.tp-dfwv.left-top .expand-drag-area:before,.tp-dfwv.top-left .expand-drag-area:before{left:auto;right:0}.tp-dfwv.left-bottom .tp-rotv,.tp-dfwv.bottom-left .tp-rotv{inset:auto auto 8px 8px}.tp-dfwv.left-bottom .expand-drag-area,.tp-dfwv.bottom-left .expand-drag-area,.tp-dfwv.left-bottom .expand-drag-area:before,.tp-dfwv.bottom-left .expand-drag-area:before{left:auto;right:0}.tp-rotv::-webkit-scrollbar{display:none}.canvas{width:100%;height:100%;position:absolute;top:0;left:0}.timing{--point-position:.5;--limit-width:10;pointer-events:none;width:100%;height:20%;padding:0 10%;position:absolute;bottom:0;left:0}.line{background-color:#000;width:100%;height:10px;position:relative}.point{background-color:#fff;border-radius:50%;width:30px;height:30px;position:absolute;top:-10px}.limit{background-color:#fff;width:12px;height:40px;position:absolute;top:-15px}