.pen-options[data-v-96761996]{padding:.052083rem}.pen-types[data-v-96761996]{display:grid;grid-template-columns:repeat(3,1fr);gap:.052083rem;margin-bottom:.078125rem}.pen-type-item[data-v-96761996]{display:flex;flex-direction:column;align-items:center;padding:.041667rem;cursor:pointer;border-radius:.020833rem;transition:all .3s}.pen-type-item[data-v-96761996]:hover{background:#f5f7fa}.pen-type-item.active[data-v-96761996]{background:#ecf5ff;color:#409eff}.pen-type-item i[data-v-96761996]{font-size:.104167rem;margin-bottom:.020833rem}.pen-type-item span[data-v-96761996]{font-size:.0625rem}.color-picker[data-v-96761996]{border-top:.005208rem solid hsla(0,0%,100%,.1);padding-top:.083333rem;margin-top:.083333rem}.color-grid[data-v-96761996]{display:grid;grid-template-columns:repeat(3,1fr);gap:.0625rem;justify-items:center;padding:0 .041667rem}.color-item[data-v-96761996]{cursor:pointer}.color-item[data-v-96761996],.color-ring[data-v-96761996]{width:.177083rem;height:.177083rem;display:flex;align-items:center;justify-content:center}.color-ring[data-v-96761996]{border:.010417rem solid transparent;border-radius:50%;transition:all .2s ease;padding:.010417rem;box-sizing:border-box;position:relative}.color-ring.active[data-v-96761996]{transform:scale(1.1);border-color:currentColor}.color-ring.active[data-v-96761996]:after{content:"";position:absolute;top:-.015625rem;left:-.015625rem;right:-.015625rem;bottom:-.015625rem;border:.010417rem solid currentColor;border-radius:50%;opacity:.3;animation:pulse-96761996 1.5s infinite}.color-ring .color-dot[data-v-96761996]{width:.135417rem;height:.135417rem;border-radius:50%;transition:transform .2s ease;box-shadow:inset 0 0 .010417rem rgba(0,0,0,.1)}.color-ring[data-v-96761996]:hover{transform:scale(1.1)}.color-ring:hover .color-dot[data-v-96761996]{transform:scale(.95)}@keyframes pulse-96761996{0%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.2}to{transform:scale(1);opacity:.3}}.color-title[data-v-96761996]{margin-bottom:.041667rem;font-size:.072917rem;color:#606266}.tool-item[data-v-96761996]{display:flex;align-items:center;height:.364583rem;width:.416667rem}.tool-item .tool-item-box[data-v-96761996]{display:flex;align-items:center;flex-direction:column;cursor:pointer;user-select:none;justify-content:center;height:100%;width:.416667rem}.tool-item .tool-item-box .icon-huabi1[data-v-96761996]{font-size:.145833rem;color:#fff}.tool-item .tool-item-box p[data-v-96761996]{font-size:.072917rem;color:#fff}.tool-item .tool-item-box.is-disabled[data-v-96761996]{pointer-events:none}.tool-item .tool-item-box.is-disabled .icon-box i[data-v-96761996],.tool-item .tool-item-box.is-disabled .icon-box p[data-v-96761996]{color:#ababab}.tool-item .default-active[data-v-96761996]{background-color:#7fb99a;border-radius:.026042rem 0 0 .026042rem}.tool-content[data-v-96761996]{display:flex;flex-direction:column;align-items:center;padding:.020833rem;width:.130208rem;background-color:#2f453c}.tool-content i[data-v-96761996]{font-size:.125rem}.tool-content span[data-v-96761996]{font-size:.0625rem;color:#fff}.color-inputs[data-v-96761996]{margin-top:.052083rem}.input-group[data-v-96761996]{margin-top:.041667rem}.input-group label[data-v-96761996]{display:inline-block;width:.208333rem;font-size:.0625rem;color:#606266}.rgb-inputs[data-v-96761996]{display:flex;gap:.026042rem;margin-top:.020833rem}.rgb-inputs .el-input[data-v-96761996]{width:.3125rem}.el-input.is-mini input[data-v-96761996]{height:.125rem;line-height:.125rem}