.editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 20px; }
            @media (max-width: 768px) { .editor-grid { grid-template-columns: 1fr; } }
            
            .editor-panel { display: flex; flex-direction: column; }
            .editor-panel label { font-weight: 600; font-size: 0.85rem; color: var(--text-main); margin-bottom: 8px; }
            
            .options-container { background: #f8fafc; border: 1px solid var(--border-color); border-radius: 8px; padding: 15px; margin-bottom: 20px; }
            .options-section-title { font-size: 0.9rem; font-weight: 700; color: var(--primary-color); margin-bottom: 10px; border-bottom: 1px solid #e2e8f0; padding-bottom: 4px; }
            
            .options-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 15px; }
            @media (max-width: 500px) { .options-grid { grid-template-columns: 1fr; } }

            .option-label { display: flex; align-items: center; gap: 8px; font-size: 0.85rem; font-weight: 500; cursor: pointer; color: var(--text-main); }
            .option-label input { accent-color: var(--primary-color); width: 16px; height: 16px; cursor: pointer; }
            
            .textarea-tool { width: 100%; height: 220px; padding: 12px; border: 1px solid var(--border-color); border-radius: 8px; font-family: inherit; font-size: 0.9rem; background: #fafafa; resize: vertical; }
            .textarea-tool:focus { outline: 2px solid var(--primary-color); background: #fff; }
            .textarea-result { background: #f1f5f9; color: #334155; }