/* Inherit from JS tool or Shared */
.code-tool-container {
    max-width: 100%;
}

/* ... duplicating minimal needed or we can enqueue same file if we want but keeping separate is safer for now */
.tool-toolbar {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.btn-tool {
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: #fff;
    font-weight: 600;
}

.btn-primary {
    background: #2271b1;
    color: #fff;
    border-color: #2271b1;
}

textarea.code-editor {
    width: 100%;
    min-height: 400px;
    font-family: monospace;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #ddd;
}