.html-editor{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;min-height:400px}.editor-section,.preview-section{display:flex;flex-direction:column}.section-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #666)}.html-input{flex:1;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8rem;line-height:1.5;border:1px solid var(--color-border, #ddd);border-radius:8px;resize:none;background:var(--color-bg-primary, #fff)}.html-input:focus{outline:none;border-color:var(--color-primary, #2196f3)}.html-preview{flex:1;padding:0;background:var(--color-bg-card);border:1px solid var(--color-border, #ddd);border-radius:8px;overflow:auto}.privacy-note{margin-top:1.5rem;padding:1rem;background:var(--color-bg-secondary, #f5f5f5);border-radius:8px;font-size:.85rem;color:var(--color-text-secondary, #666);text-align:center}.error-message{padding:1rem;background:#ffebee;color:var(--color-error);border-radius:8px;margin-bottom:1rem}@media(max-width:768px){.html-editor{grid-template-columns:1fr;min-height:600px}.editor-section,.preview-section{min-height:250px}}