.xml-textarea {
            font-family: 'Courier New', 'Fira Code', monospace;
            font-size: 14px;
            line-height: 1.5;
            background-color: #fefcf3;
            border: 1px solid #ced4da;
            border-radius: 6px;
            padding: 12px;
            width: 100%;
            min-height: 200px;
            resize: vertical;
        }
        .output-textarea {
            background-color: #f8f9fa;
        }
        .entity-map {
            background: #f1f9ff;
            border-radius: 12px;
            padding: 1rem;
            margin: 1rem 0;
        }
        .entity-table {
            width: 100%;
            font-size: 0.9rem;
        }
        .entity-table td, .entity-table th {
            padding: 6px 10px;
            border-bottom: 1px solid #dee2e6;
        }
        .code-snip {
            background: #2d2d2d;
            color: #f8f8f2;
            padding: 1rem;
            border-radius: 8px;
            font-family: monospace;
            overflow-x: auto;
        }
        .btn-copy-icon {
            cursor: pointer;
            transition: opacity 0.2s;
        }
        .btn-copy-icon:hover {
            opacity: 0.75;
        }
        .result-header {
            font-weight: 600;
            margin-bottom: 0.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .bg-soft-secondary {
            background-color: #f2f4f6;
        }