.editor-preview-container {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
        }
        @media (min-width: 992px) {
            .editor-preview-container {
                flex-direction: row;
                align-items: stretch;
            }
            .editor-card, .preview-card {
                flex: 1;
            }
        }
        .editor-card textarea {
            font-family: 'SF Mono', 'Cascadia Code', 'Courier New', monospace;
            font-size: 14px;
            background: #f8f9fa;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            padding: 1rem;
            width: 100%;
            height: 400px;
            resize: vertical;
        }
        .preview-frame {
            background: white;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            width: 100%;
            height: 400px;
            overflow: auto;
            box-shadow: 0 2px 6px rgba(0,0,0,0.05);
        }
        iframe {
            width: 100%;
            height: 100%;
            border: none;
            background: #fff;
        }
        .setting-group {
            background: #f8f9fc;
            border-radius: 12px;
            padding: 1rem;
            margin-top: 1rem;
        }
        .pdf-actions {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            align-items: center;
            justify-content: space-between;
            margin-top: 1rem;
        }
        .result-badge {
            font-size: 0.9rem;
            background: #e9ecef;
            border-radius: 40px;
            padding: 0.4rem 1rem;
        }
        .math-equation, .feature-icon {
            font-size: 1.8rem;
            color: var(--primary-color);
            margin-right: 0.75rem;
        }
        .code-sample {
            background: #2d2d2d;
            color: #f8f8f2;
            padding: 0.75rem;
            border-radius: 8px;
            font-size: 0.85rem;
        }
  h1 { color: #2c3e50; border-bottom: 3px solid #3498db; }
  .card { background: #f8f9fa; padding: 1.2rem; border-radius: 16px; margin-top: 1.5rem; }
  .badge { background: #3498db; color: white; padding: 0.2rem 0.8rem; border-radius: 30px; }
h1{color:#1e466e;}table{width:100%;border-collapse:collapse;margin:1rem 0;}th,td{border:1px solid #ccc;padding:0.75rem;text-align:left;}th{background:#f2f2f2;}.total{font-weight:bold;}
.card{background:white;padding:1.8rem;border-radius:24px;box-shadow:0 8px 20px rgba(0,0,0,0.05);}h1{color:#222;}.job{color:#2c7da0;margin-bottom:0.5rem;}
.product-card{background:white;border-radius:32px;padding:1.8rem;width:300px;text-align:center;box-shadow:0 20px 35px rgba(0,0,0,0.2);}h2{color:#333;}.price{color:#764ba2;font-size:2rem;font-weight:bold;}.btn{background:#667eea;color:white;border:none;border-radius:40px;padding:10px 20px;}