.container{display:flex;height:100vh;width:100%;gap:1rem;padding:1rem;box-sizing:border-box}.editor{flex:1;display:flex;flex-direction:column}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;border-radius:.5rem .5rem 0 0}.editor-header h3{margin:0;font-size:1rem;font-weight:600;color:#374151}.saving-indicator{font-size:.875rem;color:#059669;font-weight:500}.editor textarea{flex:1;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;line-height:1.5;border:1px solid #e2e8f0;border-radius:.5rem;resize:none;background-color:#f8fafc;color:#1e293b}.editor textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.editor textarea:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.preview{flex:1;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;border-radius:.5rem .5rem 0 0}.preview-header h3{margin:0;font-size:1rem;font-weight:600;color:#374151}.loading-indicator{font-size:.875rem;color:#3b82f6;font-weight:500}.preview iframe{flex:1;border:1px solid #e2e8f0;border-radius:.5rem;background-color:#fff}.error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:2rem;text-align:center}.error h2{color:#dc2626;margin-bottom:1rem}.error p{color:#6b7280;max-width:500px}