:root{--theme-bg-color: #dddddd;--theme-th-bg-color: #bababa;--drop-over-color: #808080;--theme-item1-color: #fd00db;--theme-item2-color: #00fd7e;--theme-item3-color: #fd8f00;--theme-item4-color: #e9c912;--theme-item5-color: #00dffd;--theme-item6-color: #c200fd;--theme-item7-color: #6de669;--theme-screenshotBtn-color: #4CAF50}*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-weight:400}h1{text-align:center;margin-bottom:20px}.inner{width:1040px;margin:auto}.wrapper{padding:20px}.container{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px}.left{padding:20px;background-color:var(--theme-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.item{white-space:nowrap;width:80px;text-align:center;padding:5px;cursor:pointer}.color1{background-color:var(--theme-item1-color, #fff)}.color2{background-color:var(--theme-item2-color, #fff)}.color3{background-color:var(--theme-item3-color, #fff)}.color4{background-color:var(--theme-item4-color, #fff)}.color5{background-color:var(--theme-item5-color, #fff)}.color6{background-color:var(--theme-item6-color, #fff)}.color7{background-color:var(--theme-item7-color, #fff)}.right{width:100%;padding:20px;background-color:var(--theme-bg-color)}table{width:100%}table td,table th{border:1px solid #000;padding:5px;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}table th{font-weight:normal;height:50px;background-color:var(--theme-th-bg-color)}table thead td{border:none}table tbody .span{width:1.5em;padding:10px}table tbody td{width:100px;height:50px}table tbody td .item{margin:auto}table .none{margin-top:20px}table .none td{border:none;height:30px}.drop-over{background-color:var(--drop-over-color)}.screenshotBtn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenshotBtn button{padding:10px 15px;background-color:var(--theme-screenshotBtn-color);color:#fff;border:none;border-radius:4px;cursor:pointer;margin:20px auto;text-align:center;display:inline-block}