.code-input{font-family:'Courier New',monospace;font-size:.9rem;line-height:1.5;background:#1e1e1e;color:#d4d4d4;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md)}.code-input::placeholder{color:#6a6a6a}.button-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.error-message{background:#fee;border:1px solid #fcc;border-radius:var(--radius-md);padding:var(--spacing-md);color:#c00;font-size:.9rem}.validation-result{border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.validation-result.success{background:#e6f7e6;border:1px solid #4caf50}.validation-result.error{background:#fee;border:1px solid #f44336}.validation-header{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.validation-result.success .validation-header{color:#2e7d32}.validation-result.error .validation-header{color:#c62828}.validation-details{font-size:.9rem;margin-top:var(--spacing-sm)}.structure-preview{background:#1e1e1e;color:#d4d4d4;padding:var(--spacing-md);border-radius:var(--radius-sm);overflow-x:auto;font-size:.85rem;margin-top:var(--spacing-sm);max-height:300px;overflow-y:auto}.diff-result{border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-md);background:var(--bg-secondary)}.diff-result.error{background:#fee;border-color:#f44336}.diff-header{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-primary)}.diff-summary{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.diff-stat{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500}.diff-stat.added{background:#e6f7e6;color:#2e7d32}.diff-stat.removed{background:#fee;color:#c62828}.diff-stat.changed{background:#fff3e0;color:#e65100}.diff-details{font-size:.9rem}.diff-section{margin-bottom:var(--spacing-lg)}.diff-section h4{margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.diff-section ul{list-style:none;padding:0}.diff-item{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);border-left:3px solid}.diff-item.added{background:#e6f7e6;border-color:#4caf50}.diff-item.removed{background:#fee;border-color:#f44336}.diff-item.changed{background:#fff3e0;border-color:#ff9800}.diff-item code{background:rgba(0,0,0,.05);padding:2px 6px;border-radius:3px;font-family:'Courier New',monospace;font-size:.85rem}.old-value{color:#c62828;display:block;margin-left:var(--spacing-md)}.new-value{color:#2e7d32;display:block;margin-left:var(--spacing-md)}.info-section h3{color:var(--primary-color);margin-bottom:var(--spacing-sm)}.info-section p{margin-bottom:var(--spacing-sm);line-height:1.6}.info-section ul{margin-left:var(--spacing-lg);line-height:1.8}.info-section strong{color:var(--secondary-color)}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.button-group{flex-direction:column}.button-group .btn{width:100%}.diff-summary{flex-direction:column;gap:var(--spacing-xs)}.code-input{font-size:.8rem}}