.editor-container[data-v-384f6eb3]{background-color:var(--graphite-500);display:flex;gap:24px;min-height:100vh;padding:24px}.editor-panel[data-v-384f6eb3]{background-color:var(--graphite-300);border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex:1;flex-direction:column;overflow:hidden}.editor-wrapper[data-v-384f6eb3]{flex:1;position:relative}.editor-textarea[data-v-384f6eb3]{background-color:var(--graphite-100);border:none;border-radius:0 0 12px 12px;color:var(--gray-500);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;height:100%;line-height:1.6;min-height:500px;outline:none;padding:24px;resize:none;width:100%}.editor-textarea[data-v-384f6eb3]::-moz-placeholder{color:var(--gray-200);opacity:.7}.editor-textarea[data-v-384f6eb3]::placeholder{color:var(--gray-200);opacity:.7}.editor-textarea[data-v-384f6eb3]:focus{background-color:var(--graphite-100)}.preview-panel[data-v-384f6eb3]{border-radius:12px;box-shadow:0 4px 20px #0000004d;display:flex;flex:1;flex-direction:column;overflow:hidden}.preview-header[data-v-384f6eb3],.preview-panel[data-v-384f6eb3]{background-color:var(--graphite-300)}.preview-header[data-v-384f6eb3]{border-bottom:1px solid var(--graphite-200);padding:16px 24px}.preview-header h3[data-v-384f6eb3]{color:var(--gray-400);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.preview-content[data-v-384f6eb3]{background-color:var(--graphite-100);border-radius:0 0 12px 12px;flex:1;overflow-y:auto;padding:24px}.preview-content[data-v-384f6eb3]::-webkit-scrollbar{width:6px}.preview-content[data-v-384f6eb3]::-webkit-scrollbar-track{background:var(--graphite-200)}.preview-content[data-v-384f6eb3]::-webkit-scrollbar-thumb{background:var(--graphite-400);border-radius:3px}.preview-content[data-v-384f6eb3]::-webkit-scrollbar-thumb:hover{background:var(--gray-200)}@media (max-width:1024px){.editor-container[data-v-384f6eb3]{flex-direction:column;gap:16px;padding:16px}.editor-panel[data-v-384f6eb3],.preview-panel[data-v-384f6eb3]{flex:none;height:50vh}.editor-textarea[data-v-384f6eb3]{min-height:300px}}@media (max-width:768px){.editor-container[data-v-384f6eb3]{padding:12px}.editor-textarea[data-v-384f6eb3],.preview-content[data-v-384f6eb3]{padding:16px}.preview-header[data-v-384f6eb3]{padding:12px 16px}}