[data-v-bb8c3490]{box-sizing:border-box}h1[data-v-bb8c3490]{text-align:center}h3[data-v-bb8c3490]{color:#333}.container[data-v-bb8c3490]{display:flex;height:85vh;gap:10px}.wysiwygArea[data-v-bb8c3490],.previewArea[data-v-bb8c3490]{flex:1;border:1px solid #ddd;border-radius:8px;padding:10px;background-color:#f9f9f9;overflow:hidden;display:flex;flex-direction:column}.editArea[data-v-bb8c3490]{min-height:300px;border:1px solid #ccc;margin-top:10px;padding:10px;background-color:#fff;flex-grow:1;overflow-y:auto;outline:none}.toolbar[data-v-bb8c3490]{display:flex;flex-wrap:wrap;gap:5px;padding-bottom:10px;border-bottom:1px solid #ccc}.toolbar button[data-v-bb8c3490],.toolbar input[type=color][data-v-bb8c3490]{border:1px solid #ccc;border-radius:8px;background-color:#bfe3e5;cursor:pointer;transition:background-color .2s}.toolbar button[data-v-bb8c3490]:hover,.toolbar input[type=color][data-v-bb8c3490]:hover{background-color:#89dde0}.toolbar input[type=color][data-v-bb8c3490]{padding:2px 5px}.toolbar label[data-v-bb8c3490]{font-size:.9em;align-self:center}.htmlPreview[data-v-bb8c3490]{min-height:300px;border:1px solid #ccc;padding:10px;background-color:#fff;flex-grow:1;overflow-y:auto;white-space:pre-wrap;word-break:break-all}