/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}:root{--active-opacity: .1}.container{display:flex;align-items:center;flex-flow:column;width:100%;min-height:100vh;padding:20px 0;background-color:#f5f7fa}.container>*+*{margin-top:16px}.container .canvas-box{overflow:hidden;width:clamp(300px,80%,400px);border-radius:10px;box-shadow:2px 2px 6px #999;aspect-ratio:4 / 3;touch-action:none}@media (min-width: 768px){.container .canvas-box{width:clamp(600px,80%,720px)}}.container .btn-group{display:flex}:is(.container .btn-group) .btn{position:relative;z-index:0;overflow:hidden;padding:6px 14px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;border-radius:6px}:is(:is(.container .btn-group) .btn)+.btn{margin-left:40px}:is(:is(.container .btn-group) .btn):before{position:absolute;z-index:-1;display:block;content:"";opacity:0;background-color:#000;inset:0}:is(:is(.container .btn-group) .btn):active:before{opacity:var(--active-opacity)}:is(.container .btn-group) .save-btn{background-color:#f56c6c}:is(.container .btn-group) .reset-btn{background-color:#67c23a}