.html-editor-modal-overlay{z-index:1000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.html-editor-modal{background:var(--background-white);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s ease-out modalSlideIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.html-editor-modal__header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border-light);background:var(--background-light);justify-content:space-between;align-items:center;display:flex}.html-editor-modal__header h2{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;font-weight:600}.html-editor-modal__close{font-size:var(--font-size-xxl);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.html-editor-modal__close:hover{background:var(--background-white);color:var(--text-primary)}.html-editor-modal__content{padding:var(--spacing-lg) var(--spacing-xl);flex:1;overflow-y:auto}.html-editor-section{gap:var(--spacing-sm);flex-direction:column;display:flex}.html-editor-label{font-size:var(--font-size-base);color:var(--text-primary);font-weight:600}.html-editor-textarea{width:100%;min-height:400px;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-white);color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:var(--font-size-sm);resize:vertical;line-height:1.5;transition:border-color .2s}.html-editor-textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #0052691a}.html-editor-textarea::placeholder{color:var(--text-secondary);opacity:.6}.html-editor-help{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:var(--spacing-xs);display:block}.html-editor-modal__footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-light);background:var(--background-light);display:flex}.html-editor-modal__footer .btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;border:1px solid var(--border-color);font-weight:500;transition:all .2s}.html-editor-modal__footer .btn-secondary{background:var(--background-white);color:var(--text-primary)}.html-editor-modal__footer .btn-secondary:hover{background:var(--background-light)}.html-editor-modal__footer .btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.html-editor-modal__footer .btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.ai-revise-layout{border:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-md,6px);background:var(--background-white,#fff);width:100%;margin-top:var(--spacing-sm,8px);flex-direction:column;display:flex}.ai-revise-header{padding:var(--spacing-sm,8px) var(--spacing-md,12px);background:var(--background-light,#f9fafb);border-bottom:1px solid var(--border-color,#d1d5db);border-radius:var(--radius-md,6px) var(--radius-md,6px) 0 0;grid-template-columns:1fr auto 1fr auto;align-items:center;display:grid}.ai-revise-label{font-size:var(--font-size-sm,12px);color:var(--text-secondary,#6b7280);text-align:center;font-weight:600}.ai-revise-close-btn{color:var(--text-secondary,#6b7280);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:background-color .2s,color .2s;display:flex}.ai-revise-close-btn:hover{background:var(--background-hover,#f3f4f6);color:var(--text-primary,#111827)}.ai-revise-content{gap:var(--spacing-md,12px);padding:var(--spacing-md,12px);grid-template-columns:1fr auto 1fr;align-items:stretch;display:grid}.ai-revise-column{flex-direction:column;min-width:0;display:flex}.ai-revise-column-left,.ai-revise-column-right{flex-direction:column;width:100%;display:flex}.ai-revise-column-left .quote-section-textarea,.ai-revise-column-right .quote-section-textarea{resize:none;flex:1;height:100%;min-height:0}.ai-revise-column,.ai-revise-column-left,.ai-revise-column-right{height:100%}.ai-revise-arrow-container{padding:var(--spacing-sm,8px) 0;justify-content:center;align-self:center;align-items:center;display:flex}.ai-revise-arrow-btn{background:var(--background-white,#fff);border:2px solid var(--border-color,#d1d5db);cursor:pointer;width:40px;height:40px;color:var(--text-primary,#111827);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.ai-revise-arrow-btn svg{width:20px;height:20px;display:block}.ai-revise-arrow-btn:hover{background:var(--primary-color,#3b82f6);border-color:var(--primary-color,#3b82f6);color:var(--background-white,#fff);transform:scale(1.1)}.ai-revise-arrow-btn:active{transform:scale(.95)}@media (width<=768px){.ai-revise-content{gap:var(--spacing-sm,8px);grid-template-columns:1fr}.ai-revise-arrow-container{padding:var(--spacing-xs,4px) 0;transform:rotate(90deg)}.ai-revise-header{grid-template-columns:1fr auto}.ai-revise-label:first-child{display:none}}