
.tool .options{display:flex;flex-direction:column;gap:0.8rem}
.tool .options .options-item{display:flex;flex-direction:column;gap:1rem}
.tool .options .value-input{max-width:56px;height:27px}
.tool .options .color-input{max-width:52px;height:27px;padding:0;overflow:hidden}
.tool .options .color-input::-webkit-color-swatch{border:none}
.tool .options .object-color-input{height:27px;padding:0;overflow:hidden}
.tool .options .object-color-input::-webkit-color-swatch{border:none}
.tool .options .btn-outline-primary{border:1px solid #5652c3;color:#5652c3}
.tool .options .btn-outline-primary:hover{background-color:#F3F4F6}
.tool .options input[type=range]::-webkit-slider-thumb{background:#5652c3}
.tool .options input[type=range]::-moz-range-thumb{background:#5652c3}
.tool .options input[type=range]::-ms-thumb{background:#5652c3}
.tool .options .btn-check:checked + .btn-outline-primary{background-color:#5652c3;color:#fff}
.tool .options .btn-check:checked + .btn-outline-primary:hover{background-color:#48459e}
.tool .options .unit{color:#ced4da}
.tool .options .accordion-button:not(.collapsed){background-color:#F3F4F6;color:#000}
.tool .options .accordion-button:not(.collapsed):after{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='black'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>")}
.tool .options .removeShadow{background-color:#ff7979}
.tool .options .removeShadow:hover{background-color:#d26565}
.tool hr{color:#55ef9c;opacity:1;height:2px}
.tool .right{display:flex;flex-direction:column}
.tool .right .presets{display:flex;gap:1rem;flex-wrap:wrap}
.tool .right .presets .preset{position:relative}
.tool .right .presets .preset__preview{width:5rem;height:5rem;display:flex;justify-content:center;align-items:center;border-radius:3px;background-color:#fff}
.tool .right .presets .preset__preview.save{background-color:#5652c3;color:#fff}
.tool .right .presets .preset__preview.save:hover{background-color:#48459e}
.tool .right .presets .preset__remove-btn{position:absolute;top:-10px;right:-5px;font-size:1.2rem;padding:0;color:#ff7979}
.tool .right .presets .preset__remove-btn:hover{color:#d26565}
.tool .right .preview{display:flex;justify-content:center;align-items:center;background-color:#F3F4F6;border-radius:5px;flex:1;min-height:400px;max-height:450px}
.tool .right .preview__object{background-color:#fff;border-radius:0.5rem;width:15rem;height:15rem}
.tool .right pre{border-radius:5px;background-color:#F3F4F6}
.tool .right .code{position:relative}
.tool .right .code #code{font-size:0.85em}
.tool .right .code .copyBtn{position:absolute;background-color:#fff;right:8px;top:calc(12%)}