.styles_previewArea__hvffl{min-height:200px;display:flex;align-items:center;justify-content:center;border:2px dashed #dee2e6;border-radius:8px;padding:20px;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 0),linear-gradient(-45deg,#f0f0f0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#f0f0f0 0),linear-gradient(-45deg,transparent 75%,#f0f0f0 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.styles_previewText__wdjDD{transition:all .3s ease;text-align:center;word-break:break-word}.styles_output__vdof6{min-height:200px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:.375rem;font-family:Courier New,monospace;font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word;overflow-y:auto}.styles_card__HfgFr{transition:transform .2s ease-in-out}.styles_card__HfgFr:hover{transform:translateY(-2px)}.styles_btn-purple__kpdQk{background-color:#6f42c1;border-color:#6f42c1;color:white}.styles_btn-purple__kpdQk:hover{background-color:#5a32a3;border-color:#5a32a3;color:white}.styles_btn-outline-purple__b8EhN{border-color:#6f42c1;color:#6f42c1}.styles_btn-outline-purple__b8EhN:hover{background-color:#6f42c1;border-color:#6f42c1;color:white}.styles_bg-purple__SE3v2{background-color:#6f42c1!important}.styles_form-range__sGN52::-webkit-slider-thumb{background-color:#6f42c1}.styles_form-range__sGN52::-moz-range-thumb{background-color:#6f42c1}.styles_form-check-input___F1Ir:checked{background-color:#6f42c1;border-color:#6f42c1}.styles_btn__DU6Xv{transition:all .2s ease-in-out}.styles_btn__DU6Xv:hover{transform:translateY(-1px)}.styles_output__vdof6::-webkit-scrollbar{width:6px}.styles_output__vdof6::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.styles_output__vdof6::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.styles_output__vdof6::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.styles_multiple-shadows__mkGgJ .styles_card__HfgFr{border:1px solid #e9ecef}.styles_multiple-shadows__mkGgJ .styles_card-header__Y4r9W{background-color:#f8f9fa}.styles_output__vdof6 code{color:#e83e8c}.styles_output__vdof6 code .styles_property__u77oC{color:#6f42c1}.styles_output__vdof6 code .styles_value__QeCfX{color:#20c997}@media (max-width:768px){.styles_previewArea__hvffl{min-height:150px}.styles_previewText__wdjDD{font-size:24px!important}}