/* robots validator */

#container {
            display: flex;
            font-family: monospace;
            margin-bottom: 20px;
        }

        .line-numbers {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            margin-right: 10px;
            padding: 5px;
            border-right: 1px solid #ccc;
            overflow: hidden;
            user-select: none;
        }

        .line-numbers span {
            display: block;
        }

        .textarea-container {
            flex: 1;
            display: flex;
            margin-right: 20px;
        }

        textarea {
            flex: 1;
            padding: 5px;
            font-family: monospace;
            resize: none;
            overflow: auto;
            width: 800px;
        }

        #textAreaOutput, #textAreaInput {
            flex: 1;
            padding: 5px;
            font-family: monospace;
            border: 1px solid #ccc;
            overflow: auto;
            white-space: pre-wrap;
        }

        #lineNumbersOutput, #lineNumbersInput {
            margin-right: 10px;
            padding: 10px;
            border-right: 1px solid #ccc;
            overflow: hidden;
            user-select: none;
        }

        #resultBox {
            padding: 10px;
            /* border: 1px solid #ccc; */
            margin-top: 10px;
            display: none; /* Initially hidden */
        }

        .highlight {
            background-color: #ffe6e6;
        }

        .result-icon {
            display: inline-block;
            width: 16px;
            height: 16px;
            margin-right: 5px;
            vertical-align: middle;
        }

        .icon-error {
            background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22red%22%3E%3Cpath d=%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v6h-2zm0 8h2v2h-2z%22/%3E%3C/svg%3E') no-repeat center center;
            background-size: contain;
        }

        .icon-success {
            background: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22green%22%3E%3Cpath d=%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22/%3E%3C/svg%3E') no-repeat center center;
            background-size: contain;
        }
		
	.tool-btn-primary {
  color: #fff;
  background-color: #04AA6D;
  
}


.tool-btn-primary:hover {
  color: #fff;
  background-color: #36454F;
  
}