.language-dropdown[data-v-0e809022]{position:relative;width:72px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropdown-selected[data-v-0e809022]{background:#3a3a3a;color:#fff;border:1px solid #444;border-radius:6px;padding:0 12px;font-size:24px;height:40px;display:flex;align-items:center;cursor:pointer;justify-content:space-between}.dropdown-selected .arrow[data-v-0e809022]{font-size:12px;line-height:12px;margin-left:8px;transition:transform .2s}.dropdown-selected .arrow.open[data-v-0e809022]{transform:rotate(180deg)}.dropdown-list[data-v-0e809022]{position:absolute;top:48px;right:0;background:#3a3a3a;border:1px solid #444;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:10;width:220px}.dropdown-item[data-v-0e809022]{display:flex;align-items:center;padding:8px 16px;cursor:pointer;font-size:18px;color:#fff;transition:background .2s}.dropdown-item[data-v-0e809022]:hover{background:#505050}.dropdown-item .label[data-v-0e809022]{margin-left:8px}button{padding:8px 20px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(33,150,243,.08)}button:hover{background-color:#1976d2}button:active{background-color:#1565c0}#app{font-family:Noto Sans JP,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#141414}.app-bar{background-color:#2d2d2d;width:100vw;height:64px;display:flex}.app-title{font-size:24px;font-weight:700;color:#fff;line-height:64px;margin:0;margin-left:16px}.app-dropdown{margin-left:auto;margin-right:16px;margin-top:auto;margin-bottom:auto}.app-dropdown select{background-color:#3a3a3a;color:#fff;border:1px solid #444;padding:8px 16px;font-size:16px;outline:none;transition:background .2s;height:40px}.app-dropdown select option:hover{background-color:#505050;border-color:#666}.container{display:flex;flex-wrap:wrap}.setting-box{padding:0 16px;flex:3;min-width:243px}.draw-box{padding:8px 0;flex:9;min-width:500px}h2{margin:8px 0 0 0}.form-container,.form-label{margin-bottom:8px}.form-label{margin-top:8px}.form-container .input-xy{display:flex}.form-container .input-xy input{width:100px}.form-container .input-xy input[type=checkbox]{width:16px}select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;font-size:16px;outline:none;transition:border-color .2s;width:234px}select:focus{border-color:#007bff}input[type=email],input[type=number],input[type=password],input[type=text]{padding:8px 12px;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;font-size:16px;outline:none;transition:border-color .2s;box-sizing:border-box}input:focus{border-color:#007bff}input:disabled{background:#eee;color:#aaa;cursor:not-allowed}.draw-toolbar{background-color:#cecece;width:100%;height:32px}@media (max-width:774px){.draw-canvas{background-color:#ececec;width:100%;height:400px}}@media (min-width:775px){.draw-canvas{background-color:#ececec;width:100%;height:calc(100vh - 133px)}}.footer{height:48px;background-color:#2d2d2d;color:#cecece;text-align:center;line-height:48px}.footer a{color:#cecece;text-decoration:none;text-decoration:underline}